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

package/es/molecule/drag-and-drop/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","getOr","includes","Dropzone","NovaCompositionNavigationArrowLeft","ArrowLeft","Provider","InputText","Overlay","UploadReport","PlaceHolder","style","DragAndDrop","props","context","skin","primaryColor","state","title","message","warningMessage","mode","dragAndDropMessage","buttonTitle","backLabel","orLabel","accept","type","contentType","fields","onDrop","onDelete","onBack","handleBack","e","stopPropagation","preventDefault","loading","back","arrow","getRootProps","getInputProps","isDragActive","getView","disableFileInput","wrapper","contextTypes","childContextTypes","propTypes","oneOf","isRequired","string","func","arrayOf","shape","actions","label","onClick"],"sources":["../../../src/molecule/drag-and-drop/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport Dropzone from 'react-dropzone';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport InputText from '../../atom/input-text';\nimport {Overlay} from './overlay';\nimport {UploadReport} from './upload-report';\nimport {PlaceHolder} from './placeholder';\nimport style from './style.css';\n\nexport const DragAndDrop = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const {\n    state,\n    title,\n    message,\n    warningMessage,\n    mode,\n    dragAndDropMessage,\n    buttonTitle,\n    backLabel,\n    orLabel,\n    accept,\n    type: contentType = 'scorm',\n    fields,\n    onDrop,\n    onDelete,\n    onBack\n  } = props;\n\n  const handleBack = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onBack && onBack(e);\n    },\n    [onBack]\n  );\n\n  const loading = state === 'loading';\n  return (\n    <div>\n      <span onClick={handleBack} className={style.back}>\n        <ArrowLeft width={12} height={12} className={style.arrow} />\n        {backLabel}\n      </span>\n      <Dropzone accept={accept} disabled={loading} onDrop={onDrop}>\n        {({getRootProps, getInputProps, isDragActive}) => {\n          const getView = () => {\n            if (contentType !== 'scorm' || includes(state, ['success', 'error', 'ready'])) {\n              return (\n                <UploadReport\n                  state={state}\n                  message={message}\n                  warningMessage={warningMessage}\n                  fields={fields}\n                  type={contentType}\n                  onDelete={onDelete}\n                  mode={mode}\n                  orLabel={orLabel}\n                  onClick={onDrop}\n                  buttonTitle={buttonTitle}\n                  primaryColor={primaryColor}\n                />\n              );\n            }\n            return (\n              <PlaceHolder\n                title={title}\n                buttonTitle={buttonTitle}\n                uploadLabel={message}\n                primaryColor={primaryColor}\n                onClick={onDrop}\n              />\n            );\n          };\n\n          const disableFileInput = state === 'success';\n\n          return (\n            <div {...getRootProps()} className={style.wrapper}>\n              <input {...getInputProps()} disabled={disableFileInput} />\n              {getView()}\n              {isDragActive || loading ? (\n                <Overlay\n                  iconColor={primaryColor}\n                  description={dragAndDropMessage}\n                  isLoading={loading}\n                />\n              ) : null}\n            </div>\n          );\n        }}\n      </Dropzone>\n    </div>\n  );\n};\n\nDragAndDrop.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDragAndDrop.propTypes = {\n  state: PropTypes.oneOf(['default', 'ready', 'loading', 'success', 'error']).isRequired,\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  title: PropTypes.string,\n  type: PropTypes.string,\n  message: PropTypes.string,\n  warningMessage: PropTypes.string,\n  dragAndDropMessage: PropTypes.string,\n  buttonTitle: PropTypes.string,\n  backLabel: PropTypes.string,\n  orLabel: PropTypes.string,\n  onBack: PropTypes.func,\n  accept: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  onDrop: PropTypes.func,\n  onDelete: PropTypes.func,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['edit', 'upload', 'delete']),\n      label: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default DragAndDrop;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","getOr","includes","Dropzone","NovaCompositionNavigationArrowLeft","ArrowLeft","Provider","InputText","Overlay","UploadReport","PlaceHolder","style","DragAndDrop","props","context","skin","primaryColor","state","title","message","warningMessage","mode","dragAndDropMessage","buttonTitle","backLabel","orLabel","accept","type","contentType","fields","onDrop","onDelete","onBack","handleBack","e","stopPropagation","preventDefault","loading","back","arrow","getRootProps","getInputProps","isDragActive","getView","disableFileInput","wrapper","contextTypes","childContextTypes","propTypes","oneOf","isRequired","string","func","arrayOf","shape","actions","label","onClick"],"sources":["../../../src/molecule/drag-and-drop/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport Dropzone from 'react-dropzone';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport InputText from '../../atom/input-text';\nimport {Overlay} from './overlay';\nimport {UploadReport} from './upload-report';\nimport {PlaceHolder} from './placeholder';\nimport style from './style.css';\n\nexport const DragAndDrop = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const {\n    state,\n    title,\n    message,\n    warningMessage,\n    mode,\n    dragAndDropMessage,\n    buttonTitle,\n    backLabel,\n    orLabel,\n    accept,\n    type: contentType = 'scorm',\n    fields,\n    onDrop,\n    onDelete,\n    onBack\n  } = props;\n\n  const handleBack = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onBack && onBack(e);\n    },\n    [onBack]\n  );\n\n  const loading = state === 'loading';\n  return (\n    <div>\n      <span onClick={handleBack} className={style.back}>\n        <ArrowLeft width={12} height={12} className={style.arrow} />\n        {backLabel}\n      </span>\n      <Dropzone accept={accept} disabled={loading} onDrop={onDrop}>\n        {({getRootProps, getInputProps, isDragActive}) => {\n          const getView = () => {\n            if (contentType !== 'scorm' || includes(state, ['success', 'error', 'ready'])) {\n              return (\n                <UploadReport\n                  state={state}\n                  message={message}\n                  warningMessage={warningMessage}\n                  fields={fields}\n                  type={contentType}\n                  onDelete={onDelete}\n                  mode={mode}\n                  orLabel={orLabel}\n                  onClick={onDrop}\n                  buttonTitle={buttonTitle}\n                  primaryColor={primaryColor}\n                />\n              );\n            }\n            return (\n              <PlaceHolder\n                title={title}\n                buttonTitle={buttonTitle}\n                uploadLabel={message}\n                primaryColor={primaryColor}\n                onClick={onDrop}\n              />\n            );\n          };\n\n          const disableFileInput = state === 'success';\n\n          return (\n            <div {...getRootProps()} className={style.wrapper}>\n              <input {...getInputProps()} disabled={disableFileInput} />\n              {getView()}\n              {isDragActive || loading ? (\n                <Overlay\n                  iconColor={primaryColor}\n                  description={dragAndDropMessage}\n                  isLoading={loading}\n                />\n              ) : null}\n            </div>\n          );\n        }}\n      </Dropzone>\n    </div>\n  );\n};\n\nDragAndDrop.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nDragAndDrop.propTypes = {\n  state: PropTypes.oneOf(['default', 'ready', 'loading', 'success', 'error']).isRequired,\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  title: PropTypes.string,\n  type: PropTypes.string,\n  message: PropTypes.string,\n  warningMessage: PropTypes.string,\n  dragAndDropMessage: PropTypes.string,\n  buttonTitle: PropTypes.string,\n  backLabel: PropTypes.string,\n  orLabel: PropTypes.string,\n  onBack: PropTypes.func,\n  accept: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  onDrop: PropTypes.func,\n  onDelete: PropTypes.func,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(['edit', 'upload', 'delete']),\n      label: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default DragAndDrop;\n"],"mappings":"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"}

package/es/molecule/drag-and-drop/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":["React","PropTypes","NovaSolidDataTransferDataUpload1","UploadIcon","convert","Loader","style","Overlay","description","isLoading","iconColor","dropOverlay","arrow","border","icon","overlay","propTypes","string","bool"],"sources":["../../../src/molecule/drag-and-drop/overlay.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\n\nimport Loader from '../../atom/loader';\n\nimport style from './overlay.css';\n\nexport const Overlay = ({description, isLoading, iconColor}) => {\n  const dropOverlay = (\n    <React.Fragment>\n      <div\n        className={style.arrow}\n        style={{border: `15px solid ${convert(`color(${iconColor} a(-90%))`)}`}}\n      >\n        <UploadIcon color={iconColor} className={style.icon} />\n      </div>\n      <p>{description}</p>\n    </React.Fragment>\n  );\n\n  return <div className={style.overlay}>{isLoading ? <Loader /> : dropOverlay}</div>;\n};\n\nexport default Overlay;\n\nOverlay.propTypes = {\n  description: PropTypes.string,\n  isLoading: PropTypes.bool,\n  iconColor: PropTypes.string\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,gCAAgC,IAAIC,UAA5C,QAA6D,0BAA7D;AACA,SAAQC,OAAR,QAAsB,oBAAtB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,OAAOC,KAAP,MAAkB,eAAlB;AAEA,OAAO,MAAMC,OAAO,GAAG,CAAC;EAACC,WAAD;EAAcC,SAAd;EAAyBC;AAAzB,CAAD,KAAyC;EAC9D,MAAMC,WAAW,gBACf,oBAAC,KAAD,CAAO,QAAP,qBACE;IACE,SAAS,EAAEL,KAAK,CAACM,KADnB;IAEE,KAAK,EAAE;MAACC,MAAM,EAAG,cAAaT,OAAO,CAAE,SAAQM,SAAU,WAApB,CAAgC;IAA9D;EAFT,gBAIE,oBAAC,UAAD;IAAY,KAAK,EAAEA,SAAnB;IAA8B,SAAS,EAAEJ,KAAK,CAACQ;EAA/C,EAJF,CADF,eAOE,+BAAIN,WAAJ,CAPF,CADF;EAYA,oBAAO;IAAK,SAAS,EAAEF,KAAK,CAACS;EAAtB,GAAgCN,SAAS,gBAAG,oBAAC,MAAD,OAAH,GAAgBE,WAAzD,CAAP;AACD,CAdM;AAgBP,eAAeJ,OAAf;AAEAA,OAAO,CAACS,SAAR,2CAAoB;EAClBR,WAAW,EAAEP,SAAS,CAACgB,MADL;EAElBR,SAAS,EAAER,SAAS,CAACiB,IAFH;EAGlBR,SAAS,EAAET,SAAS,CAACgB;AAHH,CAApB"}
+{"version":3,"file":"overlay.js","names":["React","PropTypes","NovaSolidDataTransferDataUpload1","UploadIcon","convert","Loader","style","Overlay","description","isLoading","iconColor","dropOverlay","arrow","border","icon","overlay","propTypes","string","bool"],"sources":["../../../src/molecule/drag-and-drop/overlay.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\n\nimport Loader from '../../atom/loader';\n\nimport style from './overlay.css';\n\nexport const Overlay = ({description, isLoading, iconColor}) => {\n  const dropOverlay = (\n    <React.Fragment>\n      <div\n        className={style.arrow}\n        style={{border: `15px solid ${convert(`color(${iconColor} a(-90%))`)}`}}\n      >\n        <UploadIcon color={iconColor} className={style.icon} />\n      </div>\n      <p>{description}</p>\n    </React.Fragment>\n  );\n\n  return <div className={style.overlay}>{isLoading ? <Loader /> : dropOverlay}</div>;\n};\n\nexport default Overlay;\n\nOverlay.propTypes = {\n  description: PropTypes.string,\n  isLoading: PropTypes.bool,\n  iconColor: PropTypes.string\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,gCAAgC,IAAIC,UAAU,QAAO,0BAA0B;AACvF,SAAQC,OAAO,QAAO,oBAAoB;AAE1C,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,OAAOC,KAAK,MAAM,eAAe;AAEjC,OAAO,MAAMC,OAAO,GAAG,CAAC;EAACC,WAAW;EAAEC,SAAS;EAAEC;AAAS,CAAC,KAAK;EAC9D,MAAMC,WAAW,gBACf,oBAAC,KAAK,CAAC,QAAQ,qBACb;IACE,SAAS,EAAEL,KAAK,CAACM,KAAM;IACvB,KAAK,EAAE;MAACC,MAAM,EAAG,cAAaT,OAAO,CAAE,SAAQM,SAAU,WAAU,CAAE;IAAC;EAAE,gBAExE,oBAAC,UAAU;IAAC,KAAK,EAAEA,SAAU;IAAC,SAAS,EAAEJ,KAAK,CAACQ;EAAK,EAAG,CACnD,eACN,+BAAIN,WAAW,CAAK,CAEvB;EAED,oBAAO;IAAK,SAAS,EAAEF,KAAK,CAACS;EAAQ,GAAEN,SAAS,gBAAG,oBAAC,MAAM,OAAG,GAAGE,WAAW,CAAO;AACpF,CAAC;AAED,eAAeJ,OAAO;AAEtBA,OAAO,CAACS,SAAS,2CAAG;EAClBR,WAAW,EAAEP,SAAS,CAACgB,MAAM;EAC7BR,SAAS,EAAER,SAAS,CAACiB,IAAI;EACzBR,SAAS,EAAET,SAAS,CAACgB;AACvB,CAAC"}

package/es/molecule/drag-and-drop/placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"placeholder.js","names":["React","PropTypes","Button","style","PlaceHolder","title","uploadLabel","primaryColor","buttonTitle","dropZoneContainer","dropZone","selectButton","backgroundColor","propTypes","string"],"sources":["../../../src/molecule/drag-and-drop/placeholder.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '../../atom/button';\nimport style from './placeholder.css';\n\nexport const PlaceHolder = ({title, uploadLabel, primaryColor, buttonTitle}) => {\n  return (\n    <div className={style.dropZoneContainer}>\n      <div className={style.title}>{title}</div>\n      <div className={style.dropZone}>\n        <p className={style.uploadLabel}>{uploadLabel}</p>\n      </div>\n      <div>\n        <Button\n          data-name=\"cta\"\n          type=\"link\"\n          submitValue={buttonTitle}\n          className={style.selectButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default PlaceHolder;\n\nPlaceHolder.propTypes = {\n  title: PropTypes.string,\n  uploadLabel: PropTypes.string,\n  primaryColor: PropTypes.string,\n  buttonTitle: PropTypes.string\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,mBAAlB;AAEA,OAAO,MAAMC,WAAW,GAAG,CAAC;EAACC,KAAD;EAAQC,WAAR;EAAqBC,YAArB;EAAmCC;AAAnC,CAAD,KAAqD;EAC9E,oBACE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAtB,gBACE;IAAK,SAAS,EAAEN,KAAK,CAACE;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEF,KAAK,CAACO;EAAtB,gBACE;IAAG,SAAS,EAAEP,KAAK,CAACG;EAApB,GAAkCA,WAAlC,CADF,CAFF,eAKE,8CACE,oBAAC,MAAD;IACE,aAAU,KADZ;IAEE,IAAI,EAAC,MAFP;IAGE,WAAW,EAAEE,WAHf;IAIE,SAAS,EAAEL,KAAK,CAACQ,YAJnB;IAKE,KAAK,EAAE;MAACC,eAAe,EAAEL;IAAlB;EALT,EADF,CALF,CADF;AAiBD,CAlBM;AAoBP,eAAeH,WAAf;AAEAA,WAAW,CAACS,SAAZ,2CAAwB;EACtBR,KAAK,EAAEJ,SAAS,CAACa,MADK;EAEtBR,WAAW,EAAEL,SAAS,CAACa,MAFD;EAGtBP,YAAY,EAAEN,SAAS,CAACa,MAHF;EAItBN,WAAW,EAAEP,SAAS,CAACa;AAJD,CAAxB"}
+{"version":3,"file":"placeholder.js","names":["React","PropTypes","Button","style","PlaceHolder","title","uploadLabel","primaryColor","buttonTitle","dropZoneContainer","dropZone","selectButton","backgroundColor","propTypes","string"],"sources":["../../../src/molecule/drag-and-drop/placeholder.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from '../../atom/button';\nimport style from './placeholder.css';\n\nexport const PlaceHolder = ({title, uploadLabel, primaryColor, buttonTitle}) => {\n  return (\n    <div className={style.dropZoneContainer}>\n      <div className={style.title}>{title}</div>\n      <div className={style.dropZone}>\n        <p className={style.uploadLabel}>{uploadLabel}</p>\n      </div>\n      <div>\n        <Button\n          data-name=\"cta\"\n          type=\"link\"\n          submitValue={buttonTitle}\n          className={style.selectButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default PlaceHolder;\n\nPlaceHolder.propTypes = {\n  title: PropTypes.string,\n  uploadLabel: PropTypes.string,\n  primaryColor: PropTypes.string,\n  buttonTitle: PropTypes.string\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,KAAK,MAAM,mBAAmB;AAErC,OAAO,MAAMC,WAAW,GAAG,CAAC;EAACC,KAAK;EAAEC,WAAW;EAAEC,YAAY;EAAEC;AAAW,CAAC,KAAK;EAC9E,oBACE;IAAK,SAAS,EAAEL,KAAK,CAACM;EAAkB,gBACtC;IAAK,SAAS,EAAEN,KAAK,CAACE;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,SAAS,EAAEF,KAAK,CAACO;EAAS,gBAC7B;IAAG,SAAS,EAAEP,KAAK,CAACG;EAAY,GAAEA,WAAW,CAAK,CAC9C,eACN,8CACE,oBAAC,MAAM;IACL,aAAU,KAAK;IACf,IAAI,EAAC,MAAM;IACX,WAAW,EAAEE,WAAY;IACzB,SAAS,EAAEL,KAAK,CAACQ,YAAa;IAC9B,KAAK,EAAE;MAACC,eAAe,EAAEL;IAAY;EAAE,EACvC,CACE,CACF;AAEV,CAAC;AAED,eAAeH,WAAW;AAE1BA,WAAW,CAACS,SAAS,2CAAG;EACtBR,KAAK,EAAEJ,SAAS,CAACa,MAAM;EACvBR,WAAW,EAAEL,SAAS,CAACa,MAAM;EAC7BP,YAAY,EAAEN,SAAS,CAACa,MAAM;EAC9BN,WAAW,EAAEP,SAAS,CAACa;AACzB,CAAC"}

package/es/molecule/drag-and-drop/upload-report.js

@@ -6,9 +6,7 @@ import _map from "lodash/fp/map";
 import _last from "lodash/fp/last";
 import _split from "lodash/fp/split";
 import _pipe from "lodash/fp/pipe";
-
 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, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionCoorpacademyValidate as Validated, NovaLineContentEditionBin as TrashIcon, NovaCompositionCoorpacademyWarn as WarnIcon } from '@coorpacademy/nova-icons';
@@ -17,7 +15,6 @@ import { EXTERNAL_CONTENT_ICONS } from '../../util/external-content';
 import InputText from '../../atom/input-text';
 import Button from '../../atom/button';
 import style from './upload-report.css';
-
 const SuccessMessage = ({
   message
 }) => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
@@ -25,11 +22,9 @@ const SuccessMessage = ({
 }, "\uD83C\uDF89"), /*#__PURE__*/React.createElement("p", {
   className: style.message
 }, message));
-
 SuccessMessage.propTypes = process.env.NODE_ENV !== "production" ? {
   message: PropTypes.string.isRequired
 } : {};
-
 const ErrorMessage = ({
   message,
   buttonTitle,
@@ -47,7 +42,6 @@ const ErrorMessage = ({
     backgroundColor: primaryColor
   }
 })));
-
 ErrorMessage.propTypes = process.env.NODE_ENV !== "production" ? {
   message: PropTypes.string.isRequired,
   buttonTitle: PropTypes.string,
@@ -74,11 +68,8 @@ export const UploadReport = ({
     e.stopPropagation();
     e.preventDefault();
   }, []);
-
   const showMessage = _includes(state, ['success', 'error']);
-
   const fileName = _pipe(_head, _getOr('', 'value'), _split('/'), _last)(fields);
-
   const fileView = fileName ? /*#__PURE__*/React.createElement("div", {
     className: style.fileWrapper
   }, /*#__PURE__*/React.createElement("div", {
@@ -100,12 +91,10 @@ export const UploadReport = ({
   });
   const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;
   const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;
-
   const buildField = (field, index) => /*#__PURE__*/React.createElement(InputText, _extends({}, field, {
     key: index,
     theme: 'cockpit'
   }));
-
   const deleteView = onDelete ? /*#__PURE__*/React.createElement("div", {
     onClick: handleDelete,
     className: classnames(style.actionIcon, style.trashIcon)
@@ -113,11 +102,9 @@ export const UploadReport = ({
     width: 20,
     height: 20
   })) : null;
-
   const fieldsList = _map.convert({
     cap: false
   })(buildField, fields);
-
   return /*#__PURE__*/React.createElement("div", {
     className: style.reportingContainer
   }, /*#__PURE__*/React.createElement("div", {

package/es/molecule/drag-and-drop/upload-report.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-report.js","names":["React","useCallback","PropTypes","NovaCompositionCoorpacademyValidate","Validated","NovaLineContentEditionBin","TrashIcon","NovaCompositionCoorpacademyWarn","WarnIcon","classnames","EXTERNAL_CONTENT_ICONS","InputText","Button","style","SuccessMessage","message","emoticon","propTypes","string","isRequired","ErrorMessage","buttonTitle","primaryColor","selectButton","backgroundColor","UploadReport","state","warningMessage","type","contentType","fields","mode","orLabel","onDelete","handleDelete","e","stopPropagation","preventDefault","stopPropagationHandler","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","icon","iconColor","color","buildField","field","index","deleteView","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","arrayOf","shape","oneOf","func"],"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyValidate as Validated,\n  NovaLineContentEditionBin as TrashIcon,\n  NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty, includes} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nconst SuccessMessage = ({message}) => (\n  <div>\n    <span className={style.emoticon}>🎉</span>\n    <p className={style.message}>{message}</p>\n  </div>\n);\n\nSuccessMessage.propTypes = {\n  message: PropTypes.string.isRequired\n};\n\nconst ErrorMessage = ({message, buttonTitle, primaryColor}) => (\n  <div>\n    <div>\n      <span className={style.emoticon}>🥺</span>\n      <p className={style.message}>{message}</p>\n    </div>\n    <div>\n      <Button\n        data-name=\"cta\"\n        type=\"link\"\n        submitValue={buttonTitle}\n        className={style.selectButton}\n        style={{backgroundColor: primaryColor}}\n      />\n    </div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  message: PropTypes.string.isRequired,\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string\n};\n\nexport const UploadReport = ({\n  state,\n  message,\n  warningMessage,\n  type: contentType,\n  fields,\n  mode = 'upload',\n  orLabel,\n  buttonTitle,\n  primaryColor,\n  onDelete\n}) => {\n  const handleDelete = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onDelete && onDelete(e);\n    },\n    [onDelete]\n  );\n\n  const stopPropagationHandler = useCallback(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const showMessage = includes(state, ['success', 'error']);\n\n  const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n  const fileView = fileName ? (\n    <div className={style.fileWrapper}>\n      <div className={style.fileName} title={fileName}>\n        {fileName}\n      </div>\n      {isEmpty(warningMessage) ? (\n        <Validated className={style.validateIcon} />\n      ) : (\n        <div className={style.warning}>\n          <div className={style.showToolTip}>\n            <span>{warningMessage}</span>\n          </div>\n          <div className={style.warningIcon}>\n            <WarnIcon width={11} height={11} />\n          </div>\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className={style.emptyFileWrapper} />\n  );\n  const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n  const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n  const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n  const deleteView = onDelete ? (\n    <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n      <TrashIcon width={20} height={20} />\n    </div>\n  ) : null;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  return (\n    <div className={style.reportingContainer}>\n      <div className={style.reportHeader} onClick={stopPropagationHandler}>\n        <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n          <div className={style.oval}>\n            <IconType className={style.iconHeader} color={iconColor} />\n          </div>\n        </div>\n        {fileView}\n        {deleteView}\n      </div>\n      <div className={style.reportContainer} onClick={stopPropagationHandler}>\n        {state === 'success' ? <SuccessMessage message={message} /> : null}\n        {state === 'error' ? (\n          <ErrorMessage message={message} buttonTitle={buttonTitle} primaryColor={primaryColor} />\n        ) : null}\n        {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n        {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n      </div>\n      {!showMessage ? (\n        <div className={style.drop}>\n          <p className={style.message}>{message}</p>\n          <Button\n            data-name=\"cta\"\n            type=\"link\"\n            submitValue={buttonTitle}\n            className={style.selectButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n  state: PropTypes.string.isRequired,\n  message: PropTypes.string.isRequired,\n  warningMessage: PropTypes.string,\n  orLabel: PropTypes.string,\n  type: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string,\n  onDelete: PropTypes.func\n};\n"],"mappings":"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"}
+{"version":3,"file":"upload-report.js","names":["React","useCallback","PropTypes","NovaCompositionCoorpacademyValidate","Validated","NovaLineContentEditionBin","TrashIcon","NovaCompositionCoorpacademyWarn","WarnIcon","classnames","EXTERNAL_CONTENT_ICONS","InputText","Button","style","SuccessMessage","message","emoticon","propTypes","string","isRequired","ErrorMessage","buttonTitle","primaryColor","selectButton","backgroundColor","UploadReport","state","warningMessage","type","contentType","fields","mode","orLabel","onDelete","handleDelete","e","stopPropagation","preventDefault","stopPropagationHandler","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","icon","iconColor","color","buildField","field","index","deleteView","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","arrayOf","shape","oneOf","func"],"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyValidate as Validated,\n  NovaLineContentEditionBin as TrashIcon,\n  NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty, includes} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nconst SuccessMessage = ({message}) => (\n  <div>\n    <span className={style.emoticon}>🎉</span>\n    <p className={style.message}>{message}</p>\n  </div>\n);\n\nSuccessMessage.propTypes = {\n  message: PropTypes.string.isRequired\n};\n\nconst ErrorMessage = ({message, buttonTitle, primaryColor}) => (\n  <div>\n    <div>\n      <span className={style.emoticon}>🥺</span>\n      <p className={style.message}>{message}</p>\n    </div>\n    <div>\n      <Button\n        data-name=\"cta\"\n        type=\"link\"\n        submitValue={buttonTitle}\n        className={style.selectButton}\n        style={{backgroundColor: primaryColor}}\n      />\n    </div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  message: PropTypes.string.isRequired,\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string\n};\n\nexport const UploadReport = ({\n  state,\n  message,\n  warningMessage,\n  type: contentType,\n  fields,\n  mode = 'upload',\n  orLabel,\n  buttonTitle,\n  primaryColor,\n  onDelete\n}) => {\n  const handleDelete = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onDelete && onDelete(e);\n    },\n    [onDelete]\n  );\n\n  const stopPropagationHandler = useCallback(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const showMessage = includes(state, ['success', 'error']);\n\n  const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n  const fileView = fileName ? (\n    <div className={style.fileWrapper}>\n      <div className={style.fileName} title={fileName}>\n        {fileName}\n      </div>\n      {isEmpty(warningMessage) ? (\n        <Validated className={style.validateIcon} />\n      ) : (\n        <div className={style.warning}>\n          <div className={style.showToolTip}>\n            <span>{warningMessage}</span>\n          </div>\n          <div className={style.warningIcon}>\n            <WarnIcon width={11} height={11} />\n          </div>\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className={style.emptyFileWrapper} />\n  );\n  const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n  const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n  const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n  const deleteView = onDelete ? (\n    <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n      <TrashIcon width={20} height={20} />\n    </div>\n  ) : null;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  return (\n    <div className={style.reportingContainer}>\n      <div className={style.reportHeader} onClick={stopPropagationHandler}>\n        <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n          <div className={style.oval}>\n            <IconType className={style.iconHeader} color={iconColor} />\n          </div>\n        </div>\n        {fileView}\n        {deleteView}\n      </div>\n      <div className={style.reportContainer} onClick={stopPropagationHandler}>\n        {state === 'success' ? <SuccessMessage message={message} /> : null}\n        {state === 'error' ? (\n          <ErrorMessage message={message} buttonTitle={buttonTitle} primaryColor={primaryColor} />\n        ) : null}\n        {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n        {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n      </div>\n      {!showMessage ? (\n        <div className={style.drop}>\n          <p className={style.message}>{message}</p>\n          <Button\n            data-name=\"cta\"\n            type=\"link\"\n            submitValue={buttonTitle}\n            className={style.selectButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n  state: PropTypes.string.isRequired,\n  message: PropTypes.string.isRequired,\n  warningMessage: PropTypes.string,\n  orLabel: PropTypes.string,\n  type: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string,\n  onDelete: PropTypes.func\n};\n"],"mappings":"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"}

package/es/molecule/drag-and-drop-wrapper/index.js

@@ -3,26 +3,22 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ImageUpload from '../../atom/image-upload';
 import style from './style.css';
-
 const DragAndDropWrapper = props => {
   const {
     list = [],
     'data-name': dataName
   } = props;
-
   const dragAndDropList = _map(dragAndDropProps => {
     return /*#__PURE__*/React.createElement("li", {
       className: style.dragAndDrop,
       key: `dragAndDrop-${dragAndDropProps.title}`
     }, /*#__PURE__*/React.createElement(ImageUpload, dragAndDropProps));
   }, list);
-
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("ul", {
     className: style.group,
     "data-name": dataName
   }, dragAndDropList));
 };
-
 DragAndDropWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   list: PropTypes.arrayOf(PropTypes.shape(ImageUpload.propTypes)),
   'data-name': PropTypes.string

package/es/molecule/drag-and-drop-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","ImageUpload","style","DragAndDropWrapper","props","list","dataName","dragAndDropList","dragAndDropProps","dragAndDrop","title","group","propTypes","arrayOf","shape","string"],"sources":["../../../src/molecule/drag-and-drop-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport ImageUpload from '../../atom/image-upload';\nimport style from './style.css';\n\nconst DragAndDropWrapper = props => {\n  const {list = [], 'data-name': dataName} = props;\n\n  const dragAndDropList = map(dragAndDropProps => {\n    return (\n      <li className={style.dragAndDrop} key={`dragAndDrop-${dragAndDropProps.title}`}>\n        <ImageUpload {...dragAndDropProps} />\n      </li>\n    );\n  }, list);\n\n  return (\n    <div>\n      <ul className={style.group} data-name={dataName}>\n        {dragAndDropList}\n      </ul>\n    </div>\n  );\n};\n\nDragAndDropWrapper.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(ImageUpload.propTypes)),\n  'data-name': PropTypes.string\n};\n\nexport default DragAndDropWrapper;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,IAAI,GAAG,EAAR;IAAY,aAAaC;EAAzB,IAAqCF,KAA3C;;EAEA,MAAMG,eAAe,GAAG,KAAIC,gBAAgB,IAAI;IAC9C,oBACE;MAAI,SAAS,EAAEN,KAAK,CAACO,WAArB;MAAkC,GAAG,EAAG,eAAcD,gBAAgB,CAACE,KAAM;IAA7E,gBACE,oBAAC,WAAD,EAAiBF,gBAAjB,CADF,CADF;EAKD,CANuB,EAMrBH,IANqB,CAAxB;;EAQA,oBACE,8CACE;IAAI,SAAS,EAAEH,KAAK,CAACS,KAArB;IAA4B,aAAWL;EAAvC,GACGC,eADH,CADF,CADF;AAOD,CAlBD;;AAoBAJ,kBAAkB,CAACS,SAAnB,2CAA+B;EAC7BP,IAAI,EAAEL,SAAS,CAACa,OAAV,CAAkBb,SAAS,CAACc,KAAV,CAAgBb,WAAW,CAACW,SAA5B,CAAlB,CADuB;EAE7B,aAAaZ,SAAS,CAACe;AAFM,CAA/B;AAKA,eAAeZ,kBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","ImageUpload","style","DragAndDropWrapper","props","list","dataName","dragAndDropList","dragAndDropProps","dragAndDrop","title","group","propTypes","arrayOf","shape","string"],"sources":["../../../src/molecule/drag-and-drop-wrapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport ImageUpload from '../../atom/image-upload';\nimport style from './style.css';\n\nconst DragAndDropWrapper = props => {\n  const {list = [], 'data-name': dataName} = props;\n\n  const dragAndDropList = map(dragAndDropProps => {\n    return (\n      <li className={style.dragAndDrop} key={`dragAndDrop-${dragAndDropProps.title}`}>\n        <ImageUpload {...dragAndDropProps} />\n      </li>\n    );\n  }, list);\n\n  return (\n    <div>\n      <ul className={style.group} data-name={dataName}>\n        {dragAndDropList}\n      </ul>\n    </div>\n  );\n};\n\nDragAndDropWrapper.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(ImageUpload.propTypes)),\n  'data-name': PropTypes.string\n};\n\nexport default DragAndDropWrapper;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,IAAI,GAAG,EAAE;IAAE,WAAW,EAAEC;EAAQ,CAAC,GAAGF,KAAK;EAEhD,MAAMG,eAAe,GAAG,KAAIC,gBAAgB,IAAI;IAC9C,oBACE;MAAI,SAAS,EAAEN,KAAK,CAACO,WAAY;MAAC,GAAG,EAAG,eAAcD,gBAAgB,CAACE,KAAM;IAAE,gBAC7E,oBAAC,WAAW,EAAKF,gBAAgB,CAAI,CAClC;EAET,CAAC,EAAEH,IAAI,CAAC;EAER,oBACE,8CACE;IAAI,SAAS,EAAEH,KAAK,CAACS,KAAM;IAAC,aAAWL;EAAS,GAC7CC,eAAe,CACb,CACD;AAEV,CAAC;AAEDJ,kBAAkB,CAACS,SAAS,2CAAG;EAC7BP,IAAI,EAAEL,SAAS,CAACa,OAAO,CAACb,SAAS,CAACc,KAAK,CAACb,WAAW,CAACW,SAAS,CAAC,CAAC;EAC/D,WAAW,EAAEZ,SAAS,CAACe;AACzB,CAAC;AAED,eAAeZ,kBAAkB"}

package/es/molecule/draggable/index.js

@@ -2,11 +2,8 @@ import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import style from './style.css';
-
 const preventDefault = e => e.preventDefault();
-
 const stopPropagation = e => e.stopPropagation();
-
 const Draggable = props => {
   const {
     id,
@@ -42,7 +39,6 @@ const Draggable = props => {
     draggable: true
   }, children);
 };
-
 Draggable.propTypes = process.env.NODE_ENV !== "production" ? {
   id: PropTypes.string,
   dragging: PropTypes.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","classnames","style","preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","dragOverHandler","dragLeaveHandler","dropHandler","draggable","propTypes","string","bool","func","element"],"sources":["../../../src/molecule/draggable/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst preventDefault = e => e.preventDefault();\nconst stopPropagation = e => e.stopPropagation();\n\nconst Draggable = props => {\n  const {id, dragging = false, onDragStart, onDragOver, onDragLeave, onDrop, children} = props;\n\n  const dragStartHandler = useCallback(\n    e => {\n      stopPropagation(e);\n      onDragStart(id);\n    },\n    [id, onDragStart]\n  );\n  const dragOverHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDragOver(id);\n    },\n    [id, onDragOver]\n  );\n  const dragLeaveHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDragLeave(id);\n    },\n    [id, onDragLeave]\n  );\n  const dropHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDrop(id);\n    },\n    [id, onDrop]\n  );\n\n  return (\n    <div\n      className={classnames(dragging ? style.dragging : null, style.draggable)}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n      draggable\n    >\n      {children}\n    </div>\n  );\n};\nDraggable.propTypes = {\n  id: PropTypes.string,\n  dragging: PropTypes.bool,\n  onDragStart: PropTypes.func,\n  onDragOver: PropTypes.func,\n  onDragLeave: PropTypes.func,\n  onDrop: PropTypes.func,\n  children: PropTypes.element\n};\n\nexport default Draggable;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,CAAC,IAAIA,CAAC,CAACD,cAAF,EAA5B;;AACA,MAAME,eAAe,GAAGD,CAAC,IAAIA,CAAC,CAACC,eAAF,EAA7B;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,EAAD;IAAKC,QAAQ,GAAG,KAAhB;IAAuBC,WAAvB;IAAoCC,UAApC;IAAgDC,WAAhD;IAA6DC,MAA7D;IAAqEC;EAArE,IAAiFP,KAAvF;EAEA,MAAMQ,gBAAgB,GAAGhB,WAAW,CAClCK,CAAC,IAAI;IACHC,eAAe,CAACD,CAAD,CAAf;IACAM,WAAW,CAACF,EAAD,CAAX;EACD,CAJiC,EAKlC,CAACA,EAAD,EAAKE,WAAL,CALkC,CAApC;EAOA,MAAMM,eAAe,GAAGjB,WAAW,CACjCK,CAAC,IAAI;IACHD,cAAc,CAACC,CAAD,CAAd;IACAO,UAAU,CAACH,EAAD,CAAV;EACD,CAJgC,EAKjC,CAACA,EAAD,EAAKG,UAAL,CALiC,CAAnC;EAOA,MAAMM,gBAAgB,GAAGlB,WAAW,CAClCK,CAAC,IAAI;IACHD,cAAc,CAACC,CAAD,CAAd;IACAQ,WAAW,CAACJ,EAAD,CAAX;EACD,CAJiC,EAKlC,CAACA,EAAD,EAAKI,WAAL,CALkC,CAApC;EAOA,MAAMM,WAAW,GAAGnB,WAAW,CAC7BK,CAAC,IAAI;IACHD,cAAc,CAACC,CAAD,CAAd;IACAS,MAAM,CAACL,EAAD,CAAN;EACD,CAJ4B,EAK7B,CAACA,EAAD,EAAKK,MAAL,CAL6B,CAA/B;EAQA,oBACE;IACE,SAAS,EAAEZ,UAAU,CAACQ,QAAQ,GAAGP,KAAK,CAACO,QAAT,GAAoB,IAA7B,EAAmCP,KAAK,CAACiB,SAAzC,CADvB;IAEE,WAAW,EAAEJ,gBAFf;IAGE,UAAU,EAAEC,eAHd;IAIE,WAAW,EAAEC,gBAJf;IAKE,MAAM,EAAEC,WALV;IAME,SAAS;EANX,GAQGJ,QARH,CADF;AAYD,CA5CD;;AA6CAR,SAAS,CAACc,SAAV,2CAAsB;EACpBZ,EAAE,EAAER,SAAS,CAACqB,MADM;EAEpBZ,QAAQ,EAAET,SAAS,CAACsB,IAFA;EAGpBZ,WAAW,EAAEV,SAAS,CAACuB,IAHH;EAIpBZ,UAAU,EAAEX,SAAS,CAACuB,IAJF;EAKpBX,WAAW,EAAEZ,SAAS,CAACuB,IALH;EAMpBV,MAAM,EAAEb,SAAS,CAACuB,IANE;EAOpBT,QAAQ,EAAEd,SAAS,CAACwB;AAPA,CAAtB;AAUA,eAAelB,SAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","classnames","style","preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","dragOverHandler","dragLeaveHandler","dropHandler","draggable","propTypes","string","bool","func","element"],"sources":["../../../src/molecule/draggable/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst preventDefault = e => e.preventDefault();\nconst stopPropagation = e => e.stopPropagation();\n\nconst Draggable = props => {\n  const {id, dragging = false, onDragStart, onDragOver, onDragLeave, onDrop, children} = props;\n\n  const dragStartHandler = useCallback(\n    e => {\n      stopPropagation(e);\n      onDragStart(id);\n    },\n    [id, onDragStart]\n  );\n  const dragOverHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDragOver(id);\n    },\n    [id, onDragOver]\n  );\n  const dragLeaveHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDragLeave(id);\n    },\n    [id, onDragLeave]\n  );\n  const dropHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDrop(id);\n    },\n    [id, onDrop]\n  );\n\n  return (\n    <div\n      className={classnames(dragging ? style.dragging : null, style.draggable)}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n      draggable\n    >\n      {children}\n    </div>\n  );\n};\nDraggable.propTypes = {\n  id: PropTypes.string,\n  dragging: PropTypes.bool,\n  onDragStart: PropTypes.func,\n  onDragOver: PropTypes.func,\n  onDragLeave: PropTypes.func,\n  onDrop: PropTypes.func,\n  children: PropTypes.element\n};\n\nexport default Draggable;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,WAAW,QAAO,OAAO;AACxC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,cAAc,GAAGC,CAAC,IAAIA,CAAC,CAACD,cAAc,EAAE;AAC9C,MAAME,eAAe,GAAGD,CAAC,IAAIA,CAAC,CAACC,eAAe,EAAE;AAEhD,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,EAAE;IAAEC,QAAQ,GAAG,KAAK;IAAEC,WAAW;IAAEC,UAAU;IAAEC,WAAW;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGP,KAAK;EAE5F,MAAMQ,gBAAgB,GAAGhB,WAAW,CAClCK,CAAC,IAAI;IACHC,eAAe,CAACD,CAAC,CAAC;IAClBM,WAAW,CAACF,EAAE,CAAC;EACjB,CAAC,EACD,CAACA,EAAE,EAAEE,WAAW,CAAC,CAClB;EACD,MAAMM,eAAe,GAAGjB,WAAW,CACjCK,CAAC,IAAI;IACHD,cAAc,CAACC,CAAC,CAAC;IACjBO,UAAU,CAACH,EAAE,CAAC;EAChB,CAAC,EACD,CAACA,EAAE,EAAEG,UAAU,CAAC,CACjB;EACD,MAAMM,gBAAgB,GAAGlB,WAAW,CAClCK,CAAC,IAAI;IACHD,cAAc,CAACC,CAAC,CAAC;IACjBQ,WAAW,CAACJ,EAAE,CAAC;EACjB,CAAC,EACD,CAACA,EAAE,EAAEI,WAAW,CAAC,CAClB;EACD,MAAMM,WAAW,GAAGnB,WAAW,CAC7BK,CAAC,IAAI;IACHD,cAAc,CAACC,CAAC,CAAC;IACjBS,MAAM,CAACL,EAAE,CAAC;EACZ,CAAC,EACD,CAACA,EAAE,EAAEK,MAAM,CAAC,CACb;EAED,oBACE;IACE,SAAS,EAAEZ,UAAU,CAACQ,QAAQ,GAAGP,KAAK,CAACO,QAAQ,GAAG,IAAI,EAAEP,KAAK,CAACiB,SAAS,CAAE;IACzE,WAAW,EAAEJ,gBAAiB;IAC9B,UAAU,EAAEC,eAAgB;IAC5B,WAAW,EAAEC,gBAAiB;IAC9B,MAAM,EAAEC,WAAY;IACpB,SAAS;EAAA,GAERJ,QAAQ,CACL;AAEV,CAAC;AACDR,SAAS,CAACc,SAAS,2CAAG;EACpBZ,EAAE,EAAER,SAAS,CAACqB,MAAM;EACpBZ,QAAQ,EAAET,SAAS,CAACsB,IAAI;EACxBZ,WAAW,EAAEV,SAAS,CAACuB,IAAI;EAC3BZ,UAAU,EAAEX,SAAS,CAACuB,IAAI;EAC1BX,WAAW,EAAEZ,SAAS,CAACuB,IAAI;EAC3BV,MAAM,EAAEb,SAAS,CAACuB,IAAI;EACtBT,QAAQ,EAAEd,SAAS,CAACwB;AACtB,CAAC;AAED,eAAelB,SAAS"}

