@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = exports.Overlay = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _cssColorFunction = require("css-color-function");
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _overlay = _interopRequireDefault(require("./overlay.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Overlay = ({
   description,
   isLoading,
@@ -25,13 +33,16 @@ const Overlay = ({
     },
     className: _overlay.default.icon
   })), /*#__PURE__*/_react.default.createElement("p", null, description));
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _overlay.default.overlay,
     "data-testid": "overlay"
   }, isLoading ? /*#__PURE__*/_react.default.createElement(_loader.default, null) : dropOverlay);
 };
+
 exports.Overlay = Overlay;
-var _default = exports.default = Overlay;
+var _default = Overlay;
+exports.default = _default;
 Overlay.propTypes = process.env.NODE_ENV !== "production" ? {
   description: _propTypes.default.string,
   isLoading: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_cssColorFunction","_loader","_overlay","e","__esModule","default","Overlay","description","isLoading","iconColor","dropOverlay","createElement","Fragment","className","style","arrow","border","convert","NovaSolidDataTransferDataUpload1","color","icon","overlay","exports","_default","propTypes","process","env","NODE_ENV","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 style={{color: iconColor}} className={style.icon} />\n      </div>\n      <p>{description}</p>\n    </React.Fragment>\n  );\n\n  return (\n    <div className={style.overlay} data-testid=\"overlay\">\n      {isLoading ? <Loader /> : dropOverlay}\n    </div>\n  );\n};\n\nexport default Overlay;\n\nOverlay.propTypes = {\n  description: PropTypes.string,\n  isLoading: PropTypes.bool,\n  iconColor: PropTypes.string\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,QAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAkC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE3B,MAAMG,OAAO,GAAGA,CAAC;EAACC,WAAW;EAAEC,SAAS;EAAEC;AAAS,CAAC,KAAK;EAC9D,MAAMC,WAAW,gBACff,MAAA,CAAAU,OAAA,CAAAM,aAAA,CAAChB,MAAA,CAAAU,OAAK,CAACO,QAAQ,qBACbjB,MAAA,CAAAU,OAAA,CAAAM,aAAA;IACEE,SAAS,EAAEC,gBAAK,CAACC,KAAM;IACvBD,KAAK,EAAE;MAACE,MAAM,EAAE,cAAc,IAAAC,yBAAO,EAAC,SAASR,SAAS,WAAW,CAAC;IAAE;EAAE,gBAExEd,MAAA,CAAAU,OAAA,CAAAM,aAAA,CAACZ,UAAA,CAAAmB,gCAAU;IAACJ,KAAK,EAAE;MAACK,KAAK,EAAEV;IAAS,CAAE;IAACI,SAAS,EAAEC,gBAAK,CAACM;EAAK,CAAE,CAC5D,CAAC,eACNzB,MAAA,CAAAU,OAAA,CAAAM,aAAA,YAAIJ,WAAe,CACL,CACjB;EAED,oBACEZ,MAAA,CAAAU,OAAA,CAAAM,aAAA;IAAKE,SAAS,EAAEC,gBAAK,CAACO,OAAQ;IAAC,eAAY;EAAS,GACjDb,SAAS,gBAAGb,MAAA,CAAAU,OAAA,CAAAM,aAAA,CAACV,OAAA,CAAAI,OAAM,MAAE,CAAC,GAAGK,WACvB,CAAC;AAEV,CAAC;AAACY,OAAA,CAAAhB,OAAA,GAAAA,OAAA;AAAA,IAAAiB,QAAA,GAAAD,OAAA,CAAAjB,OAAA,GAEaC,OAAO;AAEtBA,OAAO,CAACkB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAClBpB,WAAW,EAAEqB,kBAAS,CAACC,MAAM;EAC7BrB,SAAS,EAAEoB,kBAAS,CAACE,IAAI;EACzBrB,SAAS,EAAEmB,kBAAS,CAACC;AACvB,CAAC","ignoreList":[]}
