@coorpacademy/components 11.9.3-alpha.29 → 11.10.1

package/lib/molecule/discipline-partners/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DisciplinePartners","props","context","translate","skin","authorTitle","authors","authorLabel","defaultColor","authorsView","convert","cap","author","index","socialLinks","authorLogo","authorHref","moreDetails","autName","authorToggleId","linkView","style","authorLink","color","moreInfoView","linkicon","socialView","map","social","i","link","aNameView","authorName","logoView","logoContainer","logo","src","alt","arrowWrapper","arrow","authorContent","links","authorWrapper","toggle","colDetails","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","name","string","href","SocialLink"],"sources":["../../../src/molecule/discipline-partners/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map, uniqueId} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowDown as ArrowDown\n} from '@coorpacademy/nova-icons';\nimport SocialLink from '../../atom/social-link';\nimport Provider from '../../atom/provider';\nimport CatalogSection from '../../atom/catalog-section';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst DisciplinePartners = (props, context) => {\n  const {translate, skin} = context;\n\n  const {authorTitle, authors = []} = props;\n\n  const authorLabel = authorTitle || translate('author');\n  const defaultColor = get('common.primary', skin);\n  const authorsView = map.convert({cap: false})((author, index) => {\n    const socialLinks = getOr([], 'socialLinks', author);\n    const authorLogo = get('logo', author);\n    const authorHref = get('href', author);\n    const moreDetails = get('more', author);\n    const autName = get('name', author);\n    const authorToggleId = uniqueId('author-toggle-');\n    const linkView = (\n      <div className={style.authorLink}>\n        <a\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          style={{\n            color: defaultColor\n          }}\n          href={authorHref}\n        >\n          {authorHref}\n        </a>\n      </div>\n    );\n    const moreInfoView = (\n      <div className={style.authorLink}>\n        <a\n          href={authorHref}\n          style={{\n            color: defaultColor\n          }}\n        >\n          {moreDetails}\n          <ArrowRight color={defaultColor} className={style.linkicon} />\n        </a>\n      </div>\n    );\n\n    const socialView = socialLinks.map((social, i) => (\n      <div key={i} className={style.link}>\n        <SocialLink {...social} />\n      </div>\n    ));\n\n    const aNameView = autName ? (\n      <div data-name=\"authorName\" className={style.authorName}>\n        {autName}\n      </div>\n    ) : null;\n\n    const logoView = authorLogo ? (\n      <div className={style.logoContainer}>\n        <Picture className={style.logo} src={authorLogo.src} alt={authorLogo.alt} />\n        <div className={style.arrowWrapper}>\n          <ArrowDown className={style.arrow} height={14} whidth={14} />\n        </div>\n      </div>\n    ) : null;\n\n    const authorContent =\n      authorHref || aNameView || socialView ? (\n        <div className={style.authorContent}>\n          {autName ? aNameView : null}\n          {moreDetails ? moreInfoView : null}\n          {!moreDetails && authorHref ? linkView : null}\n          <div className={style.links}>{socialView}</div>\n        </div>\n      ) : null;\n\n    return (\n      <div key={index} className={style.authorWrapper}>\n        <input type=\"checkbox\" id={authorToggleId} className={style.toggle} defaultChecked />\n        <label htmlFor={authorToggleId}>{logoView}</label>\n        {authorContent}\n      </div>\n    );\n  }, authors);\n\n  return !isEmpty(authors) ? (\n    <div data-name=\"disciplinePartner\" className={style.colDetails}>\n      <CatalogSection title={authorLabel}>{authorsView}</CatalogSection>\n    </div>\n  ) : null;\n};\n\nDisciplinePartners.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDisciplinePartners.propTypes = {\n  authors: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      href: PropTypes.string,\n      logo: PropTypes.shape({\n        src: PropTypes.string,\n        href: PropTypes.string,\n        alt: PropTypes.string\n      }),\n      socialLinks: PropTypes.arrayOf(PropTypes.shape(SocialLink.propTypes))\n    })\n  ),\n  authorTitle: PropTypes.string\n};\n\nexport default DisciplinePartners;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["DisciplinePartners","props","context","translate","skin","authorTitle","authors","authorLabel","defaultColor","authorsView","convert","cap","author","index","socialLinks","authorLogo","authorHref","moreDetails","autName","authorToggleId","linkView","style","authorLink","color","moreInfoView","linkicon","socialView","map","social","i","link","aNameView","authorName","logoView","logoContainer","logo","src","alt","arrowWrapper","arrow","authorContent","links","authorWrapper","toggle","colDetails","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","name","string","href","SocialLink"],"sources":["../../../src/molecule/discipline-partners/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map, uniqueId} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowDown as ArrowDown\n} from '@coorpacademy/nova-icons';\nimport SocialLink from '../../atom/social-link';\nimport Provider from '../../atom/provider';\nimport CatalogSection from '../../atom/catalog-section';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst DisciplinePartners = (props, context) => {\n  const {translate, skin} = context;\n\n  const {authorTitle, authors = []} = props;\n\n  const authorLabel = authorTitle || translate('author');\n  const defaultColor = get('common.primary', skin);\n  const authorsView = map.convert({cap: false})((author, index) => {\n    const socialLinks = getOr([], 'socialLinks', author);\n    const authorLogo = get('logo', author);\n    const authorHref = get('href', author);\n    const moreDetails = get('more', author);\n    const autName = get('name', author);\n    const authorToggleId = uniqueId('author-toggle-');\n    const linkView = (\n      <div className={style.authorLink}>\n        <a\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          style={{\n            color: defaultColor\n          }}\n          href={authorHref}\n        >\n          {authorHref}\n        </a>\n      </div>\n    );\n    const moreInfoView = (\n      <div className={style.authorLink}>\n        <a\n          href={authorHref}\n          style={{\n            color: defaultColor\n          }}\n        >\n          {moreDetails}\n          <ArrowRight color={defaultColor} className={style.linkicon} />\n        </a>\n      </div>\n    );\n\n    const socialView = socialLinks.map((social, i) => (\n      <div key={i} className={style.link}>\n        <SocialLink {...social} />\n      </div>\n    ));\n\n    const aNameView = autName ? (\n      <div data-name=\"authorName\" className={style.authorName}>\n        {autName}\n      </div>\n    ) : null;\n\n    const logoView = authorLogo ? (\n      <div className={style.logoContainer}>\n        <Picture className={style.logo} src={authorLogo.src} alt={authorLogo.alt} />\n        <div className={style.arrowWrapper}>\n          <ArrowDown className={style.arrow} height={14} whidth={14} />\n        </div>\n      </div>\n    ) : null;\n\n    const authorContent =\n      authorHref || aNameView || socialView ? (\n        <div className={style.authorContent}>\n          {autName ? aNameView : null}\n          {moreDetails ? moreInfoView : null}\n          {!moreDetails && authorHref ? linkView : null}\n          <div className={style.links}>{socialView}</div>\n        </div>\n      ) : null;\n\n    return (\n      <div key={index} className={style.authorWrapper}>\n        <input type=\"checkbox\" id={authorToggleId} className={style.toggle} defaultChecked />\n        <label htmlFor={authorToggleId}>{logoView}</label>\n        {authorContent}\n      </div>\n    );\n  }, authors);\n\n  return !isEmpty(authors) ? (\n    <div data-name=\"disciplinePartner\" className={style.colDetails}>\n      <CatalogSection title={authorLabel}>{authorsView}</CatalogSection>\n    </div>\n  ) : null;\n};\n\nDisciplinePartners.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDisciplinePartners.propTypes = {\n  authors: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      href: PropTypes.string,\n      logo: PropTypes.shape({\n        src: PropTypes.string,\n        href: PropTypes.string,\n        alt: PropTypes.string\n      }),\n      socialLinks: PropTypes.arrayOf(PropTypes.shape(SocialLink.propTypes))\n    })\n  ),\n  authorTitle: PropTypes.string\n};\n\nexport default DisciplinePartners;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,kBAAkB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC7C,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;EAEA,MAAM;IAACG,WAAD;IAAcC,OAAO,GAAG;EAAxB,IAA8BL,KAApC;EAEA,MAAMM,WAAW,GAAGF,WAAW,IAAIF,SAAS,CAAC,QAAD,CAA5C;EACA,MAAMK,YAAY,GAAG,mBAAI,gBAAJ,EAAsBJ,IAAtB,CAArB;;EACA,MAAMK,WAAW,GAAG,cAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,MAAD,EAASC,KAAT,KAAmB;IAC/D,MAAMC,WAAW,GAAG,qBAAM,EAAN,EAAU,aAAV,EAAyBF,MAAzB,CAApB;IACA,MAAMG,UAAU,GAAG,mBAAI,MAAJ,EAAYH,MAAZ,CAAnB;IACA,MAAMI,UAAU,GAAG,mBAAI,MAAJ,EAAYJ,MAAZ,CAAnB;IACA,MAAMK,WAAW,GAAG,mBAAI,MAAJ,EAAYL,MAAZ,CAApB;IACA,MAAMM,OAAO,GAAG,mBAAI,MAAJ,EAAYN,MAAZ,CAAhB;IACA,MAAMO,cAAc,GAAG,wBAAS,gBAAT,CAAvB;;IACA,MAAMC,QAAQ,gBACZ;MAAK,SAAS,EAAEC,cAAA,CAAMC;IAAtB,gBACE;MACE,MAAM,EAAC,QADT;MAEE,GAAG,EAAC,qBAFN;MAGE,KAAK,EAAE;QACLC,KAAK,EAAEf;MADF,CAHT;MAME,IAAI,EAAEQ;IANR,GAQGA,UARH,CADF,CADF;;IAcA,MAAMQ,YAAY,gBAChB;MAAK,SAAS,EAAEH,cAAA,CAAMC;IAAtB,gBACE;MACE,IAAI,EAAEN,UADR;MAEE,KAAK,EAAE;QACLO,KAAK,EAAEf;MADF;IAFT,GAMGS,WANH,eAOE,6BAAC,8CAAD;MAAY,KAAK,EAAET,YAAnB;MAAiC,SAAS,EAAEa,cAAA,CAAMI;IAAlD,EAPF,CADF,CADF;;IAcA,MAAMC,UAAU,GAAGZ,WAAW,CAACa,GAAZ,CAAgB,CAACC,MAAD,EAASC,CAAT,kBACjC;MAAK,GAAG,EAAEA,CAAV;MAAa,SAAS,EAAER,cAAA,CAAMS;IAA9B,gBACE,6BAAC,mBAAD,EAAgBF,MAAhB,CADF,CADiB,CAAnB;IAMA,MAAMG,SAAS,GAAGb,OAAO,gBACvB;MAAK,aAAU,YAAf;MAA4B,SAAS,EAAEG,cAAA,CAAMW;IAA7C,GACGd,OADH,CADuB,GAIrB,IAJJ;IAMA,MAAMe,QAAQ,GAAGlB,UAAU,gBACzB;MAAK,SAAS,EAAEM,cAAA,CAAMa;IAAtB,gBACE,6BAAC,gBAAD;MAAS,SAAS,EAAEb,cAAA,CAAMc,IAA1B;MAAgC,GAAG,EAAEpB,UAAU,CAACqB,GAAhD;MAAqD,GAAG,EAAErB,UAAU,CAACsB;IAArE,EADF,eAEE;MAAK,SAAS,EAAEhB,cAAA,CAAMiB;IAAtB,gBACE,6BAAC,6CAAD;MAAW,SAAS,EAAEjB,cAAA,CAAMkB,KAA5B;MAAmC,MAAM,EAAE,EAA3C;MAA+C,MAAM,EAAE;IAAvD,EADF,CAFF,CADyB,GAOvB,IAPJ;IASA,MAAMC,aAAa,GACjBxB,UAAU,IAAIe,SAAd,IAA2BL,UAA3B,gBACE;MAAK,SAAS,EAAEL,cAAA,CAAMmB;IAAtB,GACGtB,OAAO,GAAGa,SAAH,GAAe,IADzB,EAEGd,WAAW,GAAGO,YAAH,GAAkB,IAFhC,EAGG,CAACP,WAAD,IAAgBD,UAAhB,GAA6BI,QAA7B,GAAwC,IAH3C,eAIE;MAAK,SAAS,EAAEC,cAAA,CAAMoB;IAAtB,GAA8Bf,UAA9B,CAJF,CADF,GAOI,IARN;IAUA,oBACE;MAAK,GAAG,EAAEb,KAAV;MAAiB,SAAS,EAAEQ,cAAA,CAAMqB;IAAlC,gBACE;MAAO,IAAI,EAAC,UAAZ;MAAuB,EAAE,EAAEvB,cAA3B;MAA2C,SAAS,EAAEE,cAAA,CAAMsB,MAA5D;MAAoE,cAAc;IAAlF,EADF,eAEE;MAAO,OAAO,EAAExB;IAAhB,GAAiCc,QAAjC,CAFF,EAGGO,aAHH,CADF;EAOD,CAzEmB,EAyEjBlC,OAzEiB,CAApB;;EA2EA,OAAO,CAAC,uBAAQA,OAAR,CAAD,gBACL;IAAK,aAAU,mBAAf;IAAmC,SAAS,EAAEe,cAAA,CAAMuB;EAApD,gBACE,6BAAC,uBAAD;IAAgB,KAAK,EAAErC;EAAvB,GAAqCE,WAArC,CADF,CADK,GAIH,IAJJ;AAKD,CAvFD;;AAyFAT,kBAAkB,CAAC6C,YAAnB,GAAkC;EAChC1C,SAAS,EAAE2C,iBAAA,CAASC,iBAAT,CAA2B5C,SADN;EAEhCC,IAAI,EAAE0C,iBAAA,CAASC,iBAAT,CAA2B3C;AAFD,CAAlC;AAKAJ,kBAAkB,CAACgD,SAAnB,2CAA+B;EAC7B1C,OAAO,EAAE2C,kBAAA,CAAUC,OAAV,CACPD,kBAAA,CAAUE,KAAV,CAAgB;IACdC,IAAI,EAAEH,kBAAA,CAAUI,MADF;IAEdC,IAAI,EAAEL,kBAAA,CAAUI,MAFF;IAGdlB,IAAI,EAAEc,kBAAA,CAAUE,KAAV,CAAgB;MACpBf,GAAG,EAAEa,kBAAA,CAAUI,MADK;MAEpBC,IAAI,EAAEL,kBAAA,CAAUI,MAFI;MAGpBhB,GAAG,EAAEY,kBAAA,CAAUI;IAHK,CAAhB,CAHQ;IAQdvC,WAAW,EAAEmC,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBI,mBAAA,CAAWP,SAA3B,CAAlB;EARC,CAAhB,CADO,CADoB;EAa7B3C,WAAW,EAAE4C,kBAAA,CAAUI;AAbM,CAA/B;eAgBerD,kB"}

package/lib/molecule/discipline-scope/index.js

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _scopeTabs = _interopRequireDefault(require("../scope-tabs"));
+
 var _scopeContent = _interopRequireDefault(require("../scope-content"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const DisciplineScope = props => {
   const {
     onClick,
@@ -24,6 +30,7 @@ const DisciplineScope = props => {
     content: content
   }));
 };
+
 DisciplineScope.propTypes = process.env.NODE_ENV !== "production" ? {
   levels: _scopeTabs.default.propTypes.levels,
   selected: _scopeTabs.default.propTypes.selected,

package/lib/molecule/discipline-scope/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DisciplineScope","props","onClick","selected","content","levels","style","scope","propTypes","ScopeTabs","ScopeContent"],"sources":["../../../src/molecule/discipline-scope/index.js"],"sourcesContent":["import React from 'react';\nimport ScopeTabs from '../scope-tabs';\nimport ScopeContent from '../scope-content';\nimport style from './style.css';\n\nconst DisciplineScope = props => {\n  const {onClick, selected = 0, content = {}, levels = []} = props;\n\n  return (\n    <div className={style.scope}>\n      <ScopeTabs onClick={onClick} selected={selected} levels={levels} />\n      <ScopeContent content={content} />\n    </div>\n  );\n};\n\nDisciplineScope.propTypes = {\n  levels: ScopeTabs.propTypes.levels,\n  selected: ScopeTabs.propTypes.selected,\n  onClick: ScopeTabs.propTypes.onClick,\n  content: ScopeContent.propTypes.content\n};\n\nexport default DisciplineScope;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,OAAO;IAAEC,QAAQ,GAAG,CAAC;IAAEC,OAAO,GAAG,CAAC,CAAC;IAAEC,MAAM,GAAG;EAAE,CAAC,GAAGJ,KAAK;EAEhE,oBACE;IAAK,SAAS,EAAEK,cAAK,CAACC;EAAM,gBAC1B,6BAAC,kBAAS;IAAC,OAAO,EAAEL,OAAQ;IAAC,QAAQ,EAAEC,QAAS;IAAC,MAAM,EAAEE;EAAO,EAAG,eACnE,6BAAC,qBAAY;IAAC,OAAO,EAAED;EAAQ,EAAG,CAC9B;AAEV,CAAC;AAEDJ,eAAe,CAACQ,SAAS,2CAAG;EAC1BH,MAAM,EAAEI,kBAAS,CAACD,SAAS,CAACH,MAAM;EAClCF,QAAQ,EAAEM,kBAAS,CAACD,SAAS,CAACL,QAAQ;EACtCD,OAAO,EAAEO,kBAAS,CAACD,SAAS,CAACN,OAAO;EACpCE,OAAO,EAAEM,qBAAY,CAACF,SAAS,CAACJ;AAClC,CAAC;AAAC,eAEaJ,eAAe;AAAA"}
+{"version":3,"file":"index.js","names":["DisciplineScope","props","onClick","selected","content","levels","style","scope","propTypes","ScopeTabs","ScopeContent"],"sources":["../../../src/molecule/discipline-scope/index.js"],"sourcesContent":["import React from 'react';\nimport ScopeTabs from '../scope-tabs';\nimport ScopeContent from '../scope-content';\nimport style from './style.css';\n\nconst DisciplineScope = props => {\n  const {onClick, selected = 0, content = {}, levels = []} = props;\n\n  return (\n    <div className={style.scope}>\n      <ScopeTabs onClick={onClick} selected={selected} levels={levels} />\n      <ScopeContent content={content} />\n    </div>\n  );\n};\n\nDisciplineScope.propTypes = {\n  levels: ScopeTabs.propTypes.levels,\n  selected: ScopeTabs.propTypes.selected,\n  onClick: ScopeTabs.propTypes.onClick,\n  content: ScopeContent.propTypes.content\n};\n\nexport default DisciplineScope;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,OAAD;IAAUC,QAAQ,GAAG,CAArB;IAAwBC,OAAO,GAAG,EAAlC;IAAsCC,MAAM,GAAG;EAA/C,IAAqDJ,KAA3D;EAEA,oBACE;IAAK,SAAS,EAAEK,cAAA,CAAMC;EAAtB,gBACE,6BAAC,kBAAD;IAAW,OAAO,EAAEL,OAApB;IAA6B,QAAQ,EAAEC,QAAvC;IAAiD,MAAM,EAAEE;EAAzD,EADF,eAEE,6BAAC,qBAAD;IAAc,OAAO,EAAED;EAAvB,EAFF,CADF;AAMD,CATD;;AAWAJ,eAAe,CAACQ,SAAhB,2CAA4B;EAC1BH,MAAM,EAAEI,kBAAA,CAAUD,SAAV,CAAoBH,MADF;EAE1BF,QAAQ,EAAEM,kBAAA,CAAUD,SAAV,CAAoBL,QAFJ;EAG1BD,OAAO,EAAEO,kBAAA,CAAUD,SAAV,CAAoBN,OAHH;EAI1BE,OAAO,EAAEM,qBAAA,CAAaF,SAAb,CAAuBJ;AAJN,CAA5B;eAOeJ,e"}

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

@@ -2,22 +2,39 @@
 
 exports.__esModule = true;
 exports.default = exports.DragAndDrop = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _includes = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _reactDropzone = _interopRequireDefault(require("react-dropzone"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _inputText = _interopRequireDefault(require("../../atom/input-text"));
+
 var _overlay = require("./overlay");
+
 var _uploadReport = require("./upload-report");
+
 var _placeholder = require("./placeholder");
+
 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; }
+
 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 DragAndDrop = (props, context) => {
   const {
     skin
@@ -78,6 +95,7 @@ const DragAndDrop = (props, context) => {
           primaryColor: primaryColor
         });
       }
+
       return /*#__PURE__*/_react.default.createElement(_placeholder.PlaceHolder, {
         title: title,
         buttonTitle: buttonTitle,
@@ -86,6 +104,7 @@ const DragAndDrop = (props, context) => {
         onClick: onDrop
       });
     };
+
     const disableFileInput = state === 'success';
     return /*#__PURE__*/_react.default.createElement("div", _extends({}, getRootProps(), {
       className: _style.default.wrapper
@@ -98,6 +117,7 @@ const DragAndDrop = (props, context) => {
     }) : null);
   }));
 };
+
 exports.DragAndDrop = DragAndDrop;
 DragAndDrop.contextTypes = {
   skin: _provider.default.childContextTypes.skin

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

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

package/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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Overlay = ({
   description,
   isLoading,
@@ -23,10 +31,12 @@ const Overlay = ({
     color: iconColor,
     className: _overlay.default.icon
   })), /*#__PURE__*/_react.default.createElement("p", null, description));
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _overlay.default.overlay
   }, isLoading ? /*#__PURE__*/_react.default.createElement(_loader.default, null) : dropOverlay);
 };
+
 exports.Overlay = Overlay;
 var _default = Overlay;
 exports.default = _default;

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":"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"}

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"}