package/es/molecule/draggable-list/index.js

@@ -1,5 +1,4 @@
 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, { useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import Draggable from '../draggable';
@@ -9,7 +8,6 @@ const ITEMS = {
   'setup-section': SetupSection,
   'course-section': CourseSection
 };
-
 const DraggableList = ({
   items,
   onDrop,
@@ -46,7 +44,6 @@ const DraggableList = ({
   }))));
   return /*#__PURE__*/React.createElement("div", null, itemsView);
 };
-
 DraggableList.propTypes = process.env.NODE_ENV !== "production" ? {
   items: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),
   onDrop: PropTypes.func,

package/es/molecule/draggable-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","Draggable","SetupSection","CourseSection","ITEMS","DraggableList","items","onDrop","itemType","dragTo","setDragTo","dragFrom","setDragFrom","dragStartHandler","id","dragOverHandler","dragLeaveHandler","dropHandler","Item","itemsView","map","item","propTypes","arrayOf","shape","func","string"],"sources":["../../../src/molecule/draggable-list/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Draggable from '../draggable';\nimport SetupSection from '../setup-section';\nimport CourseSection from '../course-section';\n\nconst ITEMS = {'setup-section': SetupSection, 'course-section': CourseSection};\n\nconst DraggableList = ({items, onDrop, itemType}) => {\n  const [dragTo, setDragTo] = useState(null);\n  const [dragFrom, setDragFrom] = useState(null);\n\n  const dragStartHandler = useCallback(\n    id => {\n      setDragFrom(id);\n    },\n    [setDragFrom]\n  );\n\n  const dragOverHandler = useCallback(\n    id => {\n      if (dragTo === id) return;\n      setDragTo(id);\n    },\n    [dragTo, setDragTo]\n  );\n\n  const dragLeaveHandler = useCallback(\n    id => {\n      setDragTo(null);\n    },\n    [setDragTo]\n  );\n\n  const dropHandler = useCallback(\n    id => {\n      if (onDrop && dragFrom) onDrop(dragFrom, id);\n\n      setDragTo(null);\n      setDragFrom(null);\n    },\n    [onDrop, setDragTo, setDragFrom, dragFrom]\n  );\n\n  const Item = ITEMS[itemType];\n  const itemsView = items.map(item => (\n    <Draggable\n      key={item.id}\n      id={item.id}\n      dragging={dragTo === item.id}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n    >\n      <Item {...item} key={item.id} />\n    </Draggable>\n  ));\n  return <div>{itemsView}</div>;\n};\n\nDraggableList.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),\n  onDrop: PropTypes.func,\n  itemType: PropTypes.string\n};\n\nexport default DraggableList;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AAEA,MAAMC,KAAK,GAAG;EAAC,iBAAiBF,YAAlB;EAAgC,kBAAkBC;AAAlD,CAAd;;AAEA,MAAME,aAAa,GAAG,CAAC;EAACC,KAAD;EAAQC,MAAR;EAAgBC;AAAhB,CAAD,KAA+B;EACnD,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBZ,QAAQ,CAAC,IAAD,CAApC;EACA,MAAM,CAACa,QAAD,EAAWC,WAAX,IAA0Bd,QAAQ,CAAC,IAAD,CAAxC;EAEA,MAAMe,gBAAgB,GAAGd,WAAW,CAClCe,EAAE,IAAI;IACJF,WAAW,CAACE,EAAD,CAAX;EACD,CAHiC,EAIlC,CAACF,WAAD,CAJkC,CAApC;EAOA,MAAMG,eAAe,GAAGhB,WAAW,CACjCe,EAAE,IAAI;IACJ,IAAIL,MAAM,KAAKK,EAAf,EAAmB;IACnBJ,SAAS,CAACI,EAAD,CAAT;EACD,CAJgC,EAKjC,CAACL,MAAD,EAASC,SAAT,CALiC,CAAnC;EAQA,MAAMM,gBAAgB,GAAGjB,WAAW,CAClCe,EAAE,IAAI;IACJJ,SAAS,CAAC,IAAD,CAAT;EACD,CAHiC,EAIlC,CAACA,SAAD,CAJkC,CAApC;EAOA,MAAMO,WAAW,GAAGlB,WAAW,CAC7Be,EAAE,IAAI;IACJ,IAAIP,MAAM,IAAII,QAAd,EAAwBJ,MAAM,CAACI,QAAD,EAAWG,EAAX,CAAN;IAExBJ,SAAS,CAAC,IAAD,CAAT;IACAE,WAAW,CAAC,IAAD,CAAX;EACD,CAN4B,EAO7B,CAACL,MAAD,EAASG,SAAT,EAAoBE,WAApB,EAAiCD,QAAjC,CAP6B,CAA/B;EAUA,MAAMO,IAAI,GAAGd,KAAK,CAACI,QAAD,CAAlB;EACA,MAAMW,SAAS,GAAGb,KAAK,CAACc,GAAN,CAAUC,IAAI,iBAC9B,oBAAC,SAAD;IACE,GAAG,EAAEA,IAAI,CAACP,EADZ;IAEE,EAAE,EAAEO,IAAI,CAACP,EAFX;IAGE,QAAQ,EAAEL,MAAM,KAAKY,IAAI,CAACP,EAH5B;IAIE,WAAW,EAAED,gBAJf;IAKE,UAAU,EAAEE,eALd;IAME,WAAW,EAAEC,gBANf;IAOE,MAAM,EAAEC;EAPV,gBASE,oBAAC,IAAD,eAAUI,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACP;EAA1B,GATF,CADgB,CAAlB;EAaA,oBAAO,iCAAMK,SAAN,CAAP;AACD,CAnDD;;AAqDAd,aAAa,CAACiB,SAAd,2CAA0B;EACxBhB,KAAK,EAAEN,SAAS,CAACuB,OAAV,CAAkBvB,SAAS,CAACwB,KAAV,CAAgBtB,YAAY,CAACoB,SAA7B,CAAlB,CADiB;EAExBf,MAAM,EAAEP,SAAS,CAACyB,IAFM;EAGxBjB,QAAQ,EAAER,SAAS,CAAC0B;AAHI,CAA1B;AAMA,eAAerB,aAAf"}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","Draggable","SetupSection","CourseSection","ITEMS","DraggableList","items","onDrop","itemType","dragTo","setDragTo","dragFrom","setDragFrom","dragStartHandler","id","dragOverHandler","dragLeaveHandler","dropHandler","Item","itemsView","map","item","propTypes","arrayOf","shape","func","string"],"sources":["../../../src/molecule/draggable-list/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Draggable from '../draggable';\nimport SetupSection from '../setup-section';\nimport CourseSection from '../course-section';\n\nconst ITEMS = {'setup-section': SetupSection, 'course-section': CourseSection};\n\nconst DraggableList = ({items, onDrop, itemType}) => {\n  const [dragTo, setDragTo] = useState(null);\n  const [dragFrom, setDragFrom] = useState(null);\n\n  const dragStartHandler = useCallback(\n    id => {\n      setDragFrom(id);\n    },\n    [setDragFrom]\n  );\n\n  const dragOverHandler = useCallback(\n    id => {\n      if (dragTo === id) return;\n      setDragTo(id);\n    },\n    [dragTo, setDragTo]\n  );\n\n  const dragLeaveHandler = useCallback(\n    id => {\n      setDragTo(null);\n    },\n    [setDragTo]\n  );\n\n  const dropHandler = useCallback(\n    id => {\n      if (onDrop && dragFrom) onDrop(dragFrom, id);\n\n      setDragTo(null);\n      setDragFrom(null);\n    },\n    [onDrop, setDragTo, setDragFrom, dragFrom]\n  );\n\n  const Item = ITEMS[itemType];\n  const itemsView = items.map(item => (\n    <Draggable\n      key={item.id}\n      id={item.id}\n      dragging={dragTo === item.id}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n    >\n      <Item {...item} key={item.id} />\n    </Draggable>\n  ));\n  return <div>{itemsView}</div>;\n};\n\nDraggableList.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),\n  onDrop: PropTypes.func,\n  itemType: PropTypes.string\n};\n\nexport default DraggableList;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,WAAW,QAAO,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,aAAa,MAAM,mBAAmB;AAE7C,MAAMC,KAAK,GAAG;EAAC,eAAe,EAAEF,YAAY;EAAE,gBAAgB,EAAEC;AAAa,CAAC;AAE9E,MAAME,aAAa,GAAG,CAAC;EAACC,KAAK;EAAEC,MAAM;EAAEC;AAAQ,CAAC,KAAK;EACnD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGZ,QAAQ,CAAC,IAAI,CAAC;EAC1C,MAAM,CAACa,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAAC,IAAI,CAAC;EAE9C,MAAMe,gBAAgB,GAAGd,WAAW,CAClCe,EAAE,IAAI;IACJF,WAAW,CAACE,EAAE,CAAC;EACjB,CAAC,EACD,CAACF,WAAW,CAAC,CACd;EAED,MAAMG,eAAe,GAAGhB,WAAW,CACjCe,EAAE,IAAI;IACJ,IAAIL,MAAM,KAAKK,EAAE,EAAE;IACnBJ,SAAS,CAACI,EAAE,CAAC;EACf,CAAC,EACD,CAACL,MAAM,EAAEC,SAAS,CAAC,CACpB;EAED,MAAMM,gBAAgB,GAAGjB,WAAW,CAClCe,EAAE,IAAI;IACJJ,SAAS,CAAC,IAAI,CAAC;EACjB,CAAC,EACD,CAACA,SAAS,CAAC,CACZ;EAED,MAAMO,WAAW,GAAGlB,WAAW,CAC7Be,EAAE,IAAI;IACJ,IAAIP,MAAM,IAAII,QAAQ,EAAEJ,MAAM,CAACI,QAAQ,EAAEG,EAAE,CAAC;IAE5CJ,SAAS,CAAC,IAAI,CAAC;IACfE,WAAW,CAAC,IAAI,CAAC;EACnB,CAAC,EACD,CAACL,MAAM,EAAEG,SAAS,EAAEE,WAAW,EAAED,QAAQ,CAAC,CAC3C;EAED,MAAMO,IAAI,GAAGd,KAAK,CAACI,QAAQ,CAAC;EAC5B,MAAMW,SAAS,GAAGb,KAAK,CAACc,GAAG,CAACC,IAAI,iBAC9B,oBAAC,SAAS;IACR,GAAG,EAAEA,IAAI,CAACP,EAAG;IACb,EAAE,EAAEO,IAAI,CAACP,EAAG;IACZ,QAAQ,EAAEL,MAAM,KAAKY,IAAI,CAACP,EAAG;IAC7B,WAAW,EAAED,gBAAiB;IAC9B,UAAU,EAAEE,eAAgB;IAC5B,WAAW,EAAEC,gBAAiB;IAC9B,MAAM,EAAEC;EAAY,gBAEpB,oBAAC,IAAI,eAAKI,IAAI;IAAE,GAAG,EAAEA,IAAI,CAACP;EAAG,GAAG,CAEnC,CAAC;EACF,oBAAO,iCAAMK,SAAS,CAAO;AAC/B,CAAC;AAEDd,aAAa,CAACiB,SAAS,2CAAG;EACxBhB,KAAK,EAAEN,SAAS,CAACuB,OAAO,CAACvB,SAAS,CAACwB,KAAK,CAACtB,YAAY,CAACoB,SAAS,CAAC,CAAC;EACjEf,MAAM,EAAEP,SAAS,CAACyB,IAAI;EACtBjB,QAAQ,EAAER,SAAS,CAAC0B;AACtB,CAAC;AAED,eAAerB,aAAa"}