+{"version":3,"file":"overlay.js","names":["Overlay","description","isLoading","iconColor","dropOverlay","style","arrow","border","convert","color","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 style={{color: iconColor}} className={style.icon} />\n      </div>\n      <p>{description}</p>\n    </React.Fragment>\n  );\n\n  return (\n    <div className={style.overlay} data-testid=\"overlay\">\n      {isLoading ? <Loader /> : dropOverlay}\n    </div>\n  );\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,EAAE;MAACM,KAAK,EAAEN;IAAR,CAAnB;IAAuC,SAAS,EAAEE,gBAAA,CAAMK;EAAxD,EAJF,CADF,eAOE,wCAAIT,WAAJ,CAPF,CADF;;EAYA,oBACE;IAAK,SAAS,EAAEI,gBAAA,CAAMM,OAAtB;IAA+B,eAAY;EAA3C,GACGT,SAAS,gBAAG,6BAAC,eAAD,OAAH,GAAgBE,WAD5B,CADF;AAKD,CAlBM;;;eAoBQJ,O;;AAEfA,OAAO,CAACY,SAAR,2CAAoB;EAClBX,WAAW,EAAEY,kBAAA,CAAUC,MADL;EAElBZ,SAAS,EAAEW,kBAAA,CAAUE,IAFH;EAGlBZ,SAAS,EAAEU,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(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const PlaceHolder = ({
   title,
   uploadLabel,
@@ -31,8 +37,10 @@ const PlaceHolder = ({
     }
   })));
 };
+
 exports.PlaceHolder = PlaceHolder;
-var _default = exports.default = PlaceHolder;
+var _default = PlaceHolder;
+exports.default = _default;
 PlaceHolder.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   uploadLabel: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"file":"placeholder.js","names":["_react","_interopRequireDefault","require","_propTypes","_button","_placeholder","e","__esModule","default","PlaceHolder","title","uploadLabel","primaryColor","buttonTitle","createElement","className","style","dropZoneContainer","dropZone","type","submitValue","selectButton","backgroundColor","exports","_default","propTypes","process","env","NODE_ENV","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/B,MAAMG,WAAW,GAAGA,CAAC;EAACC,KAAK;EAAEC,WAAW;EAAEC,YAAY;EAAEC;AAAW,CAAC,KAAK;EAC9E,oBACEb,MAAA,CAAAQ,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,oBAAK,CAACC;EAAkB,gBACtCjB,MAAA,CAAAQ,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,oBAAK,CAACN;EAAM,GAAEA,KAAW,CAAC,eAC1CV,MAAA,CAAAQ,OAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEC,oBAAK,CAACE;EAAS,gBAC7BlB,MAAA,CAAAQ,OAAA,CAAAM,aAAA;IAAGC,SAAS,EAAEC,oBAAK,CAACL;EAAY,GAAEA,WAAe,CAC9C,CAAC,eACNX,MAAA,CAAAQ,OAAA,CAAAM,aAAA,2BACEd,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACV,OAAA,CAAAI,OAAM;IACL,aAAU,KAAK;IACfW,IAAI,EAAC,MAAM;IACXC,WAAW,EAAEP,WAAY;IACzBE,SAAS,EAAEC,oBAAK,CAACK,YAAa;IAC9BL,KAAK,EAAE;MAACM,eAAe,EAAEV;IAAY;EAAE,CACxC,CACE,CACF,CAAC;AAEV,CAAC;AAACW,OAAA,CAAAd,WAAA,GAAAA,WAAA;AAAA,IAAAe,QAAA,GAAAD,OAAA,CAAAf,OAAA,GAEaC,WAAW;AAE1BA,WAAW,CAACgB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACtBlB,KAAK,EAAEmB,kBAAS,CAACC,MAAM;EACvBnB,WAAW,EAAEkB,kBAAS,CAACC,MAAM;EAC7BlB,YAAY,EAAEiB,kBAAS,CAACC,MAAM;EAC9BjB,WAAW,EAAEgB,kBAAS,CAACC;AACzB,CAAC","ignoreList":[]}
+{"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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _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", {
     "data-testid": "trash-icon",
     onClick: handleDelete,
@@ -110,9 +137,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", {
@@ -155,16 +184,17 @@ const UploadReport = ({
     }
   })) : null);
 };
+
 exports.UploadReport = UploadReport;
