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

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

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":["Overlay","description","isLoading","iconColor","dropOverlay","style","arrow","border","convert","icon","overlay","propTypes","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;AACA;AAEA;AACA;AAEA;AAEA;AAAkC;AAE3B,MAAMA,OAAO,GAAG,CAAC;EAACC,WAAW;EAAEC,SAAS;EAAEC;AAAS,CAAC,KAAK;EAC9D,MAAMC,WAAW,gBACf,6BAAC,cAAK,CAAC,QAAQ,qBACb;IACE,SAAS,EAAEC,gBAAK,CAACC,KAAM;IACvB,KAAK,EAAE;MAACC,MAAM,EAAG,cAAa,IAAAC,yBAAO,EAAE,SAAQL,SAAU,WAAU,CAAE;IAAC;EAAE,gBAExE,6BAAC,2CAAU;IAAC,KAAK,EAAEA,SAAU;IAAC,SAAS,EAAEE,gBAAK,CAACI;EAAK,EAAG,CACnD,eACN,wCAAIR,WAAW,CAAK,CAEvB;EAED,oBAAO;IAAK,SAAS,EAAEI,gBAAK,CAACK;EAAQ,GAAER,SAAS,gBAAG,6BAAC,eAAM,OAAG,GAAGE,WAAW,CAAO;AACpF,CAAC;AAAC;AAAA,eAEaJ,OAAO;AAAA;AAEtBA,OAAO,CAACW,SAAS,2CAAG;EAClBV,WAAW,EAAEW,kBAAS,CAACC,MAAM;EAC7BX,SAAS,EAAEU,kBAAS,CAACE,IAAI;EACzBX,SAAS,EAAES,kBAAS,CAACC;AACvB,CAAC"}
+{"version":3,"file":"overlay.js","names":["Overlay","description","isLoading","iconColor","dropOverlay","style","arrow","border","convert","icon","overlay","propTypes","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;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;;;AAEO,MAAMA,OAAO,GAAG,CAAC;EAACC,WAAD;EAAcC,SAAd;EAAyBC;AAAzB,CAAD,KAAyC;EAC9D,MAAMC,WAAW,gBACf,6BAAC,cAAD,CAAO,QAAP,qBACE;IACE,SAAS,EAAEC,gBAAA,CAAMC,KADnB;IAEE,KAAK,EAAE;MAACC,MAAM,EAAG,cAAa,IAAAC,yBAAA,EAAS,SAAQL,SAAU,WAA3B,CAAuC;IAA9D;EAFT,gBAIE,6BAAC,2CAAD;IAAY,KAAK,EAAEA,SAAnB;IAA8B,SAAS,EAAEE,gBAAA,CAAMI;EAA/C,EAJF,CADF,eAOE,wCAAIR,WAAJ,CAPF,CADF;;EAYA,oBAAO;IAAK,SAAS,EAAEI,gBAAA,CAAMK;EAAtB,GAAgCR,SAAS,gBAAG,6BAAC,eAAD,OAAH,GAAgBE,WAAzD,CAAP;AACD,CAdM;;;eAgBQJ,O;;AAEfA,OAAO,CAACW,SAAR,2CAAoB;EAClBV,WAAW,EAAEW,kBAAA,CAAUC,MADL;EAElBX,SAAS,EAAEU,kBAAA,CAAUE,IAFH;EAGlBX,SAAS,EAAES,kBAAA,CAAUC;AAHH,CAApB"}

package/lib/molecule/drag-and-drop/placeholder.js

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = exports.PlaceHolder = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _button = _interopRequireDefault(require("../../atom/button"));
+
 var _placeholder = _interopRequireDefault(require("./placeholder.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const PlaceHolder = ({
   title,
   uploadLabel,
@@ -31,6 +37,7 @@ const PlaceHolder = ({
     }
   })));
 };
+
 exports.PlaceHolder = PlaceHolder;
 var _default = PlaceHolder;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"placeholder.js","names":["PlaceHolder","title","uploadLabel","primaryColor","buttonTitle","style","dropZoneContainer","dropZone","selectButton","backgroundColor","propTypes","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;AACA;AAEA;AACA;AAAsC;AAE/B,MAAMA,WAAW,GAAG,CAAC;EAACC,KAAK;EAAEC,WAAW;EAAEC,YAAY;EAAEC;AAAW,CAAC,KAAK;EAC9E,oBACE;IAAK,SAAS,EAAEC,oBAAK,CAACC;EAAkB,gBACtC;IAAK,SAAS,EAAED,oBAAK,CAACJ;EAAM,GAAEA,KAAK,CAAO,eAC1C;IAAK,SAAS,EAAEI,oBAAK,CAACE;EAAS,gBAC7B;IAAG,SAAS,EAAEF,oBAAK,CAACH;EAAY,GAAEA,WAAW,CAAK,CAC9C,eACN,uDACE,6BAAC,eAAM;IACL,aAAU,KAAK;IACf,IAAI,EAAC,MAAM;IACX,WAAW,EAAEE,WAAY;IACzB,SAAS,EAAEC,oBAAK,CAACG,YAAa;IAC9B,KAAK,EAAE;MAACC,eAAe,EAAEN;IAAY;EAAE,EACvC,CACE,CACF;AAEV,CAAC;AAAC;AAAA,eAEaH,WAAW;AAAA;AAE1BA,WAAW,CAACU,SAAS,2CAAG;EACtBT,KAAK,EAAEU,kBAAS,CAACC,MAAM;EACvBV,WAAW,EAAES,kBAAS,CAACC,MAAM;EAC7BT,YAAY,EAAEQ,kBAAS,CAACC,MAAM;EAC9BR,WAAW,EAAEO,kBAAS,CAACC;AACzB,CAAC"}