package/es/molecule/empty-state-dashboard/index.js

@@ -1,10 +1,8 @@
 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 ButtonLink from '../../atom/button-link';
 import style from './style.css';
 import { propTypes } from './types';
-
 const EmptyStateDashboard = ({
   mainText,
   subText,
@@ -25,7 +23,6 @@ const EmptyStateDashboard = ({
 }, /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buttonLink, {
   className: style.button
 }))));
-
 EmptyStateDashboard.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default EmptyStateDashboard;
 //# sourceMappingURL=index.js.map

package/es/molecule/empty-state-dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ButtonLink","style","propTypes","EmptyStateDashboard","mainText","subText","imageUrl","buttonLink","container","img","buttonContainer","button"],"sources":["../../../src/molecule/empty-state-dashboard/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport {Props, propTypes} from './types';\n\nconst EmptyStateDashboard = ({mainText, subText, imageUrl, buttonLink}: Props) => (\n  <div className={style.container}>\n    <div>\n      <img className={style.img} src={imageUrl} aria-hidden=\"true\" />\n    </div>\n    <p className={style.mainText}>{mainText}</p>\n    <p className={style.subText}>{subText}</p>\n    <div className={style.buttonContainer}>\n      <ButtonLink {...buttonLink} className={style.button} />\n    </div>\n  </div>\n);\n\nEmptyStateDashboard.propTypes = propTypes;\n\nexport default EmptyStateDashboard;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAeC,SAAf,QAA+B,SAA/B;;AAEA,MAAMC,mBAAmB,GAAG,CAAC;EAACC,QAAD;EAAWC,OAAX;EAAoBC,QAApB;EAA8BC;AAA9B,CAAD,kBAC1B;EAAK,SAAS,EAAEN,KAAK,CAACO;AAAtB,gBACE,8CACE;EAAK,SAAS,EAAEP,KAAK,CAACQ,GAAtB;EAA2B,GAAG,EAAEH,QAAhC;EAA0C,eAAY;AAAtD,EADF,CADF,eAIE;EAAG,SAAS,EAAEL,KAAK,CAACG;AAApB,GAA+BA,QAA/B,CAJF,eAKE;EAAG,SAAS,EAAEH,KAAK,CAACI;AAApB,GAA8BA,OAA9B,CALF,eAME;EAAK,SAAS,EAAEJ,KAAK,CAACS;AAAtB,gBACE,oBAAC,UAAD,eAAgBH,UAAhB;EAA4B,SAAS,EAAEN,KAAK,CAACU;AAA7C,GADF,CANF,CADF;;AAaAR,mBAAmB,CAACD,SAApB,2CAAgCA,SAAhC;AAEA,eAAeC,mBAAf"}
+{"version":3,"file":"index.js","names":["React","ButtonLink","style","propTypes","EmptyStateDashboard","mainText","subText","imageUrl","buttonLink","container","img","buttonContainer","button"],"sources":["../../../src/molecule/empty-state-dashboard/index.tsx"],"sourcesContent":["import React from 'react';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport {Props, propTypes} from './types';\n\nconst EmptyStateDashboard = ({mainText, subText, imageUrl, buttonLink}: Props) => (\n  <div className={style.container}>\n    <div>\n      <img className={style.img} src={imageUrl} aria-hidden=\"true\" />\n    </div>\n    <p className={style.mainText}>{mainText}</p>\n    <p className={style.subText}>{subText}</p>\n    <div className={style.buttonContainer}>\n      <ButtonLink {...buttonLink} className={style.button} />\n    </div>\n  </div>\n);\n\nEmptyStateDashboard.propTypes = propTypes;\n\nexport default EmptyStateDashboard;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,aAAa;AAC/B,SAAeC,SAAS,QAAO,SAAS;AAExC,MAAMC,mBAAmB,GAAG,CAAC;EAACC,QAAQ;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAiB,CAAC,kBAC3E;EAAK,SAAS,EAAEN,KAAK,CAACO;AAAU,gBAC9B,8CACE;EAAK,SAAS,EAAEP,KAAK,CAACQ,GAAI;EAAC,GAAG,EAAEH,QAAS;EAAC,eAAY;AAAM,EAAG,CAC3D,eACN;EAAG,SAAS,EAAEL,KAAK,CAACG;AAAS,GAAEA,QAAQ,CAAK,eAC5C;EAAG,SAAS,EAAEH,KAAK,CAACI;AAAQ,GAAEA,OAAO,CAAK,eAC1C;EAAK,SAAS,EAAEJ,KAAK,CAACS;AAAgB,gBACpC,oBAAC,UAAU,eAAKH,UAAU;EAAE,SAAS,EAAEN,KAAK,CAACU;AAAO,GAAG,CACnD,CAET;AAEDR,mBAAmB,CAACD,SAAS,2CAAGA,SAAS;AAEzC,eAAeC,mBAAmB"}

package/es/molecule/empty-state-dashboard/types.d.ts

@@ -15,5 +15,5 @@ export declare const propTypes: {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     }>>;
 };