-var _default = exports.default = UploadReport;
+var _default = UploadReport;
+exports.default = _default;
 UploadReport.propTypes = process.env.NODE_ENV !== "production" ? {
   state: _propTypes.default.string.isRequired,
   message: _propTypes.default.string.isRequired,
   warningMessage: _propTypes.default.string,
   orLabel: _propTypes.default.string,
   type: _propTypes.default.string,
-  fields: _propTypes.default.arrayOf(_propTypes.default.shape({
-    ..._inputText.default.propTypes,
+  fields: _propTypes.default.arrayOf(_propTypes.default.shape({ ..._inputText.default.propTypes,
     type: _propTypes.default.oneOf(['text'])
   })),
   mode: _propTypes.default.oneOf(['edit', 'upload']),

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

@@ -1 +1 @@
-{"version":3,"file":"upload-report.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_novaIcons","_classnames","_externalContent","_inputText","_button","_uploadReport","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SuccessMessage","message","createElement","className","style","emoticon","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","ErrorMessage","buttonTitle","primaryColor","type","submitValue","selectButton","backgroundColor","UploadReport","state","warningMessage","contentType","fields","mode","orLabel","onDelete","handleDelete","useCallback","stopPropagation","preventDefault","stopPropagationHandler","showMessage","_includes2","fileName","_pipe2","_head2","_getOr2","_split2","_last2","fileView","fileWrapper","title","_isEmpty2","NovaCompositionCoorpacademyValidate","validateIcon","warning","showToolTip","warningIcon","NovaCompositionCoorpacademyWarn","width","height","emptyFileWrapper","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","buildField","field","index","key","theme","deleteView","onClick","classnames","actionIcon","trashIcon","NovaLineContentEditionBin","fieldsList","_map2","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","exports","_default","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\n      data-testid=\"trash-icon\"\n      onClick={handleDelete}\n      className={classnames(style.actionIcon, style.trashIcon)}\n    >\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} style={{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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","ignoreList":[]}
+{"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\n      data-testid=\"trash-icon\"\n      onClick={handleDelete}\n      className={classnames(style.actionIcon, style.trashIcon)}\n    >\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} style={{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;IACE,eAAY,YADd;IAEE,OAAO,EAAEC,YAFX;IAGE,SAAS,EAAE,IAAAwB,mBAAA,EAAW5C,qBAAA,CAAM6C,UAAjB,EAA6B7C,qBAAA,CAAM8C,SAAnC;EAHb,gBAKE,6BAAC,oCAAD;IAAW,KAAK,EAAE,EAAlB;IAAsB,MAAM,EAAE;EAA9B,EALF,CADyB,GAQvB,IARJ;;EASA,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,EAAE;MAACf,KAAK,EAAED;IAAR;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,CAhGM;;;eAkGQG,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,CAAgB,EACd,GAAGC,kBAAA,CAAU1D,SADC;IAEdY,IAAI,EAAEX,kBAAA,CAAU0D,KAAV,CAAgB,CAAC,MAAD,CAAhB;EAFQ,CAAhB,CADM,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 _inputFileDraggable = _interopRequireDefault(require("../../atom/input-file-draggable"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const DragAndDropWrapper = props => {
   const {
     list = [],
@@ -24,9 +31,11 @@ const DragAndDropWrapper = props => {
     "data-name": dataName
   }, dragAndDropList));
 };
+
 DragAndDropWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
   list: _propTypes.default.arrayOf(_propTypes.default.shape(_inputFileDraggable.default.propTypes)),
   'data-name': _propTypes.default.string
 } : {};
-var _default = exports.default = DragAndDropWrapper;
+var _default = DragAndDropWrapper;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_inputFileDraggable","_style","e","__esModule","default","DragAndDropWrapper","props","list","dataName","dragAndDropList","_map2","dragAndDropProps","createElement","className","style","dragAndDrop","key","title","group","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","InputFileDraggable","string","_default","exports"],"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 InputFileDraggable from '../../atom/input-file-draggable';\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        <InputFileDraggable {...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(InputFileDraggable.propTypes)),\n  'data-name': PropTypes.string\n};\n\nexport default DragAndDropWrapper;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,kBAAkB,GAAGC,KAAK,IAAI;EAClC,MAAM;IAACC,IAAI,GAAG,EAAE;IAAE,WAAW,EAAEC;EAAQ,CAAC,GAAGF,KAAK;EAEhD,MAAMG,eAAe,GAAG,IAAAC,KAAA,CAAAN,OAAA,EAAIO,gBAAgB,IAAI;IAC9C,oBACEf,MAAA,CAAAQ,OAAA,CAAAQ,aAAA;MAAIC,SAAS,EAAEC,cAAK,CAACC,WAAY;MAACC,GAAG,EAAE,eAAeL,gBAAgB,CAACM,KAAK;IAAG,gBAC7ErB,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACZ,mBAAA,CAAAI,OAAkB,EAAKO,gBAAmB,CACzC,CAAC;EAET,CAAC,EAAEJ,IAAI,CAAC;EAER,oBACEX,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,2BACEhB,MAAA,CAAAQ,OAAA,CAAAQ,aAAA;IAAIC,SAAS,EAAEC,cAAK,CAACI,KAAM;IAAC,aAAWV;EAAS,GAC7CC,eACC,CACD,CAAC;AAEV,CAAC;AAEDJ,kBAAkB,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC7Bf,IAAI,EAAEgB,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,2BAAkB,CAACP,SAAS,CAAC,CAAC;EACtE,WAAW,EAAEI,kBAAS,CAACI;AACzB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzB,OAAA,GAEaC,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["DragAndDropWrapper","props","list","dataName","dragAndDropList","dragAndDropProps","style","dragAndDrop","title","group","propTypes","PropTypes","arrayOf","shape","InputFileDraggable","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 InputFileDraggable from '../../atom/input-file-draggable';\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        <InputFileDraggable {...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(InputFileDraggable.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,2BAAD,EAAwBH,gBAAxB,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,2BAAA,CAAmBJ,SAAnC,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(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+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,
@@ -47,6 +57,7 @@ const Draggable = props => {
     draggable: true
   }, children);
 };