+{"version":3,"file":"placeholder.js","names":["PlaceHolder","title","uploadLabel","primaryColor","buttonTitle","style","dropZoneContainer","dropZone","selectButton","backgroundColor","propTypes","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;;AACA;;AAEA;;AACA;;;;AAEO,MAAMA,WAAW,GAAG,CAAC;EAACC,KAAD;EAAQC,WAAR;EAAqBC,YAArB;EAAmCC;AAAnC,CAAD,KAAqD;EAC9E,oBACE;IAAK,SAAS,EAAEC,oBAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,oBAAA,CAAMJ;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEI,oBAAA,CAAME;EAAtB,gBACE;IAAG,SAAS,EAAEF,oBAAA,CAAMH;EAApB,GAAkCA,WAAlC,CADF,CAFF,eAKE,uDACE,6BAAC,eAAD;IACE,aAAU,KADZ;IAEE,IAAI,EAAC,MAFP;IAGE,WAAW,EAAEE,WAHf;IAIE,SAAS,EAAEC,oBAAA,CAAMG,YAJnB;IAKE,KAAK,EAAE;MAACC,eAAe,EAAEN;IAAlB;EALT,EADF,CALF,CADF;AAiBD,CAlBM;;;eAoBQH,W;;AAEfA,WAAW,CAACU,SAAZ,2CAAwB;EACtBT,KAAK,EAAEU,kBAAA,CAAUC,MADK;EAEtBV,WAAW,EAAES,kBAAA,CAAUC,MAFD;EAGtBT,YAAY,EAAEQ,kBAAA,CAAUC,MAHF;EAItBR,WAAW,EAAEO,kBAAA,CAAUC;AAJD,CAAxB"}

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

@@ -2,26 +2,47 @@
 
 exports.__esModule = true;
 exports.default = exports.UploadReport = void 0;
+
 var _includes2 = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _head2 = _interopRequireDefault(require("lodash/fp/head"));
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _last2 = _interopRequireDefault(require("lodash/fp/last"));
+
 var _split2 = _interopRequireDefault(require("lodash/fp/split"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _externalContent = require("../../util/external-content");
+
 var _inputText = _interopRequireDefault(require("../../atom/input-text"));
+
 var _button = _interopRequireDefault(require("../../atom/button"));
+
 var _uploadReport = _interopRequireDefault(require("./upload-report.css"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const SuccessMessage = ({
   message
 }) => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
@@ -29,9 +50,11 @@ const SuccessMessage = ({
 }, "\uD83C\uDF89"), /*#__PURE__*/_react.default.createElement("p", {
   className: _uploadReport.default.message
 }, message));
+
 SuccessMessage.propTypes = process.env.NODE_ENV !== "production" ? {
   message: _propTypes.default.string.isRequired
 } : {};
+
 const ErrorMessage = ({
   message,
   buttonTitle,
@@ -49,11 +72,13 @@ const ErrorMessage = ({
     backgroundColor: primaryColor
   }
 })));
+
 ErrorMessage.propTypes = process.env.NODE_ENV !== "production" ? {
   message: _propTypes.default.string.isRequired,
   buttonTitle: _propTypes.default.string,
   primaryColor: _propTypes.default.string
 } : {};
+
 const UploadReport = ({
   state,
   message,
@@ -98,10 +123,12 @@ const UploadReport = ({
   });
   const IconType = _externalContent.EXTERNAL_CONTENT_ICONS[contentType].icon;
   const iconColor = _externalContent.EXTERNAL_CONTENT_ICONS[contentType].color;
+
   const buildField = (field, index) => /*#__PURE__*/_react.default.createElement(_inputText.default, _extends({}, field, {
     key: index,
     theme: 'cockpit'
   }));
+
   const deleteView = onDelete ? /*#__PURE__*/_react.default.createElement("div", {
     onClick: handleDelete,
     className: (0, _classnames.default)(_uploadReport.default.actionIcon, _uploadReport.default.trashIcon)
@@ -109,9 +136,11 @@ const UploadReport = ({
     width: 20,
     height: 20
   })) : null;
+
   const fieldsList = _map2.default.convert({
     cap: false
   })(buildField, fields);
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _uploadReport.default.reportingContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -152,6 +181,7 @@ const UploadReport = ({
     }
   })) : null);
 };
+
 exports.UploadReport = UploadReport;
 var _default = UploadReport;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"upload-report.js","names":["SuccessMessage","message","style","emoticon","propTypes","PropTypes","string","isRequired","ErrorMessage","buttonTitle","primaryColor","selectButton","backgroundColor","UploadReport","state","warningMessage","type","contentType","fields","mode","orLabel","onDelete","handleDelete","useCallback","e","stopPropagation","preventDefault","stopPropagationHandler","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","buildField","field","index","deleteView","classnames","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","arrayOf","shape","InputText","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":["SuccessMessage","message","style","emoticon","propTypes","PropTypes","string","isRequired","ErrorMessage","buttonTitle","primaryColor","selectButton","backgroundColor","UploadReport","state","warningMessage","type","contentType","fields","mode","orLabel","onDelete","handleDelete","useCallback","e","stopPropagation","preventDefault","stopPropagationHandler","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","buildField","field","index","deleteView","classnames","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","arrayOf","shape","InputText","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":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAKA;;AAEA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,cAAc,GAAG,CAAC;EAACC;AAAD,CAAD,kBACrB,uDACE;EAAM,SAAS,EAAEC,qBAAA,CAAMC;AAAvB,kBADF,eAEE;EAAG,SAAS,EAAED,qBAAA,CAAMD;AAApB,GAA8BA,OAA9B,CAFF,CADF;;AAOAD,cAAc,CAACI,SAAf,2CAA2B;EACzBH,OAAO,EAAEI,kBAAA,CAAUC,MAAV,CAAiBC;AADD,CAA3B;;AAIA,MAAMC,YAAY,GAAG,CAAC;EAACP,OAAD;EAAUQ,WAAV;EAAuBC;AAAvB,CAAD,kBACnB,uDACE,uDACE;EAAM,SAAS,EAAER,qBAAA,CAAMC;AAAvB,kBADF,eAEE;EAAG,SAAS,EAAED,qBAAA,CAAMD;AAApB,GAA8BA,OAA9B,CAFF,CADF,eAKE,uDACE,6BAAC,eAAD;EACE,aAAU,KADZ;EAEE,IAAI,EAAC,MAFP;EAGE,WAAW,EAAEQ,WAHf;EAIE,SAAS,EAAEP,qBAAA,CAAMS,YAJnB;EAKE,KAAK,EAAE;IAACC,eAAe,EAAEF;EAAlB;AALT,EADF,CALF,CADF;;AAkBAF,YAAY,CAACJ,SAAb,2CAAyB;EACvBH,OAAO,EAAEI,kBAAA,CAAUC,MAAV,CAAiBC,UADH;EAEvBE,WAAW,EAAEJ,kBAAA,CAAUC,MAFA;EAGvBI,YAAY,EAAEL,kBAAA,CAAUC;AAHD,CAAzB;;AAMO,MAAMO,YAAY,GAAG,CAAC;EAC3BC,KAD2B;EAE3Bb,OAF2B;EAG3Bc,cAH2B;EAI3BC,IAAI,EAAEC,WAJqB;EAK3BC,MAL2B;EAM3BC,IAAI,GAAG,QANoB;EAO3BC,OAP2B;EAQ3BX,WAR2B;EAS3BC,YAT2B;EAU3BW;AAV2B,CAAD,KAWtB;EACJ,MAAMC,YAAY,GAAG,IAAAC,kBAAA,EACnBC,CAAC,IAAI;IACHA,CAAC,CAACC,eAAF;IACAD,CAAC,CAACE,cAAF;IACAL,QAAQ,IAAIA,QAAQ,CAACG,CAAD,CAApB;EACD,CALkB,EAMnB,CAACH,QAAD,CANmB,CAArB;EASA,MAAMM,sBAAsB,GAAG,IAAAJ,kBAAA,EAAYC,CAAC,IAAI;IAC9CA,CAAC,CAACC,eAAF;IACAD,CAAC,CAACE,cAAF;EACD,CAH8B,EAG5B,EAH4B,CAA/B;EAKA,MAAME,WAAW,GAAG,wBAASd,KAAT,EAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB,CAApB;EAEA,MAAMe,QAAQ,GAAG,oCAAW,qBAAM,EAAN,EAAU,OAAV,CAAX,EAA+B,qBAAM,GAAN,CAA/B,kBAAiDX,MAAjD,CAAjB;EACA,MAAMY,QAAQ,GAAGD,QAAQ,gBACvB;IAAK,SAAS,EAAE3B,qBAAA,CAAM6B;EAAtB,gBACE;IAAK,SAAS,EAAE7B,qBAAA,CAAM2B,QAAtB;IAAgC,KAAK,EAAEA;EAAvC,GACGA,QADH,CADF,EAIG,uBAAQd,cAAR,iBACC,6BAAC,8CAAD;IAAW,SAAS,EAAEb,qBAAA,CAAM8B;EAA5B,EADD,gBAGC;IAAK,SAAS,EAAE9B,qBAAA,CAAM+B;EAAtB,gBACE;IAAK,SAAS,EAAE/B,qBAAA,CAAMgC;EAAtB,gBACE,2CAAOnB,cAAP,CADF,CADF,eAIE;IAAK,SAAS,EAAEb,qBAAA,CAAMiC;EAAtB,gBACE,6BAAC,0CAAD;IAAU,KAAK,EAAE,EAAjB;IAAqB,MAAM,EAAE;EAA7B,EADF,CAJF,CAPJ,CADuB,gBAmBvB;IAAK,SAAS,EAAEjC,qBAAA,CAAMkC;EAAtB,EAnBF;EAqBA,MAAMC,QAAQ,GAAGC,uCAAA,CAAuBrB,WAAvB,EAAoCsB,IAArD;EACA,MAAMC,SAAS,GAAGF,uCAAA,CAAuBrB,WAAvB,EAAoCwB,KAAtD;;EACA,MAAMC,UAAU,GAAG,CAACC,KAAD,EAAQC,KAAR,kBAAkB,6BAAC,kBAAD,eAAeD,KAAf;IAAsB,GAAG,EAAEC,KAA3B;IAAkC,KAAK,EAAE;EAAzC,GAArC;;EACA,MAAMC,UAAU,GAAGxB,QAAQ,gBACzB;IAAK,OAAO,EAAEC,YAAd;IAA4B,SAAS,EAAE,IAAAwB,mBAAA,EAAW5C,qBAAA,CAAM6C,UAAjB,EAA6B7C,qBAAA,CAAM8C,SAAnC;EAAvC,gBACE,6BAAC,oCAAD;IAAW,KAAK,EAAE,EAAlB;IAAsB,MAAM,EAAE;EAA9B,EADF,CADyB,GAIvB,IAJJ;;EAKA,MAAMC,UAAU,GAAG,cAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0BT,UAA1B,EAAsCxB,MAAtC,CAAnB;;EACA,oBACE;IAAK,SAAS,EAAEhB,qBAAA,CAAMkD;EAAtB,gBACE;IAAK,SAAS,EAAElD,qBAAA,CAAMmD,YAAtB;IAAoC,OAAO,EAAE1B;EAA7C,gBACE;IAAK,SAAS,EAAEzB,qBAAA,CAAMoD,aAAtB;IAAqC,KAAK,EAAE;MAAC1C,eAAe,EAAE4B;IAAlB;EAA5C,gBACE;IAAK,SAAS,EAAEtC,qBAAA,CAAMqD;EAAtB,gBACE,6BAAC,QAAD;IAAU,SAAS,EAAErD,qBAAA,CAAMsD,UAA3B;IAAuC,KAAK,EAAEhB;EAA9C,EADF,CADF,CADF,EAMGV,QANH,EAOGe,UAPH,CADF,eAUE;IAAK,SAAS,EAAE3C,qBAAA,CAAMuD,eAAtB;IAAuC,OAAO,EAAE9B;EAAhD,GACGb,KAAK,KAAK,SAAV,gBAAsB,6BAAC,cAAD;IAAgB,OAAO,EAAEb;EAAzB,EAAtB,GAA6D,IADhE,EAEGa,KAAK,KAAK,OAAV,gBACC,6BAAC,YAAD;IAAc,OAAO,EAAEb,OAAvB;IAAgC,WAAW,EAAEQ,WAA7C;IAA0D,YAAY,EAAEC;EAAxE,EADD,GAEG,IAJN,EAKGS,IAAI,KAAK,MAAT,IAAmB,CAACS,WAApB,gBAAkC,0CAAMqB,UAAN,CAAlC,GAA4D,IAL/D,EAMG9B,IAAI,KAAK,MAAT,IAAmB,CAACS,WAApB,gBAAkC;IAAM,SAAS,EAAE1B,qBAAA,CAAMwD;EAAvB,GAA4BtC,OAA5B,CAAlC,GAAgF,IANnF,CAVF,EAkBG,CAACQ,WAAD,gBACC;IAAK,SAAS,EAAE1B,qBAAA,CAAMyD;EAAtB,gBACE;IAAG,SAAS,EAAEzD,qBAAA,CAAMD;EAApB,GAA8BA,OAA9B,CADF,eAEE,6BAAC,eAAD;IACE,aAAU,KADZ;IAEE,IAAI,EAAC,MAFP;IAGE,WAAW,EAAEQ,WAHf;IAIE,SAAS,EAAEP,qBAAA,CAAMS,YAJnB;IAKE,KAAK,EAAE;MAACC,eAAe,EAAEF;IAAlB;EALT,EAFF,CADD,GAWG,IA7BN,CADF;AAiCD,CA5FM;;;eA8FQG,Y;;AAEfA,YAAY,CAACT,SAAb,2CAAyB;EACvBU,KAAK,EAAET,kBAAA,CAAUC,MAAV,CAAiBC,UADD;EAEvBN,OAAO,EAAEI,kBAAA,CAAUC,MAAV,CAAiBC,UAFH;EAGvBQ,cAAc,EAAEV,kBAAA,CAAUC,MAHH;EAIvBc,OAAO,EAAEf,kBAAA,CAAUC,MAJI;EAKvBU,IAAI,EAAEX,kBAAA,CAAUC,MALO;EAMvBY,MAAM,EAAEb,kBAAA,CAAUuD,OAAV,CACNvD,kBAAA,CAAUwD,KAAV,cACKC,kBAAA,CAAU1D,SADf;IAEEY,IAAI,EAAEX,kBAAA,CAAU0D,KAAV,CAAgB,CAAC,MAAD,CAAhB;EAFR,GADM,CANe;EAYvB5C,IAAI,EAAEd,kBAAA,CAAU0D,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CAZiB;EAavBtD,WAAW,EAAEJ,kBAAA,CAAUC,MAbA;EAcvBI,YAAY,EAAEL,kBAAA,CAAUC,MAdD;EAevBe,QAAQ,EAAEhB,kBAAA,CAAU2D;AAfG,CAAzB"}

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

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _imageUpload = _interopRequireDefault(require("../../atom/image-upload"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const DragAndDropWrapper = props => {
   const {
     list = [],
@@ -24,6 +31,7 @@ const DragAndDropWrapper = props => {
     "data-name": dataName
   }, dragAndDropList));
 };
+
 DragAndDropWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   list: _propTypes.default.arrayOf(_propTypes.default.shape(_imageUpload.default.propTypes)),
   'data-name': _propTypes.default.string

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DragAndDropWrapper","props","list","dataName","dragAndDropList","dragAndDropProps","style","dragAndDrop","title","group","propTypes","PropTypes","arrayOf","shape","ImageUpload","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;AACA;AAEA;AACA;AAAgC;AAEhC,MAAMA,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,IAAI,GAAG,EAAE;IAAE,WAAW,EAAEC;EAAQ,CAAC,GAAGF,KAAK;EAEhD,MAAMG,eAAe,GAAG,mBAAIC,gBAAgB,IAAI;IAC9C,oBACE;MAAI,SAAS,EAAEC,cAAK,CAACC,WAAY;MAAC,GAAG,EAAG,eAAcF,gBAAgB,CAACG,KAAM;IAAE,gBAC7E,6BAAC,oBAAW,EAAKH,gBAAgB,CAAI,CAClC;EAET,CAAC,EAAEH,IAAI,CAAC;EAER,oBACE,uDACE;IAAI,SAAS,EAAEI,cAAK,CAACG,KAAM;IAAC,aAAWN;EAAS,GAC7CC,eAAe,CACb,CACD;AAEV,CAAC;AAEDJ,kBAAkB,CAACU,SAAS,2CAAG;EAC7BR,IAAI,EAAES,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,oBAAW,CAACJ,SAAS,CAAC,CAAC;EAC/D,WAAW,EAAEC,kBAAS,CAACI;AACzB,CAAC;AAAC,eAEaf,kBAAkB;AAAA"}
+{"version":3,"file":"index.js","names":["DragAndDropWrapper","props","list","dataName","dragAndDropList","dragAndDropProps","style","dragAndDrop","title","group","propTypes","PropTypes","arrayOf","shape","ImageUpload","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;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,IAAI,GAAG,EAAR;IAAY,aAAaC;EAAzB,IAAqCF,KAA3C;EAEA,MAAMG,eAAe,GAAG,mBAAIC,gBAAgB,IAAI;IAC9C,oBACE;MAAI,SAAS,EAAEC,cAAA,CAAMC,WAArB;MAAkC,GAAG,EAAG,eAAcF,gBAAgB,CAACG,KAAM;IAA7E,gBACE,6BAAC,oBAAD,EAAiBH,gBAAjB,CADF,CADF;EAKD,CANuB,EAMrBH,IANqB,CAAxB;EAQA,oBACE,uDACE;IAAI,SAAS,EAAEI,cAAA,CAAMG,KAArB;IAA4B,aAAWN;EAAvC,GACGC,eADH,CADF,CADF;AAOD,CAlBD;;AAoBAJ,kBAAkB,CAACU,SAAnB,2CAA+B;EAC7BR,IAAI,EAAES,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,oBAAA,CAAYJ,SAA5B,CAAlB,CADuB;EAE7B,aAAaC,kBAAA,CAAUI;AAFM,CAA/B;eAKef,kB"}

package/lib/molecule/draggable/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const preventDefault = e => e.preventDefault();
+
 const stopPropagation = e => e.stopPropagation();
+
 const Draggable = props => {
   const {
     id,
@@ -46,6 +56,7 @@ const Draggable = props => {
     draggable: true
   }, children);
 };
+
 Draggable.propTypes = process.env.NODE_ENV !== "production" ? {
   id: _propTypes.default.string,
   dragging: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","useCallback","dragOverHandler","dragLeaveHandler","dropHandler","classnames","style","draggable","propTypes","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;AACA;AACA;AACA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,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,GAAG,IAAAC,kBAAW,EAClCZ,CAAC,IAAI;IACHC,eAAe,CAACD,CAAC,CAAC;IAClBM,WAAW,CAACF,EAAE,CAAC;EACjB,CAAC,EACD,CAACA,EAAE,EAAEE,WAAW,CAAC,CAClB;EACD,MAAMO,eAAe,GAAG,IAAAD,kBAAW,EACjCZ,CAAC,IAAI;IACHD,cAAc,CAACC,CAAC,CAAC;IACjBO,UAAU,CAACH,EAAE,CAAC;EAChB,CAAC,EACD,CAACA,EAAE,EAAEG,UAAU,CAAC,CACjB;EACD,MAAMO,gBAAgB,GAAG,IAAAF,kBAAW,EAClCZ,CAAC,IAAI;IACHD,cAAc,CAACC,CAAC,CAAC;IACjBQ,WAAW,CAACJ,EAAE,CAAC;EACjB,CAAC,EACD,CAACA,EAAE,EAAEI,WAAW,CAAC,CAClB;EACD,MAAMO,WAAW,GAAG,IAAAH,kBAAW,EAC7BZ,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,EAAE,IAAAO,mBAAU,EAACX,QAAQ,GAAGY,cAAK,CAACZ,QAAQ,GAAG,IAAI,EAAEY,cAAK,CAACC,SAAS,CAAE;IACzE,WAAW,EAAEP,gBAAiB;IAC9B,UAAU,EAAEE,eAAgB;IAC5B,WAAW,EAAEC,gBAAiB;IAC9B,MAAM,EAAEC,WAAY;IACpB,SAAS;EAAA,GAERL,QAAQ,CACL;AAEV,CAAC;AACDR,SAAS,CAACiB,SAAS,2CAAG;EACpBf,EAAE,EAAEgB,kBAAS,CAACC,MAAM;EACpBhB,QAAQ,EAAEe,kBAAS,CAACE,IAAI;EACxBhB,WAAW,EAAEc,kBAAS,CAACG,IAAI;EAC3BhB,UAAU,EAAEa,kBAAS,CAACG,IAAI;EAC1Bf,WAAW,EAAEY,kBAAS,CAACG,IAAI;EAC3Bd,MAAM,EAAEW,kBAAS,CAACG,IAAI;EACtBb,QAAQ,EAAEU,kBAAS,CAACI;AACtB,CAAC;AAAC,eAEatB,SAAS;AAAA"}
+{"version":3,"file":"index.js","names":["preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","useCallback","dragOverHandler","dragLeaveHandler","dropHandler","classnames","style","draggable","propTypes","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;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,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,GAAG,IAAAC,kBAAA,EACvBZ,CAAC,IAAI;IACHC,eAAe,CAACD,CAAD,CAAf;IACAM,WAAW,CAACF,EAAD,CAAX;EACD,CAJsB,EAKvB,CAACA,EAAD,EAAKE,WAAL,CALuB,CAAzB;EAOA,MAAMO,eAAe,GAAG,IAAAD,kBAAA,EACtBZ,CAAC,IAAI;IACHD,cAAc,CAACC,CAAD,CAAd;IACAO,UAAU,CAACH,EAAD,CAAV;EACD,CAJqB,EAKtB,CAACA,EAAD,EAAKG,UAAL,CALsB,CAAxB;EAOA,MAAMO,gBAAgB,GAAG,IAAAF,kBAAA,EACvBZ,CAAC,IAAI;IACHD,cAAc,CAACC,CAAD,CAAd;IACAQ,WAAW,CAACJ,EAAD,CAAX;EACD,CAJsB,EAKvB,CAACA,EAAD,EAAKI,WAAL,CALuB,CAAzB;EAOA,MAAMO,WAAW,GAAG,IAAAH,kBAAA,EAClBZ,CAAC,IAAI;IACHD,cAAc,CAACC,CAAD,CAAd;IACAS,MAAM,CAACL,EAAD,CAAN;EACD,CAJiB,EAKlB,CAACA,EAAD,EAAKK,MAAL,CALkB,CAApB;EAQA,oBACE;IACE,SAAS,EAAE,IAAAO,mBAAA,EAAWX,QAAQ,GAAGY,cAAA,CAAMZ,QAAT,GAAoB,IAAvC,EAA6CY,cAAA,CAAMC,SAAnD,CADb;IAEE,WAAW,EAAEP,gBAFf;IAGE,UAAU,EAAEE,eAHd;IAIE,WAAW,EAAEC,gBAJf;IAKE,MAAM,EAAEC,WALV;IAME,SAAS;EANX,GAQGL,QARH,CADF;AAYD,CA5CD;;AA6CAR,SAAS,CAACiB,SAAV,2CAAsB;EACpBf,EAAE,EAAEgB,kBAAA,CAAUC,MADM;EAEpBhB,QAAQ,EAAEe,kBAAA,CAAUE,IAFA;EAGpBhB,WAAW,EAAEc,kBAAA,CAAUG,IAHH;EAIpBhB,UAAU,EAAEa,kBAAA,CAAUG,IAJF;EAKpBf,WAAW,EAAEY,kBAAA,CAAUG,IALH;EAMpBd,MAAM,EAAEW,kBAAA,CAAUG,IANE;EAOpBb,QAAQ,EAAEU,kBAAA,CAAUI;AAPA,CAAtB;eAUetB,S"}

package/lib/molecule/draggable-list/index.d.ts

@@ -18,6 +18,8 @@ declare namespace DraggableList {
                 disabled: PropTypes.Requireable<boolean>;
                 onChange: PropTypes.Requireable<(...args: any[]) => any>;
                 description: PropTypes.Requireable<string>;
+                'aria-labelledby': PropTypes.Requireable<string>;
+                'aria-label': PropTypes.Requireable<string>;
                 modified: PropTypes.Requireable<boolean>;
                 titlePosition: PropTypes.Requireable<string>;
                 theme: PropTypes.Requireable<string>;

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

@@ -2,19 +2,30 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _draggable = _interopRequireDefault(require("../draggable"));
+
 var _setupSection = _interopRequireDefault(require("../setup-section"));
+
 var _courseSection = _interopRequireDefault(require("../course-section"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const ITEMS = {
   'setup-section': _setupSection.default,
   'course-section': _courseSection.default
 };
+
 const DraggableList = ({
   items,
   onDrop,
@@ -51,6 +62,7 @@ const DraggableList = ({
   }))));
   return /*#__PURE__*/_react.default.createElement("div", null, itemsView);
 };
+
 DraggableList.propTypes = process.env.NODE_ENV !== "production" ? {
   items: _propTypes.default.arrayOf(_propTypes.default.shape(_setupSection.default.propTypes)),
   onDrop: _propTypes.default.func,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ITEMS","SetupSection","CourseSection","DraggableList","items","onDrop","itemType","dragTo","setDragTo","useState","dragFrom","setDragFrom","dragStartHandler","useCallback","id","dragOverHandler","dragLeaveHandler","dropHandler","Item","itemsView","map","item","propTypes","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;AACA;AACA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAE9C,MAAMA,KAAK,GAAG;EAAC,eAAe,EAAEC,qBAAY;EAAE,gBAAgB,EAAEC;AAAa,CAAC;AAE9E,MAAMC,aAAa,GAAG,CAAC;EAACC,KAAK;EAAEC,MAAM;EAAEC;AAAQ,CAAC,KAAK;EACnD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAI,CAAC;EAC1C,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAF,eAAQ,EAAC,IAAI,CAAC;EAE9C,MAAMG,gBAAgB,GAAG,IAAAC,kBAAW,EAClCC,EAAE,IAAI;IACJH,WAAW,CAACG,EAAE,CAAC;EACjB,CAAC,EACD,CAACH,WAAW,CAAC,CACd;EAED,MAAMI,eAAe,GAAG,IAAAF,kBAAW,EACjCC,EAAE,IAAI;IACJ,IAAIP,MAAM,KAAKO,EAAE,EAAE;IACnBN,SAAS,CAACM,EAAE,CAAC;EACf,CAAC,EACD,CAACP,MAAM,EAAEC,SAAS,CAAC,CACpB;EAED,MAAMQ,gBAAgB,GAAG,IAAAH,kBAAW,EAClCC,EAAE,IAAI;IACJN,SAAS,CAAC,IAAI,CAAC;EACjB,CAAC,EACD,CAACA,SAAS,CAAC,CACZ;EAED,MAAMS,WAAW,GAAG,IAAAJ,kBAAW,EAC7BC,EAAE,IAAI;IACJ,IAAIT,MAAM,IAAIK,QAAQ,EAAEL,MAAM,CAACK,QAAQ,EAAEI,EAAE,CAAC;IAE5CN,SAAS,CAAC,IAAI,CAAC;IACfG,WAAW,CAAC,IAAI,CAAC;EACnB,CAAC,EACD,CAACN,MAAM,EAAEG,SAAS,EAAEG,WAAW,EAAED,QAAQ,CAAC,CAC3C;EAED,MAAMQ,IAAI,GAAGlB,KAAK,CAACM,QAAQ,CAAC;EAC5B,MAAMa,SAAS,GAAGf,KAAK,CAACgB,GAAG,CAACC,IAAI,iBAC9B,6BAAC,kBAAS;IACR,GAAG,EAAEA,IAAI,CAACP,EAAG;IACb,EAAE,EAAEO,IAAI,CAACP,EAAG;IACZ,QAAQ,EAAEP,MAAM,KAAKc,IAAI,CAACP,EAAG;IAC7B,WAAW,EAAEF,gBAAiB;IAC9B,UAAU,EAAEG,eAAgB;IAC5B,WAAW,EAAEC,gBAAiB;IAC9B,MAAM,EAAEC;EAAY,gBAEpB,6BAAC,IAAI,eAAKI,IAAI;IAAE,GAAG,EAAEA,IAAI,CAACP;EAAG,GAAG,CAEnC,CAAC;EACF,oBAAO,0CAAMK,SAAS,CAAO;AAC/B,CAAC;AAEDhB,aAAa,CAACmB,SAAS,2CAAG;EACxBlB,KAAK,EAAEmB,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACxB,qBAAY,CAACqB,SAAS,CAAC,CAAC;EACjEjB,MAAM,EAAEkB,kBAAS,CAACG,IAAI;EACtBpB,QAAQ,EAAEiB,kBAAS,CAACI;AACtB,CAAC;AAAC,eAEaxB,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["ITEMS","SetupSection","CourseSection","DraggableList","items","onDrop","itemType","dragTo","setDragTo","useState","dragFrom","setDragFrom","dragStartHandler","useCallback","id","dragOverHandler","dragLeaveHandler","dropHandler","Item","itemsView","map","item","propTypes","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;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAG;EAAC,iBAAiBC,qBAAlB;EAAgC,kBAAkBC;AAAlD,CAAd;;AAEA,MAAMC,aAAa,GAAG,CAAC;EAACC,KAAD;EAAQC,MAAR;EAAgBC;AAAhB,CAAD,KAA+B;EACnD,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAS,IAAT,CAA5B;EACA,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0B,IAAAF,eAAA,EAAS,IAAT,CAAhC;EAEA,MAAMG,gBAAgB,GAAG,IAAAC,kBAAA,EACvBC,EAAE,IAAI;IACJH,WAAW,CAACG,EAAD,CAAX;EACD,CAHsB,EAIvB,CAACH,WAAD,CAJuB,CAAzB;EAOA,MAAMI,eAAe,GAAG,IAAAF,kBAAA,EACtBC,EAAE,IAAI;IACJ,IAAIP,MAAM,KAAKO,EAAf,EAAmB;IACnBN,SAAS,CAACM,EAAD,CAAT;EACD,CAJqB,EAKtB,CAACP,MAAD,EAASC,SAAT,CALsB,CAAxB;EAQA,MAAMQ,gBAAgB,GAAG,IAAAH,kBAAA,EACvBC,EAAE,IAAI;IACJN,SAAS,CAAC,IAAD,CAAT;EACD,CAHsB,EAIvB,CAACA,SAAD,CAJuB,CAAzB;EAOA,MAAMS,WAAW,GAAG,IAAAJ,kBAAA,EAClBC,EAAE,IAAI;IACJ,IAAIT,MAAM,IAAIK,QAAd,EAAwBL,MAAM,CAACK,QAAD,EAAWI,EAAX,CAAN;IAExBN,SAAS,CAAC,IAAD,CAAT;IACAG,WAAW,CAAC,IAAD,CAAX;EACD,CANiB,EAOlB,CAACN,MAAD,EAASG,SAAT,EAAoBG,WAApB,EAAiCD,QAAjC,CAPkB,CAApB;EAUA,MAAMQ,IAAI,GAAGlB,KAAK,CAACM,QAAD,CAAlB;EACA,MAAMa,SAAS,GAAGf,KAAK,CAACgB,GAAN,CAAUC,IAAI,iBAC9B,6BAAC,kBAAD;IACE,GAAG,EAAEA,IAAI,CAACP,EADZ;IAEE,EAAE,EAAEO,IAAI,CAACP,EAFX;IAGE,QAAQ,EAAEP,MAAM,KAAKc,IAAI,CAACP,EAH5B;IAIE,WAAW,EAAEF,gBAJf;IAKE,UAAU,EAAEG,eALd;IAME,WAAW,EAAEC,gBANf;IAOE,MAAM,EAAEC;EAPV,gBASE,6BAAC,IAAD,eAAUI,IAAV;IAAgB,GAAG,EAAEA,IAAI,CAACP;EAA1B,GATF,CADgB,CAAlB;EAaA,oBAAO,0CAAMK,SAAN,CAAP;AACD,CAnDD;;AAqDAhB,aAAa,CAACmB,SAAd,2CAA0B;EACxBlB,KAAK,EAAEmB,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBxB,qBAAA,CAAaqB,SAA7B,CAAlB,CADiB;EAExBjB,MAAM,EAAEkB,kBAAA,CAAUG,IAFM;EAGxBpB,QAAQ,EAAEiB,kBAAA,CAAUI;AAHI,CAA1B;eAMexB,a"}

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

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _types = require("./types");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const EmptyStateDashboard = ({
   mainText,
   subText,
@@ -28,6 +35,7 @@ const EmptyStateDashboard = ({
 }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, buttonLink, {
   className: _style.default.button
 }))));
+
 EmptyStateDashboard.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
 var _default = EmptyStateDashboard;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["EmptyStateDashboard","mainText","subText","imageUrl","buttonLink","style","container","img","buttonContainer","button","propTypes"],"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;AACA;AACA;AACA;AAAyC;AAAA;AAEzC,MAAMA,mBAAmB,GAAG,CAAC;EAACC,QAAQ;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAiB,CAAC,kBAC3E;EAAK,SAAS,EAAEC,cAAK,CAACC;AAAU,gBAC9B,uDACE;EAAK,SAAS,EAAED,cAAK,CAACE,GAAI;EAAC,GAAG,EAAEJ,QAAS;EAAC,eAAY;AAAM,EAAG,CAC3D,eACN;EAAG,SAAS,EAAEE,cAAK,CAACJ;AAAS,GAAEA,QAAQ,CAAK,eAC5C;EAAG,SAAS,EAAEI,cAAK,CAACH;AAAQ,GAAEA,OAAO,CAAK,eAC1C;EAAK,SAAS,EAAEG,cAAK,CAACG;AAAgB,gBACpC,6BAAC,mBAAU,eAAKJ,UAAU;EAAE,SAAS,EAAEC,cAAK,CAACI;AAAO,GAAG,CACnD,CAET;AAEDT,mBAAmB,CAACU,SAAS,2CAAGA,gBAAS;AAAC,eAE3BV,mBAAmB;AAAA"}
+{"version":3,"file":"index.js","names":["EmptyStateDashboard","mainText","subText","imageUrl","buttonLink","style","container","img","buttonContainer","button","propTypes"],"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;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,mBAAmB,GAAG,CAAC;EAACC,QAAD;EAAWC,OAAX;EAAoBC,QAApB;EAA8BC;AAA9B,CAAD,kBAC1B;EAAK,SAAS,EAAEC,cAAA,CAAMC;AAAtB,gBACE,uDACE;EAAK,SAAS,EAAED,cAAA,CAAME,GAAtB;EAA2B,GAAG,EAAEJ,QAAhC;EAA0C,eAAY;AAAtD,EADF,CADF,eAIE;EAAG,SAAS,EAAEE,cAAA,CAAMJ;AAApB,GAA+BA,QAA/B,CAJF,eAKE;EAAG,SAAS,EAAEI,cAAA,CAAMH;AAApB,GAA8BA,OAA9B,CALF,eAME;EAAK,SAAS,EAAEG,cAAA,CAAMG;AAAtB,gBACE,6BAAC,mBAAD,eAAgBJ,UAAhB;EAA4B,SAAS,EAAEC,cAAA,CAAMI;AAA7C,GADF,CANF,CADF;;AAaAT,mBAAmB,CAACU,SAApB,2CAAgCA,gBAAhC;eAEeV,mB"}

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

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

package/lib/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,MAAM,MAAM,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,oBAAY,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}

package/lib/molecule/empty-state-dashboard/types.js

@@ -2,9 +2,13 @@
 
 exports.__esModule = true;
 exports.propTypes = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _picture = _interopRequireDefault(require("../../atom/picture"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const propTypes = {
   mainText: _propTypes.default.string,
   subText: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["propTypes","mainText","PropTypes","string","subText","imageUrl","Picture","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;AACA;AAAyC;AAElC,MAAMA,SAAS,GAAG;EACvBC,QAAQ,EAAEC,kBAAS,CAACC,MAAM;EAC1BC,OAAO,EAAEF,kBAAS,CAACC,MAAM;EACzBE,QAAQ,EAAEC,gBAAO,CAACN,SAAS,CAACO,GAAG;EAC/BC,UAAU,EAAEN,kBAAS,CAACO,KAAK,CAAC;IAC1BC,IAAI,EAAER,kBAAS,CAACC,MAAM;IACtBQ,KAAK,EAAET,kBAAS,CAACC,MAAM;IACvBS,SAAS,EAAEV,kBAAS,CAACC,MAAM;IAC3BU,QAAQ,EAAEX,kBAAS,CAACC,MAAM;IAC1BW,IAAI,EAAEZ,kBAAS,CAACO,KAAK,CAAC;MACpBM,QAAQ,EAAEb,kBAAS,CAACC,MAAM;MAC1BO,IAAI,EAAER,kBAAS,CAACC;IAClB,CAAC,CAAC;IACFa,OAAO,EAAEd,kBAAS,CAACe;EACrB,CAAC;AACH,CAAC;AAAC"}
+{"version":3,"file":"types.js","names":["propTypes","mainText","PropTypes","string","subText","imageUrl","Picture","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;;AACA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,QAAQ,EAAEC,kBAAA,CAAUC,MADG;EAEvBC,OAAO,EAAEF,kBAAA,CAAUC,MAFI;EAGvBE,QAAQ,EAAEC,gBAAA,CAAQN,SAAR,CAAkBO,GAHL;EAIvBC,UAAU,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IAC1BC,IAAI,EAAER,kBAAA,CAAUC,MADU;IAE1BQ,KAAK,EAAET,kBAAA,CAAUC,MAFS;IAG1BS,SAAS,EAAEV,kBAAA,CAAUC,MAHK;IAI1BU,QAAQ,EAAEX,kBAAA,CAAUC,MAJM;IAK1BW,IAAI,EAAEZ,kBAAA,CAAUO,KAAV,CAAgB;MACpBM,QAAQ,EAAEb,kBAAA,CAAUC,MADA;MAEpBO,IAAI,EAAER,kBAAA,CAAUC;IAFI,CAAhB,CALoB;IAS1Ba,OAAO,EAAEd,kBAAA,CAAUe;EATO,CAAhB;AAJW,CAAlB"}

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

@@ -2,15 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _externalContent = require("../../util/external-content");
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class ExternalContentButton extends _react.default.Component {
   constructor(props, context) {
     super(props, context);
+
     this.handleClick = e => {
       e.stopPropagation();
       e.preventDefault();
@@ -20,6 +28,7 @@ class ExternalContentButton extends _react.default.Component {
       onClick && onClick(e);
     };
   }
+
   render() {
     const {
       translate
@@ -53,7 +62,9 @@ class ExternalContentButton extends _react.default.Component {
       className: _style.default.description
     }, description));
   }
+
 }
+
 ExternalContentButton.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ExternalContentButton","React","Component","constructor","props","context","handleClick","e","stopPropagation","preventDefault","onClick","render","translate","type","description","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","style","button","header","backgroundColor","iconBackground","title","contextTypes","Provider","childContextTypes","propTypes","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;AACA;AACA;AACA;AAEA;AAAgC;AAEhC,MAAMA,qBAAqB,SAASC,cAAK,CAACC,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,GAAGC,uCAAsB,CAACH,IAAI,CAAC,CAACI,IAAI;IAClD,MAAMC,SAAS,GAAGF,uCAAsB,CAACH,IAAI,CAAC,CAACM,KAAK;IACpD,oBACE;MAAK,OAAO,EAAE,IAAI,CAACb,WAAY;MAAC,SAAS,EAAEc,cAAK,CAACC;IAAO,gBACtD;MAAK,SAAS,EAAED,cAAK,CAACE,MAAO;MAAC,KAAK,EAAE;QAACC,eAAe,EAAEL;MAAS;IAAE,EAAG,eACrE;MAAK,SAAS,EAAEE,cAAK,CAACI,cAAe;MAAC,KAAK,EAAE;QAACD,eAAe,EAAEL;MAAS;IAAE,gBACxE,6BAAC,QAAQ;MAAC,SAAS,EAAEE,cAAK,CAACH,IAAK;MAAC,KAAK,EAAE,EAAG;MAAC,MAAM,EAAE;IAAG,EAAG,CACtD,eACN;MAAM,SAAS,EAAEG,cAAK,CAACK;IAAM,GAC1BZ,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,EAAEQ,cAAK,CAACN;IAAY,GAAEA,WAAW,CAAQ,CACpD;EAEV;AACF;AA3CMd,qBAAqB,CAOlB0B,YAAY,GAAG;EACpBd,SAAS,EAAEe,iBAAQ,CAACC,iBAAiB,CAAChB;AACxC,CAAC;AATGZ,qBAAqB,CAClB6B,SAAS,2CAAG;EACjBhB,IAAI,EAAEiB,kBAAS,CAACC,MAAM;EACtBjB,WAAW,EAAEgB,kBAAS,CAACC,MAAM;EAC7BrB,OAAO,EAAEoB,kBAAS,CAACE;AACrB,CAAC;AAAA,eAwCYhC,qBAAqB;AAAA"}
+{"version":3,"file":"index.js","names":["ExternalContentButton","React","Component","constructor","props","context","handleClick","e","stopPropagation","preventDefault","onClick","render","translate","type","description","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","style","button","header","backgroundColor","iconBackground","title","contextTypes","Provider","childContextTypes","propTypes","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;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,qBAAN,SAAoCC,cAAA,CAAMC,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,GAAGC,uCAAA,CAAuBH,IAAvB,EAA6BI,IAA9C;IACA,MAAMC,SAAS,GAAGF,uCAAA,CAAuBH,IAAvB,EAA6BM,KAA/C;IACA,oBACE;MAAK,OAAO,EAAE,KAAKb,WAAnB;MAAgC,SAAS,EAAEc,cAAA,CAAMC;IAAjD,gBACE;MAAK,SAAS,EAAED,cAAA,CAAME,MAAtB;MAA8B,KAAK,EAAE;QAACC,eAAe,EAAEL;MAAlB;IAArC,EADF,eAEE;MAAK,SAAS,EAAEE,cAAA,CAAMI,cAAtB;MAAsC,KAAK,EAAE;QAACD,eAAe,EAAEL;MAAlB;IAA7C,gBACE,6BAAC,QAAD;MAAU,SAAS,EAAEE,cAAA,CAAMH,IAA3B;MAAiC,KAAK,EAAE,EAAxC;MAA4C,MAAM,EAAE;IAApD,EADF,CAFF,eAKE;MAAM,SAAS,EAAEG,cAAA,CAAMK;IAAvB,GACGZ,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,EAAEQ,cAAA,CAAMN;IAAvB,GAAqCA,WAArC,CAXF,CADF;EAeD;;AA1CiD;;AAA9Cd,qB,CAOG0B,Y,GAAe;EACpBd,SAAS,EAAEe,iBAAA,CAASC,iBAAT,CAA2BhB;AADlB,C;AAPlBZ,qB,CACG6B,S,2CAAY;EACjBhB,IAAI,EAAEiB,kBAAA,CAAUC,MADC;EAEjBjB,WAAW,EAAEgB,kBAAA,CAAUC,MAFN;EAGjBrB,OAAO,EAAEoB,kBAAA,CAAUE;AAHF,C;eA4CNhC,qB"}

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

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _startsWith = _interopRequireDefault(require("lodash/fp/startsWith"));
+
 var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const podcastWrapperStyle = {
   default: _style.default.podcastWrapper,
   cockpit: _style.default.podcastWrapperCockpit,
@@ -18,6 +25,7 @@ const iframeStyle = {
   cockpit: _style.default.iframeCockpit,
   mobile: _style.default.iframe
 };
+
 function ExternalContentViewer(props) {
   const {
     url,
@@ -53,6 +61,7 @@ function ExternalContentViewer(props) {
     "data-name": "external-content-iframe"
   });
 }
+
 ExternalContentViewer.propTypes = process.env.NODE_ENV !== "production" ? {
   url: _propTypes.default.string.isRequired,
   backgroundImageUrl: _propTypes.default.string,