-export declare type Props = PropTypes.InferProps<typeof propTypes>;
+export type Props = PropTypes.InferProps<typeof propTypes>;
 //# sourceMappingURL=types.d.ts.map

package/es/molecule/empty-state-dashboard/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAerB,CAAC;AAEF,oBAAY,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAerB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}

package/es/molecule/empty-state-dashboard/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","Picture","propTypes","mainText","string","subText","imageUrl","src","buttonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func"],"sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n  mainText: PropTypes.string,\n  subText: PropTypes.string,\n  imageUrl: Picture.propTypes.src,\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,oBAApB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,QAAQ,EAAEH,SAAS,CAACI,MADG;EAEvBC,OAAO,EAAEL,SAAS,CAACI,MAFI;EAGvBE,QAAQ,EAAEL,OAAO,CAACC,SAAR,CAAkBK,GAHL;EAIvBC,UAAU,EAAER,SAAS,CAACS,KAAV,CAAgB;IAC1BC,IAAI,EAAEV,SAAS,CAACI,MADU;IAE1BO,KAAK,EAAEX,SAAS,CAACI,MAFS;IAG1BQ,SAAS,EAAEZ,SAAS,CAACI,MAHK;IAI1BS,QAAQ,EAAEb,SAAS,CAACI,MAJM;IAK1BU,IAAI,EAAEd,SAAS,CAACS,KAAV,CAAgB;MACpBM,QAAQ,EAAEf,SAAS,CAACI,MADA;MAEpBM,IAAI,EAAEV,SAAS,CAACI;IAFI,CAAhB,CALoB;IAS1BY,OAAO,EAAEhB,SAAS,CAACiB;EATO,CAAhB;AAJW,CAAlB"}
+{"version":3,"file":"types.js","names":["PropTypes","Picture","propTypes","mainText","string","subText","imageUrl","src","buttonLink","shape","type","label","ariaLabel","dataName","icon","position","onClick","func"],"sources":["../../../src/molecule/empty-state-dashboard/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Picture from '../../atom/picture';\n\nexport const propTypes = {\n  mainText: PropTypes.string,\n  subText: PropTypes.string,\n  imageUrl: Picture.propTypes.src,\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,oBAAoB;AAExC,OAAO,MAAMC,SAAS,GAAG;EACvBC,QAAQ,EAAEH,SAAS,CAACI,MAAM;EAC1BC,OAAO,EAAEL,SAAS,CAACI,MAAM;EACzBE,QAAQ,EAAEL,OAAO,CAACC,SAAS,CAACK,GAAG;EAC/BC,UAAU,EAAER,SAAS,CAACS,KAAK,CAAC;IAC1BC,IAAI,EAAEV,SAAS,CAACI,MAAM;IACtBO,KAAK,EAAEX,SAAS,CAACI,MAAM;IACvBQ,SAAS,EAAEZ,SAAS,CAACI,MAAM;IAC3BS,QAAQ,EAAEb,SAAS,CAACI,MAAM;IAC1BU,IAAI,EAAEd,SAAS,CAACS,KAAK,CAAC;MACpBM,QAAQ,EAAEf,SAAS,CAACI,MAAM;MAC1BM,IAAI,EAAEV,SAAS,CAACI;IAClB,CAAC,CAAC;IACFY,OAAO,EAAEhB,SAAS,CAACiB;EACrB,CAAC;AACH,CAAC"}

package/es/molecule/external-content-button/index.js

@@ -3,11 +3,9 @@ import PropTypes from 'prop-types';
 import Provider from '../../atom/provider';
 import { EXTERNAL_CONTENT_ICONS } from '../../util/external-content';
 import style from './style.css';
-
 class ExternalContentButton extends React.Component {
   constructor(props, context) {
     super(props, context);
-
     this.handleClick = e => {
       e.stopPropagation();
       e.preventDefault();
@@ -17,7 +15,6 @@ class ExternalContentButton extends React.Component {
       onClick && onClick(e);
     };
   }
-
   render() {
     const {
       translate
@@ -51,9 +48,7 @@ class ExternalContentButton extends React.Component {
       className: style.description
     }, description));
   }
-
 }
-
 ExternalContentButton.contextTypes = {
   translate: Provider.childContextTypes.translate
 };

package/es/molecule/external-content-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","EXTERNAL_CONTENT_ICONS","style","ExternalContentButton","Component","constructor","props","context","handleClick","e","stopPropagation","preventDefault","onClick","render","translate","type","description","IconType","icon","iconColor","color","button","header","backgroundColor","iconBackground","title","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/external-content-button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\n\nimport style from './style.css';\n\nclass ExternalContentButton extends React.Component {\n  static propTypes = {\n    type: PropTypes.string,\n    description: PropTypes.string,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props, context) {\n    super(props, context);\n  }\n\n  handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = this.props;\n    onClick && onClick(e);\n  };\n\n  render() {\n    const {translate} = this.context;\n    const {type, description} = this.props;\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    return (\n      <div onClick={this.handleClick} className={style.button}>\n        <div className={style.header} style={{backgroundColor: iconColor}} />\n        <div className={style.iconBackground} style={{backgroundColor: iconColor}}>\n          <IconType className={style.icon} width={16} height={16} />\n        </div>\n        <span className={style.title}>\n          {type === 'scorm' ? translate('external_content_scorm') : ''}\n          {type === 'video' ? translate('external_content_video') : ''}\n          {type === 'article' ? translate('external_content_article') : ''}\n          {type === 'podcast' ? translate('external_content_podcast') : ''}\n        </span>\n        <span className={style.description}>{description}</span>\n      </div>\n    );\n  }\n}\n\nexport default ExternalContentButton;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,SAAQC,sBAAR,QAAqC,6BAArC;AAEA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,qBAAN,SAAoCL,KAAK,CAACM,SAA1C,CAAoD;EAWlDC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAI5BC,WAJ4B,GAIdC,CAAC,IAAI;MACjBA,CAAC,CAACC,eAAF;MACAD,CAAC,CAACE,cAAF;MACA,MAAM;QAACC;MAAD,IAAY,KAAKN,KAAvB;MACAM,OAAO,IAAIA,OAAO,CAACH,CAAD,CAAlB;IACD,CAT2B;EAE3B;;EASDI,MAAM,GAAG;IACP,MAAM;MAACC;IAAD,IAAc,KAAKP,OAAzB;IACA,MAAM;MAACQ,IAAD;MAAOC;IAAP,IAAsB,KAAKV,KAAjC;IACA,MAAMW,QAAQ,GAAGhB,sBAAsB,CAACc,IAAD,CAAtB,CAA6BG,IAA9C;IACA,MAAMC,SAAS,GAAGlB,sBAAsB,CAACc,IAAD,CAAtB,CAA6BK,KAA/C;IACA,oBACE;MAAK,OAAO,EAAE,KAAKZ,WAAnB;MAAgC,SAAS,EAAEN,KAAK,CAACmB;IAAjD,gBACE;MAAK,SAAS,EAAEnB,KAAK,CAACoB,MAAtB;MAA8B,KAAK,EAAE;QAACC,eAAe,EAAEJ;MAAlB;IAArC,EADF,eAEE;MAAK,SAAS,EAAEjB,KAAK,CAACsB,cAAtB;MAAsC,KAAK,EAAE;QAACD,eAAe,EAAEJ;MAAlB;IAA7C,gBACE,oBAAC,QAAD;MAAU,SAAS,EAAEjB,KAAK,CAACgB,IAA3B;MAAiC,KAAK,EAAE,EAAxC;MAA4C,MAAM,EAAE;IAApD,EADF,CAFF,eAKE;MAAM,SAAS,EAAEhB,KAAK,CAACuB;IAAvB,GACGV,IAAI,KAAK,OAAT,GAAmBD,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAD5D,EAEGC,IAAI,KAAK,OAAT,GAAmBD,SAAS,CAAC,wBAAD,CAA5B,GAAyD,EAF5D,EAGGC,IAAI,KAAK,SAAT,GAAqBD,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAHhE,EAIGC,IAAI,KAAK,SAAT,GAAqBD,SAAS,CAAC,0BAAD,CAA9B,GAA6D,EAJhE,CALF,eAWE;MAAM,SAAS,EAAEZ,KAAK,CAACc;IAAvB,GAAqCA,WAArC,CAXF,CADF;EAeD;;AA1CiD;;AAA9Cb,qB,CAOGuB,Y,GAAe;EACpBZ,SAAS,EAAEd,QAAQ,CAAC2B,iBAAT,CAA2Bb;AADlB,C;AAPlBX,qB,CACGyB,S,2CAAY;EACjBb,IAAI,EAAEhB,SAAS,CAAC8B,MADC;EAEjBb,WAAW,EAAEjB,SAAS,CAAC8B,MAFN;EAGjBjB,OAAO,EAAEb,SAAS,CAAC+B;AAHF,C;AA4CrB,eAAe3B,qBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","EXTERNAL_CONTENT_ICONS","style","ExternalContentButton","Component","constructor","props","context","handleClick","e","stopPropagation","preventDefault","onClick","render","translate","type","description","IconType","icon","iconColor","color","button","header","backgroundColor","iconBackground","title","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/external-content-button/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\n\nimport style from './style.css';\n\nclass ExternalContentButton extends React.Component {\n  static propTypes = {\n    type: PropTypes.string,\n    description: PropTypes.string,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props, context) {\n    super(props, context);\n  }\n\n  handleClick = e => {\n    e.stopPropagation();\n    e.preventDefault();\n    const {onClick} = this.props;\n    onClick && onClick(e);\n  };\n\n  render() {\n    const {translate} = this.context;\n    const {type, description} = this.props;\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    return (\n      <div onClick={this.handleClick} className={style.button}>\n        <div className={style.header} style={{backgroundColor: iconColor}} />\n        <div className={style.iconBackground} style={{backgroundColor: iconColor}}>\n          <IconType className={style.icon} width={16} height={16} />\n        </div>\n        <span className={style.title}>\n          {type === 'scorm' ? translate('external_content_scorm') : ''}\n          {type === 'video' ? translate('external_content_video') : ''}\n          {type === 'article' ? translate('external_content_article') : ''}\n          {type === 'podcast' ? translate('external_content_podcast') : ''}\n        </span>\n        <span className={style.description}>{description}</span>\n      </div>\n    );\n  }\n}\n\nexport default ExternalContentButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,SAAQC,sBAAsB,QAAO,6BAA6B;AAElE,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,qBAAqB,SAASL,KAAK,CAACM,SAAS,CAAC;EAWlDC,WAAW,CAACC,KAAK,EAAEC,OAAO,EAAE;IAC1B,KAAK,CAACD,KAAK,EAAEC,OAAO,CAAC;IAAC,KAGxBC,WAAW,GAAGC,CAAC,IAAI;MACjBA,CAAC,CAACC,eAAe,EAAE;MACnBD,CAAC,CAACE,cAAc,EAAE;MAClB,MAAM;QAACC;MAAO,CAAC,GAAG,IAAI,CAACN,KAAK;MAC5BM,OAAO,IAAIA,OAAO,CAACH,CAAC,CAAC;IACvB,CAAC;EAPD;EASAI,MAAM,GAAG;IACP,MAAM;MAACC;IAAS,CAAC,GAAG,IAAI,CAACP,OAAO;IAChC,MAAM;MAACQ,IAAI;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACV,KAAK;IACtC,MAAMW,QAAQ,GAAGhB,sBAAsB,CAACc,IAAI,CAAC,CAACG,IAAI;IAClD,MAAMC,SAAS,GAAGlB,sBAAsB,CAACc,IAAI,CAAC,CAACK,KAAK;IACpD,oBACE;MAAK,OAAO,EAAE,IAAI,CAACZ,WAAY;MAAC,SAAS,EAAEN,KAAK,CAACmB;IAAO,gBACtD;MAAK,SAAS,EAAEnB,KAAK,CAACoB,MAAO;MAAC,KAAK,EAAE;QAACC,eAAe,EAAEJ;MAAS;IAAE,EAAG,eACrE;MAAK,SAAS,EAAEjB,KAAK,CAACsB,cAAe;MAAC,KAAK,EAAE;QAACD,eAAe,EAAEJ;MAAS;IAAE,gBACxE,oBAAC,QAAQ;MAAC,SAAS,EAAEjB,KAAK,CAACgB,IAAK;MAAC,KAAK,EAAE,EAAG;MAAC,MAAM,EAAE;IAAG,EAAG,CACtD,eACN;MAAM,SAAS,EAAEhB,KAAK,CAACuB;IAAM,GAC1BV,IAAI,KAAK,OAAO,GAAGD,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,EAC3DC,IAAI,KAAK,OAAO,GAAGD,SAAS,CAAC,wBAAwB,CAAC,GAAG,EAAE,EAC3DC,IAAI,KAAK,SAAS,GAAGD,SAAS,CAAC,0BAA0B,CAAC,GAAG,EAAE,EAC/DC,IAAI,KAAK,SAAS,GAAGD,SAAS,CAAC,0BAA0B,CAAC,GAAG,EAAE,CAC3D,eACP;MAAM,SAAS,EAAEZ,KAAK,CAACc;IAAY,GAAEA,WAAW,CAAQ,CACpD;EAEV;AACF;AA3CMb,qBAAqB,CAOlBuB,YAAY,GAAG;EACpBZ,SAAS,EAAEd,QAAQ,CAAC2B,iBAAiB,CAACb;AACxC,CAAC;AATGX,qBAAqB,CAClByB,SAAS,2CAAG;EACjBb,IAAI,EAAEhB,SAAS,CAAC8B,MAAM;EACtBb,WAAW,EAAEjB,SAAS,CAAC8B,MAAM;EAC7BjB,OAAO,EAAEb,SAAS,CAAC+B;AACrB,CAAC;AAwCH,eAAe3B,qBAAqB"}