+
 Draggable.propTypes = process.env.NODE_ENV !== "production" ? {
   id: _propTypes.default.string,
   dragging: _propTypes.default.bool,
@@ -56,5 +67,6 @@ Draggable.propTypes = process.env.NODE_ENV !== "production" ? {
   onDrop: _propTypes.default.func,
   children: _propTypes.default.element
 } : {};
-var _default = exports.default = Draggable;
+var _default = Draggable;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","preventDefault","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","useCallback","dragOverHandler","dragLeaveHandler","dropHandler","createElement","className","classnames","style","draggable","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","element","_default","exports"],"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      data-testid={`draggable-${id}`}\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":"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","ignoreList":[]}
+{"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      data-testid={`draggable-${id}`}\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,eAAc,aAAYd,EAAG,EAF/B;IAGE,WAAW,EAAEO,gBAHf;IAIE,UAAU,EAAEE,eAJd;IAKE,WAAW,EAAEC,gBALf;IAME,MAAM,EAAEC,WANV;IAOE,SAAS;EAPX,GASGL,QATH,CADF;AAaD,CA7CD;;AA8CAR,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.js

@@ -2,23 +2,36 @@
 
 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"));
+
 var _listItem = _interopRequireDefault(require("../../organism/list-item"));
+
 var _learningPrioritySetupItem = _interopRequireDefault(require("../learning-priority-setup-item"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function _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,
   'list-item': _listItem.default,
   'learning-priority-setup-item': _learningPrioritySetupItem.default
 };
+
 const DraggableList = ({
   items,
   onDrop,
@@ -54,12 +67,16 @@ const DraggableList = ({
     key: item.id,
     order: index
   }))));
-  return /*#__PURE__*/_react.default.createElement("div", null, itemsView);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-name": `draggable-list-${itemType}`
+  }, itemsView);
 };
+
 DraggableList.propTypes = process.env.NODE_ENV !== "production" ? {
   items: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_setupSection.default.propTypes), _propTypes.default.shape(_courseSection.default.propTypes), _propTypes.default.shape(_listItem.default.propTypes), _propTypes.default.shape(_learningPrioritySetupItem.default.propTypes)])),
   onDrop: _propTypes.default.func,
   itemType: _propTypes.default.string
 } : {};