package/es/molecule/external-content-viewer/index.js

@@ -13,7 +13,6 @@ const iframeStyle = {
   cockpit: style.iframeCockpit,
   mobile: style.iframe
 };
-
 function ExternalContentViewer(props) {
   const {
     url,
@@ -49,7 +48,6 @@ function ExternalContentViewer(props) {
     "data-name": "external-content-iframe"
   });
 }
-
 ExternalContentViewer.propTypes = process.env.NODE_ENV !== "production" ? {
   url: PropTypes.string.isRequired,
   backgroundImageUrl: PropTypes.string,

package/es/molecule/external-content-viewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","startsWith","includes","PropTypes","style","podcastWrapperStyle","default","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","string","isRequired"],"sources":["../../../src/molecule/external-content-viewer/index.js"],"sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit,\n  mobile: style.podcastWrapper\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,sBAAvB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,KAAK,CAACG,cADW;EAE1BC,OAAO,EAAEJ,KAAK,CAACK,qBAFW;EAG1BC,MAAM,EAAEN,KAAK,CAACG;AAHY,CAA5B;AAMA,MAAMI,WAAW,GAAG;EAClBL,OAAO,EAAEF,KAAK,CAACQ,MADG;EAElBJ,OAAO,EAAEJ,KAAK,CAACS,aAFG;EAGlBH,MAAM,EAAEN,KAAK,CAACQ;AAHI,CAApB;;AAMA,SAASE,qBAAT,CAA+BC,KAA/B,EAAsC;EACpC,MAAM;IAACC,GAAD;IAAMC,kBAAN;IAA0BC,WAA1B;IAAuCC,IAAI,GAAG;EAA9C,IAA2DJ,KAAjE;EACA,MAAMK,KAAK,GAAGlB,QAAQ,CAAC,MAAD,EAASc,GAAT,CAAtB;EACA,MAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAtF;EAEA,OAAOf,UAAU,CAAC,OAAD,EAAUiB,WAAV,CAAV,gBACL;IAAK,SAAS,EAAEb,mBAAmB,CAACc,IAAD;EAAnC,gBACE;IACE,SAAS,EAAEf,KAAK,CAACkB,SADnB;IAEE,KAAK,EAAE;MAACC,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;IAAlE;EAFT,EADF,eAKE;IACE,SAAS,EAAEb,KAAK,CAACoB,OADnB;IAEE,QAAQ,MAFV;IAGE,YAAY,EAAC,YAHf;IAIE,QAAQ,EAAC,EAJX;IAKE,IAAI,EAAC,OALP;IAME,aAAU,0BANZ;IAOE,OAAO,EAAC;EAPV,gBASE;IAAQ,GAAG,EAAER,GAAb;IAAkB,IAAI,EAAEE;EAAxB,EATF,CALF,CADK,gBAmBL;IACE,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAlB,GAA6BE,YAA7B,GAA4CL,GADnD;IAEE,WAAW,EAAE,CAFf;IAGE,SAAS,EAAEL,WAAW,CAACQ,IAAD,CAHxB;IAIE,eAAe,MAJjB;IAKE,aAAU;EALZ,EAnBF;AA2BD;;AAEDL,qBAAqB,CAACW,SAAtB,2CAAkC;EAChCT,GAAG,EAAEb,SAAS,CAACuB,MAAV,CAAiBC,UADU;EAEhCV,kBAAkB,EAAEd,SAAS,CAACuB,MAFE;EAGhCR,WAAW,EAAEf,SAAS,CAACuB,MAHS;EAIhCP,IAAI,EAAEhB,SAAS,CAACuB;AAJgB,CAAlC;AAOA,eAAeZ,qBAAf"}
+{"version":3,"file":"index.js","names":["React","startsWith","includes","PropTypes","style","podcastWrapperStyle","default","podcastWrapper","cockpit","podcastWrapperCockpit","mobile","iframeStyle","iframe","iframeCockpit","ExternalContentViewer","props","url","backgroundImageUrl","contentType","mode","isPdf","googleViewer","bgPodcast","backgroundImage","podcast","propTypes","string","isRequired"],"sources":["../../../src/molecule/external-content-viewer/index.js"],"sourcesContent":["import React from 'react';\nimport startsWith from 'lodash/fp/startsWith';\nimport includes from 'lodash/fp/includes';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst podcastWrapperStyle = {\n  default: style.podcastWrapper,\n  cockpit: style.podcastWrapperCockpit,\n  mobile: style.podcastWrapper\n};\n\nconst iframeStyle = {\n  default: style.iframe,\n  cockpit: style.iframeCockpit,\n  mobile: style.iframe\n};\n\nfunction ExternalContentViewer(props) {\n  const {url, backgroundImageUrl, contentType, mode = 'default'} = props;\n  const isPdf = includes('.pdf', url);\n  const googleViewer = `https://docs.google.com/viewerng/viewer?embedded=true&url=${url}`;\n\n  return startsWith('audio', contentType) ? (\n    <div className={podcastWrapperStyle[mode]}>\n      <div\n        className={style.bgPodcast}\n        style={{backgroundImage: backgroundImageUrl && `url(${backgroundImageUrl})`}}\n      />\n      <audio\n        className={style.podcast}\n        controls\n        controlsList=\"nodownload\"\n        autoPlay=\"\"\n        name=\"media\"\n        data-name=\"external-content-podcast\"\n        preload=\"auto\"\n      >\n        <source src={url} type={contentType} />\n      </audio>\n    </div>\n  ) : (\n    <iframe\n      src={isPdf && mode === 'mobile' ? googleViewer : url}\n      frameBorder={0}\n      className={iframeStyle[mode]}\n      allowFullScreen\n      data-name=\"external-content-iframe\"\n    />\n  );\n}\n\nExternalContentViewer.propTypes = {\n  url: PropTypes.string.isRequired,\n  backgroundImageUrl: PropTypes.string,\n  contentType: PropTypes.string,\n  mode: PropTypes.string\n};\n\nexport default ExternalContentViewer;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,sBAAsB;AAC7C,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,KAAK,CAACG,cAAc;EAC7BC,OAAO,EAAEJ,KAAK,CAACK,qBAAqB;EACpCC,MAAM,EAAEN,KAAK,CAACG;AAChB,CAAC;AAED,MAAMI,WAAW,GAAG;EAClBL,OAAO,EAAEF,KAAK,CAACQ,MAAM;EACrBJ,OAAO,EAAEJ,KAAK,CAACS,aAAa;EAC5BH,MAAM,EAAEN,KAAK,CAACQ;AAChB,CAAC;AAED,SAASE,qBAAqB,CAACC,KAAK,EAAE;EACpC,MAAM;IAACC,GAAG;IAAEC,kBAAkB;IAAEC,WAAW;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGJ,KAAK;EACtE,MAAMK,KAAK,GAAGlB,QAAQ,CAAC,MAAM,EAAEc,GAAG,CAAC;EACnC,MAAMK,YAAY,GAAI,6DAA4DL,GAAI,EAAC;EAEvF,OAAOf,UAAU,CAAC,OAAO,EAAEiB,WAAW,CAAC,gBACrC;IAAK,SAAS,EAAEb,mBAAmB,CAACc,IAAI;EAAE,gBACxC;IACE,SAAS,EAAEf,KAAK,CAACkB,SAAU;IAC3B,KAAK,EAAE;MAACC,eAAe,EAAEN,kBAAkB,IAAK,OAAMA,kBAAmB;IAAE;EAAE,EAC7E,eACF;IACE,SAAS,EAAEb,KAAK,CAACoB,OAAQ;IACzB,QAAQ;IACR,YAAY,EAAC,YAAY;IACzB,QAAQ,EAAC,EAAE;IACX,IAAI,EAAC,OAAO;IACZ,aAAU,0BAA0B;IACpC,OAAO,EAAC;EAAM,gBAEd;IAAQ,GAAG,EAAER,GAAI;IAAC,IAAI,EAAEE;EAAY,EAAG,CACjC,CACJ,gBAEN;IACE,GAAG,EAAEE,KAAK,IAAID,IAAI,KAAK,QAAQ,GAAGE,YAAY,GAAGL,GAAI;IACrD,WAAW,EAAE,CAAE;IACf,SAAS,EAAEL,WAAW,CAACQ,IAAI,CAAE;IAC7B,eAAe;IACf,aAAU;EAAyB,EAEtC;AACH;AAEAL,qBAAqB,CAACW,SAAS,2CAAG;EAChCT,GAAG,EAAEb,SAAS,CAACuB,MAAM,CAACC,UAAU;EAChCV,kBAAkB,EAAEd,SAAS,CAACuB,MAAM;EACpCR,WAAW,EAAEf,SAAS,CAACuB,MAAM;EAC7BP,IAAI,EAAEhB,SAAS,CAACuB;AAClB,CAAC;AAED,eAAeZ,qBAAqB"}

package/es/molecule/feedback/index.js

@@ -1,15 +1,12 @@
 import _extend from "lodash/fp/extend";
 import _get from "lodash/fp/get";
 import _pipe from "lodash/fp/pipe";
-
 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 classnames from 'classnames';
 import ResourcePlayer, { TYPE_IMAGE, TYPE_VIDEO, TYPE_PDF, TYPE_AUDIO } from '../resource-player';
 import style from './style.css';
-
 const Feedback = (props, context) => {
   const {
     media,
@@ -18,11 +15,9 @@ const Feedback = (props, context) => {
     description,
     mode = 'default'
   } = props;
-
   const resource = media && media.type && _extends({}, media, _pipe(_get('src.0'), _extend({
     description: mediaDescription
   }))(media));
-
   return (resource || title || description ? /*#__PURE__*/React.createElement("div", {
     className: mode === 'scorm' ? style.feedbackContainerScorm : null
   }, /*#__PURE__*/React.createElement("div", {
@@ -31,7 +26,8 @@ const Feedback = (props, context) => {
     id: "feedback"
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(style.title, style.innerHTML),
-    "data-name": "title" // eslint-disable-next-line react/no-danger
+    "data-name": "title"
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: title
@@ -40,7 +36,8 @@ const Feedback = (props, context) => {
     className: style.descWrapper
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(style.description, style.innerHTML),
-    "data-name": "description" // eslint-disable-next-line react/no-danger
+    "data-name": "description"
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: description
@@ -50,14 +47,14 @@ const Feedback = (props, context) => {
     resource: resource
   }), /*#__PURE__*/React.createElement("div", {
     "data-name": "mediaDescription",
-    className: classnames(style.mediaDescription, style.innerHTML) // eslint-disable-next-line react/no-danger
+    className: classnames(style.mediaDescription, style.innerHTML)
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: mediaDescription
     }
   })) : null))) : null) || null;
 };
-
 Feedback.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   description: PropTypes.string,