-var _default = exports.default = DraggableList;
+var _default = DraggableList;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_draggable","_setupSection","_courseSection","_listItem","_learningPrioritySetupItem","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ITEMS","SetupSection","CourseSection","ListItem","LearningPrioritySetupItem","DraggableList","items","onDrop","itemType","dragTo","setDragTo","useState","dragFrom","setDragFrom","dragStartHandler","useCallback","id","dragOverHandler","dragLeaveHandler","dropHandler","Item","itemsView","map","item","index","createElement","key","dragging","onDragStart","onDragOver","onDragLeave","order","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","oneOfType","shape","func","string","_default","exports"],"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';\nimport ListItem from '../../organism/list-item';\nimport LearningPrioritySetupItem from '../learning-priority-setup-item';\n\nconst ITEMS = {\n  'setup-section': SetupSection,\n  'course-section': CourseSection,\n  'list-item': ListItem,\n  'learning-priority-setup-item': LearningPrioritySetupItem\n};\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, index) => (\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} order={index} />\n    </Draggable>\n  ));\n  return <div>{itemsView}</div>;\n};\n\nDraggableList.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(SetupSection.propTypes),\n      PropTypes.shape(CourseSection.propTypes),\n      PropTypes.shape(ListItem.propTypes),\n      PropTypes.shape(LearningPrioritySetupItem.propTypes)\n    ])\n  ),\n  onDrop: PropTypes.func,\n  itemType: PropTypes.string\n};\n\nexport default DraggableList;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ITEMS","SetupSection","CourseSection","ListItem","LearningPrioritySetupItem","DraggableList","items","onDrop","itemType","dragTo","setDragTo","useState","dragFrom","setDragFrom","dragStartHandler","useCallback","id","dragOverHandler","dragLeaveHandler","dropHandler","Item","itemsView","map","item","index","propTypes","PropTypes","arrayOf","oneOfType","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';\nimport ListItem from '../../organism/list-item';\nimport LearningPrioritySetupItem from '../learning-priority-setup-item';\n\nconst ITEMS = {\n  'setup-section': SetupSection,\n  'course-section': CourseSection,\n  'list-item': ListItem,\n  'learning-priority-setup-item': LearningPrioritySetupItem\n};\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, index) => (\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} order={index} />\n    </Draggable>\n  ));\n  return <div data-name={`draggable-list-${itemType}`}>{itemsView}</div>;\n};\n\nDraggableList.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape(SetupSection.propTypes),\n      PropTypes.shape(CourseSection.propTypes),\n      PropTypes.shape(ListItem.propTypes),\n      PropTypes.shape(LearningPrioritySetupItem.propTypes)\n    ])\n  ),\n  onDrop: PropTypes.func,\n  itemType: PropTypes.string\n};\n\nexport default DraggableList;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAG;EACZ,iBAAiBC,qBADL;EAEZ,kBAAkBC,sBAFN;EAGZ,aAAaC,iBAHD;EAIZ,gCAAgCC;AAJpB,CAAd;;AAOA,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,GAAGpB,KAAK,CAACQ,QAAD,CAAlB;EACA,MAAMa,SAAS,GAAGf,KAAK,CAACgB,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,kBAC1B,6BAAC,kBAAD;IACE,GAAG,EAAED,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;IAA8B,KAAK,EAAEQ;EAArC,GATF,CADgB,CAAlB;EAaA,oBAAO;IAAK,aAAY,kBAAiBhB,QAAS;EAA3C,GAA+Ca,SAA/C,CAAP;AACD,CAnDD;;AAqDAhB,aAAa,CAACoB,SAAd,2CAA0B;EACxBnB,KAAK,EAAEoB,kBAAA,CAAUC,OAAV,CACLD,kBAAA,CAAUE,SAAV,CAAoB,CAClBF,kBAAA,CAAUG,KAAV,CAAgB5B,qBAAA,CAAawB,SAA7B,CADkB,EAElBC,kBAAA,CAAUG,KAAV,CAAgB3B,sBAAA,CAAcuB,SAA9B,CAFkB,EAGlBC,kBAAA,CAAUG,KAAV,CAAgB1B,iBAAA,CAASsB,SAAzB,CAHkB,EAIlBC,kBAAA,CAAUG,KAAV,CAAgBzB,kCAAA,CAA0BqB,SAA1C,CAJkB,CAApB,CADK,CADiB;EASxBlB,MAAM,EAAEmB,kBAAA,CAAUI,IATM;EAUxBtB,QAAQ,EAAEkB,kBAAA,CAAUK;AAVI,CAA1B;eAae1B,a"}

package/lib/molecule/errors-table/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 var _types = require("./types");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable css-modules/no-unused-class */
+
+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 ErrorsTable = props => {
   const {
     columns = [],
@@ -38,7 +45,7 @@ const ErrorsTable = props => {
         key: `${field}-${fIndex}`
       }, field || '');
     });
-    bodyRow.unshift(/*#__PURE__*/_react.default.createElement("td", {
+    bodyRow.unshift( /*#__PURE__*/_react.default.createElement("td", {
       className: (0, _classnames.default)(_style.default.col, _style.default[`col-0`]),
       key: "header"
     }, index + 1));
@@ -54,6 +61,8 @@ const ErrorsTable = props => {
     className: _style.default.thead
   }, /*#__PURE__*/_react.default.createElement("tr", null, headerView)), /*#__PURE__*/_react.default.createElement("tbody", null, bodyView));
 };
+
 ErrorsTable.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
-var _default = exports.default = ErrorsTable;
+var _default = ErrorsTable;
+exports.default = _default;
 //# sourceMappingURL=index.js.map