@coorpacademy/components 10.5.3 → 10.5.7-alpha.3

package/es/molecule/course-section/index.js

@@ -17,12 +17,13 @@ const CourseSection = props => {
     'aria-label': {
       title: ariaLabelTitle,
       author: ariaLabelAuthor
-    }
+    },
+    id
   } = props;
   return /*#__PURE__*/React.createElement("div", {
     className: style.container,
     "aria-label": ariaLabelTitle,
-    "data-name": `course-section-${position}`
+    "data-name": `course-section-${id}`
   }, /*#__PURE__*/React.createElement("span", {
     className: style.position
   }, position), /*#__PURE__*/React.createElement("div", {
@@ -54,7 +55,8 @@ CourseSection.propTypes = process.env.NODE_ENV !== "production" ? {
   contentBadge: PropTypes.shape(ContentBadge.propTypes),
   title: PropTypes.string,
   author: PropTypes.string,
-  position: PropTypes.number
+  position: PropTypes.number,
+  id: PropTypes.string
 } : {};
 export default CourseSection;
 //# sourceMappingURL=index.js.map

package/es/molecule/course-section/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/course-section/index.js"],"names":["React","PropTypes","CardImagePreview","ContentBadge","style","CourseSection","props","image","contentBadge","category","label","title","author","position","ariaLabelTitle","ariaLabelAuthor","container","containerImage","containerInfos","containerMainInfos","propTypes","shape","string","number"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,YAAP,MAAyB,0BAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,YAAY,EAAE;AAACC,MAAAA,QAAD;AAAWC,MAAAA;AAAX,KAFV;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,MAJI;AAKJC,IAAAA,QALI;AAMJ,kBAAc;AAACF,MAAAA,KAAK,EAAEG,cAAR;AAAwBF,MAAAA,MAAM,EAAEG;AAAhC;AANV,MAOFT,KAPJ;AAQA,sBACE;AACE,IAAA,SAAS,EAAEF,KAAK,CAACY,SADnB;AAEE,kBAAYF,cAFd;AAGE,iBAAY,kBAAiBD,QAAS;AAHxC,kBAKE;AAAM,IAAA,SAAS,EAAET,KAAK,CAACS;AAAvB,KAAkCA,QAAlC,CALF,eAME;AAAK,IAAA,SAAS,EAAET,KAAK,CAACa;AAAtB,kBACE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAEV;AAAzB,IADF,CANF,eASE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACc;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEd,KAAK,CAACe;AAAtB,kBACE,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEf,KAAK,CAACI,YAA/B;AAA6C,IAAA,QAAQ,EAAEC,QAAvD;AAAiE,IAAA,KAAK,EAAEC;AAAxE,IADF,eAEE;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACO;AAAtB,KAA8BA,KAA9B,CAFF,CADF,eAKE;AAAM,IAAA,SAAS,EAAEP,KAAK,CAACQ,MAAvB;AAA+B,kBAAYG;AAA3C,KACGH,MADH,CALF,CATF,CADF;AAqBD,CA9BD;;AAgCAP,aAAa,CAACe,SAAd,2CAA0B;AACxB,gBAAcnB,SAAS,CAACoB,KAAV,CAAgB;AAC5BV,IAAAA,KAAK,EAAEV,SAAS,CAACqB,MADW;AAE5BV,IAAAA,MAAM,EAAEX,SAAS,CAACqB;AAFU,GAAhB,CADU;AAKxBf,EAAAA,KAAK,EAAEN,SAAS,CAACqB,MALO;AAMxBd,EAAAA,YAAY,EAAEP,SAAS,CAACoB,KAAV,CAAgBlB,YAAY,CAACiB,SAA7B,CANU;AAOxBT,EAAAA,KAAK,EAAEV,SAAS,CAACqB,MAPO;AAQxBV,EAAAA,MAAM,EAAEX,SAAS,CAACqB,MARM;AASxBT,EAAAA,QAAQ,EAAEZ,SAAS,CAACsB;AATI,CAA1B;AAYA,eAAelB,aAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nconst CourseSection = props => {\n  const {\n    image,\n    contentBadge: {category, label},\n    title,\n    author,\n    position,\n    'aria-label': {title: ariaLabelTitle, author: ariaLabelAuthor}\n  } = props;\n  return (\n    <div\n      className={style.container}\n      aria-label={ariaLabelTitle}\n      data-name={`course-section-${position}`}\n    >\n      <span className={style.position}>{position}</span>\n      <div className={style.containerImage}>\n        <CardImagePreview image={image} />\n      </div>\n      <div className={style.containerInfos}>\n        <div className={style.containerMainInfos}>\n          <ContentBadge className={style.contentBadge} category={category} label={label} />\n          <div className={style.title}>{title}</div>\n        </div>\n        <span className={style.author} aria-label={ariaLabelAuthor}>\n          {author}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nCourseSection.propTypes = {\n  'aria-label': PropTypes.shape({\n    title: PropTypes.string,\n    author: PropTypes.string\n  }),\n  image: PropTypes.string,\n  contentBadge: PropTypes.shape(ContentBadge.propTypes),\n  title: PropTypes.string,\n  author: PropTypes.string,\n  position: PropTypes.number\n};\n\nexport default CourseSection;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/course-section/index.js"],"names":["React","PropTypes","CardImagePreview","ContentBadge","style","CourseSection","props","image","contentBadge","category","label","title","author","position","ariaLabelTitle","ariaLabelAuthor","id","container","containerImage","containerInfos","containerMainInfos","propTypes","shape","string","number"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,OAAOC,YAAP,MAAyB,0BAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,YAAY,EAAE;AAACC,MAAAA,QAAD;AAAWC,MAAAA;AAAX,KAFV;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,MAJI;AAKJC,IAAAA,QALI;AAMJ,kBAAc;AAACF,MAAAA,KAAK,EAAEG,cAAR;AAAwBF,MAAAA,MAAM,EAAEG;AAAhC,KANV;AAOJC,IAAAA;AAPI,MAQFV,KARJ;AASA,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACa,SAAtB;AAAiC,kBAAYH,cAA7C;AAA6D,iBAAY,kBAAiBE,EAAG;AAA7F,kBACE;AAAM,IAAA,SAAS,EAAEZ,KAAK,CAACS;AAAvB,KAAkCA,QAAlC,CADF,eAEE;AAAK,IAAA,SAAS,EAAET,KAAK,CAACc;AAAtB,kBACE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAEX;AAAzB,IADF,CAFF,eAKE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACgB;AAAtB,kBACE,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEhB,KAAK,CAACI,YAA/B;AAA6C,IAAA,QAAQ,EAAEC,QAAvD;AAAiE,IAAA,KAAK,EAAEC;AAAxE,IADF,eAEE;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACO;AAAtB,KAA8BA,KAA9B,CAFF,CADF,eAKE;AAAM,IAAA,SAAS,EAAEP,KAAK,CAACQ,MAAvB;AAA+B,kBAAYG;AAA3C,KACGH,MADH,CALF,CALF,CADF;AAiBD,CA3BD;;AA6BAP,aAAa,CAACgB,SAAd,2CAA0B;AACxB,gBAAcpB,SAAS,CAACqB,KAAV,CAAgB;AAC5BX,IAAAA,KAAK,EAAEV,SAAS,CAACsB,MADW;AAE5BX,IAAAA,MAAM,EAAEX,SAAS,CAACsB;AAFU,GAAhB,CADU;AAKxBhB,EAAAA,KAAK,EAAEN,SAAS,CAACsB,MALO;AAMxBf,EAAAA,YAAY,EAAEP,SAAS,CAACqB,KAAV,CAAgBnB,YAAY,CAACkB,SAA7B,CANU;AAOxBV,EAAAA,KAAK,EAAEV,SAAS,CAACsB,MAPO;AAQxBX,EAAAA,MAAM,EAAEX,SAAS,CAACsB,MARM;AASxBV,EAAAA,QAAQ,EAAEZ,SAAS,CAACuB,MATI;AAUxBR,EAAAA,EAAE,EAAEf,SAAS,CAACsB;AAVU,CAA1B;AAaA,eAAelB,aAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CardImagePreview from '../../atom/card-image-preview';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nconst CourseSection = props => {\n  const {\n    image,\n    contentBadge: {category, label},\n    title,\n    author,\n    position,\n    'aria-label': {title: ariaLabelTitle, author: ariaLabelAuthor},\n    id\n  } = props;\n  return (\n    <div className={style.container} aria-label={ariaLabelTitle} data-name={`course-section-${id}`}>\n      <span className={style.position}>{position}</span>\n      <div className={style.containerImage}>\n        <CardImagePreview image={image} />\n      </div>\n      <div className={style.containerInfos}>\n        <div className={style.containerMainInfos}>\n          <ContentBadge className={style.contentBadge} category={category} label={label} />\n          <div className={style.title}>{title}</div>\n        </div>\n        <span className={style.author} aria-label={ariaLabelAuthor}>\n          {author}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nCourseSection.propTypes = {\n  'aria-label': PropTypes.shape({\n    title: PropTypes.string,\n    author: PropTypes.string\n  }),\n  image: PropTypes.string,\n  contentBadge: PropTypes.shape(ContentBadge.propTypes),\n  title: PropTypes.string,\n  author: PropTypes.string,\n  position: PropTypes.number,\n  id: PropTypes.string\n};\n\nexport default CourseSection;\n"],"file":"index.js"}

package/es/molecule/course-section/style.css

@@ -13,6 +13,7 @@
     justify-content: start;
     margin-top: 8px;
     padding: 8px 16px;
+    border-radius: 7px;
 }
 
 .containerInfos {
@@ -50,7 +51,7 @@
     font-family: Gilroy;
     font-weight: 600;
     line-height: 20px;
-    margin: 0 12px 0 14px;
+    margin: 0 12px 0 32px;
 }
 
 .contentBadge {

package/es/molecule/course-section/test/fixtures/chapter.js

@@ -11,7 +11,8 @@ export default {
       label: 'chapter',
       category: 'chapter'
     },
-    position: 2
+    position: 2,
+    id: 'chap_1'
   }
 };
 //# sourceMappingURL=chapter.js.map

package/es/molecule/course-section/test/fixtures/chapter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/chapter.js"],"names":["props","title","author","image","contentBadge","label","category","position"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AACZC,MAAAA,KAAK,EAAE,kBADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KADT;AAKLD,IAAAA,KAAK,EAAE,iBALF;AAMLC,IAAAA,MAAM,EAAE,QANH;AAOLC,IAAAA,KAAK,EACH,4LARG;AASLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,SADK;AAEZC,MAAAA,QAAQ,EAAE;AAFE,KATT;AAaLC,IAAAA,QAAQ,EAAE;AAbL;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': {\n      title: 'aria label title',\n      author: 'aria label author'\n    },\n    title: 'Social networks',\n    author: 'Author',\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    contentBadge: {\n      label: 'chapter',\n      category: 'chapter'\n    },\n    position: 2\n  }\n};\n"],"file":"chapter.js"}
+{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/chapter.js"],"names":["props","title","author","image","contentBadge","label","category","position","id"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AACZC,MAAAA,KAAK,EAAE,kBADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KADT;AAKLD,IAAAA,KAAK,EAAE,iBALF;AAMLC,IAAAA,MAAM,EAAE,QANH;AAOLC,IAAAA,KAAK,EACH,4LARG;AASLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,SADK;AAEZC,MAAAA,QAAQ,EAAE;AAFE,KATT;AAaLC,IAAAA,QAAQ,EAAE,CAbL;AAcLC,IAAAA,EAAE,EAAE;AAdC;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': {\n      title: 'aria label title',\n      author: 'aria label author'\n    },\n    title: 'Social networks',\n    author: 'Author',\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    contentBadge: {\n      label: 'chapter',\n      category: 'chapter'\n    },\n    position: 2,\n    id: 'chap_1'\n  }\n};\n"],"file":"chapter.js"}

package/es/molecule/course-section/test/fixtures/course.js

@@ -11,7 +11,8 @@ export default {
       label: 'course',
       category: 'course'
     },
-    position: 1
+    position: 1,
+    id: 'disc_1'
   }
 };
 //# sourceMappingURL=course.js.map

package/es/molecule/course-section/test/fixtures/course.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/course.js"],"names":["props","title","author","image","contentBadge","label","category","position"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AACZC,MAAAA,KAAK,EAAE,kBADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KADT;AAKLD,IAAAA,KAAK,EACH,qIANG;AAOLC,IAAAA,MAAM,EAAE,QAPH;AAQLC,IAAAA,KAAK,EACH,4LATG;AAULC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,QADK;AAEZC,MAAAA,QAAQ,EAAE;AAFE,KAVT;AAcLC,IAAAA,QAAQ,EAAE;AAdL;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': {\n      title: 'aria label title',\n      author: 'aria label author'\n    },\n    title:\n      'Marketing and online advertising Marketing and online advertising Marketing and online advertising Marketing and online advertising',\n    author: 'Author',\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    contentBadge: {\n      label: 'course',\n      category: 'course'\n    },\n    position: 1\n  }\n};\n"],"file":"course.js"}
+{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/course.js"],"names":["props","title","author","image","contentBadge","label","category","position","id"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AACZC,MAAAA,KAAK,EAAE,kBADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KADT;AAKLD,IAAAA,KAAK,EACH,qIANG;AAOLC,IAAAA,MAAM,EAAE,QAPH;AAQLC,IAAAA,KAAK,EACH,4LATG;AAULC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,QADK;AAEZC,MAAAA,QAAQ,EAAE;AAFE,KAVT;AAcLC,IAAAA,QAAQ,EAAE,CAdL;AAeLC,IAAAA,EAAE,EAAE;AAfC;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    'aria-label': {\n      title: 'aria label title',\n      author: 'aria label author'\n    },\n    title:\n      'Marketing and online advertising Marketing and online advertising Marketing and online advertising Marketing and online advertising',\n    author: 'Author',\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    contentBadge: {\n      label: 'course',\n      category: 'course'\n    },\n    position: 1,\n    id: 'disc_1'\n  }\n};\n"],"file":"course.js"}

package/es/molecule/course-section/test/fixtures.js

@@ -0,0 +1,15 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeCourseSection from '..';
+import fixtureChapter from './fixtures/chapter';
+import fixtureCourse from './fixtures/course';
+test('Molecule › MoleculeCourseSection > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeCourseSection.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeCourseSection.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeCourseSection › Chapter › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureChapter);
+test('Molecule › MoleculeCourseSection › Course › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureCourse);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/course-section/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/course-section/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeCourseSection","fixtureChapter","fixtureCourse","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,qBAAP,MAAkC,IAAlC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AAEAL,IAAI,CAAC,gEAAD,EAAmEM,CAAC,IAAI;AAC1EA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,qBAAqB,CAACK,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0DAAyDF,GAAI,mEAAtF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,qBAA1F,EAAiHC,cAAjH,CAAJ;AACAJ,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,qBAAzF,EAAgHE,aAAhH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCourseSection from '..';\nimport fixtureChapter from './fixtures/chapter';\nimport fixtureCourse from './fixtures/course';\n\ntest('Molecule › MoleculeCourseSection > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCourseSection.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCourseSection.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCourseSection › Chapter › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureChapter);\ntest('Molecule › MoleculeCourseSection › Course › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureCourse);\n"],"file":"fixtures.js"}

package/es/molecule/course-sections/index.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import CourseSection from '../course-section';
+import DraggableList from '../draggable-list';
+import Loader from '../../atom/loader';
+import Title from '../../atom/title';
+import style from './style.css';
+
+const Loading = () => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Loader, {
+  theme: "coorpmanager"
+}));
+
+const CourseSections = ({
+  sections,
+  onDrop,
+  isLoading,
+  title
+}) => {
+  if (isLoading) return /*#__PURE__*/React.createElement(Loading, null);
+  return /*#__PURE__*/React.createElement("div", null, title ? /*#__PURE__*/React.createElement("div", {
+    className: style.title
+  }, /*#__PURE__*/React.createElement(Title, {
+    title: title,
+    type: 'form-group',
+    "data-name": 'course-sections-title'
+  })) : null, /*#__PURE__*/React.createElement(DraggableList, {
+    itemType: "course-section",
+    items: sections,
+    onDrop: onDrop
+  }));
+};
+
+CourseSections.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: PropTypes.string,
+  sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),
+  onDrop: PropTypes.func,
+  isLoading: PropTypes.bool
+} : {};
+export default CourseSections;
+//# sourceMappingURL=index.js.map

package/es/molecule/course-sections/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/course-sections/index.js"],"names":["React","PropTypes","CourseSection","DraggableList","Loader","Title","style","Loading","CourseSections","sections","onDrop","isLoading","title","propTypes","string","arrayOf","shape","func","bool"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAG,mBACd,8CACE,oBAAC,MAAD;AAAQ,EAAA,KAAK,EAAC;AAAd,EADF,CADF;;AAMA,MAAMC,cAAc,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA,MAAX;AAAmBC,EAAAA,SAAnB;AAA8BC,EAAAA;AAA9B,CAAD,KAA0C;AAC/D,MAAID,SAAJ,EAAe,oBAAO,oBAAC,OAAD,OAAP;AAEf,sBACE,iCACGC,KAAK,gBACJ;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACM;AAAtB,kBACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAEA,KAAd;AAAqB,IAAA,IAAI,EAAE,YAA3B;AAAyC,iBAAW;AAApD,IADF,CADI,GAIF,IALN,eAME,oBAAC,aAAD;AAAe,IAAA,QAAQ,EAAC,gBAAxB;AAAyC,IAAA,KAAK,EAAEH,QAAhD;AAA0D,IAAA,MAAM,EAAEC;AAAlE,IANF,CADF;AAUD,CAbD;;AAeAF,cAAc,CAACK,SAAf,2CAA2B;AACzBD,EAAAA,KAAK,EAAEX,SAAS,CAACa,MADQ;AAEzBL,EAAAA,QAAQ,EAAER,SAAS,CAACc,OAAV,CAAkBd,SAAS,CAACe,KAAV,CAAgBd,aAAa,CAACW,SAA9B,CAAlB,CAFe;AAGzBH,EAAAA,MAAM,EAAET,SAAS,CAACgB,IAHO;AAIzBN,EAAAA,SAAS,EAAEV,SAAS,CAACiB;AAJI,CAA3B;AAOA,eAAeV,cAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CourseSection from '../course-section';\nimport DraggableList from '../draggable-list';\nimport Loader from '../../atom/loader';\nimport Title from '../../atom/title';\nimport style from './style.css';\n\nconst Loading = () => (\n  <div>\n    <Loader theme=\"coorpmanager\" />\n  </div>\n);\n\nconst CourseSections = ({sections, onDrop, isLoading, title}) => {\n  if (isLoading) return <Loading />;\n\n  return (\n    <div>\n      {title ? (\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'course-sections-title'} />\n        </div>\n      ) : null}\n      <DraggableList itemType=\"course-section\" items={sections} onDrop={onDrop} />\n    </div>\n  );\n};\n\nCourseSections.propTypes = {\n  title: PropTypes.string,\n  sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),\n  onDrop: PropTypes.func,\n  isLoading: PropTypes.bool\n};\n\nexport default CourseSections;\n"],"file":"index.js"}

package/es/molecule/course-sections/style.css

@@ -0,0 +1,3 @@
+.title {
+    margin-bottom: 16px;
+}

package/es/molecule/course-sections/test/fixtures/default.js

@@ -0,0 +1,149 @@
+export default {
+  props: {
+    sections: [{
+      'aria-label': {
+        title: 'aria label title',
+        author: 'aria label author'
+      },
+      title: 'Marketing and online advertising Marketing and online advertising Marketing and online advertising Marketing and online advertising',
+      author: 'Author',
+      image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
+      contentBadge: {
+        label: 'course',
+        category: 'course'
+      },
+      position: 1,
+      id: 'disc_1'
+    }, {
+      'aria-label': {
+        title: 'aria label title',
+        author: 'aria label author'
+      },
+      title: 'Social networks',
+      author: 'Author',
+      image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
+      contentBadge: {
+        label: "5' learning",
+        category: 'chapter'
+      },
+      position: 2,
+      id: 'chap_1'
+    }, {
+      'aria-label': {
+        title: 'aria label title',
+        author: 'aria label author'
+      },
+      title: 'Other title',
+      author: 'Author 2',
+      image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
+      contentBadge: {
+        label: 'course',
+        category: 'course'
+      },
+      position: 3,
+      id: 'disc_2'
+    }, {
+      'aria-label': {
+        title: 'aria label title',
+        author: 'aria label author'
+      },
+      title: 'Social others',
+      author: 'Author XXX',
+      image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
+      contentBadge: {
+        label: "5' learning",
+        category: 'chapter'
+      },
+      position: 4,
+      id: 'chap_2'
+    }, {
+      'aria-label': {
+        title: 'aria label title',
+        author: 'aria label author'
+      },
+      title: 'Social others others',
+      author: 'Author XXX',
+      image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
+      contentBadge: {
+        label: "5' learning",
+        category: 'chapter'
+      },
+      position: 5,
+      id: 'chap_3'
+    }, {
+      'aria-label': {
+        title: 'aria label title',
+        author: 'aria label author'
+      },
+      title: 'Something about empowerment',
+      author: 'Author XXX',
+      image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
+      contentBadge: {
+        label: 'course',
+        category: 'course'
+      },
+      position: 6,
+      id: 'disc_3'
+    }, {
+      'aria-label': {
+        title: 'aria label title',
+        author: 'aria label author'
+      },
+      title: 'Be a better human being',
+      author: 'Author XXX',
+      image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
+      contentBadge: {
+        label: "5' learning",
+        category: 'chapter'
+      },
+      position: 7,
+      id: 'chap_4'
+    }, {
+      'aria-label': {
+        title: 'aria label title',
+        author: 'aria label author'
+      },
+      title: 'Stronger faster better',
+      author: 'Author XXX',
+      image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
+      contentBadge: {
+        label: 'course',
+        category: 'course'
+      },
+      position: 8,
+      id: 'disc_4'
+    }, {
+      'aria-label': {
+        title: 'aria label title',
+        author: 'aria label author'
+      },
+      title: 'Relativity beyond time',
+      author: 'Author XXX',
+      image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
+      contentBadge: {
+        label: 'course',
+        category: 'course'
+      },
+      position: 9,
+      id: 'disc_5'
+    }, {
+      'aria-label': {
+        title: 'aria label title',
+        author: 'aria label author'
+      },
+      title: 'Are you awake?',
+      author: 'Author XXX',
+      image: 'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',
+      contentBadge: {
+        label: "5' learning",
+        category: 'chapter'
+      },
+      position: 10,
+      id: 'chap_5'
+    }],
+    isLoading: false,
+    onDrop: () => console.log('on drop'),
+    title: 'Organize courses'
+  }
+};
+//# sourceMappingURL=default.js.map

package/es/molecule/course-sections/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/course-sections/test/fixtures/default.js"],"names":["props","sections","title","author","image","contentBadge","label","category","position","id","isLoading","onDrop","console","log"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    sections: [\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title:\n          'Marketing and online advertising Marketing and online advertising Marketing and online advertising Marketing and online advertising',\n        author: 'Author',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: 'course',\n          category: 'course'\n        },\n        position: 1,\n        id: 'disc_1'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Social networks',\n        author: 'Author',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: \"5' learning\",\n          category: 'chapter'\n        },\n        position: 2,\n        id: 'chap_1'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Other title',\n        author: 'Author 2',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: 'course',\n          category: 'course'\n        },\n        position: 3,\n        id: 'disc_2'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Social others',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: \"5' learning\",\n          category: 'chapter'\n        },\n        position: 4,\n        id: 'chap_2'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Social others others',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: \"5' learning\",\n          category: 'chapter'\n        },\n        position: 5,\n        id: 'chap_3'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Something about empowerment',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: 'course',\n          category: 'course'\n        },\n        position: 6,\n        id: 'disc_3'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Be a better human being',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: \"5' learning\",\n          category: 'chapter'\n        },\n        position: 7,\n        id: 'chap_4'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Stronger faster better',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: 'course',\n          category: 'course'\n        },\n        position: 8,\n        id: 'disc_4'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Relativity beyond time',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: 'course',\n          category: 'course'\n        },\n        position: 9,\n        id: 'disc_5'\n      },\n      {\n        'aria-label': {\n          title: 'aria label title',\n          author: 'aria label author'\n        },\n        title: 'Are you awake?',\n        author: 'Author XXX',\n        image:\n          'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n        contentBadge: {\n          label: \"5' learning\",\n          category: 'chapter'\n        },\n        position: 10,\n        id: 'chap_5'\n      }\n    ],\n    isLoading: false,\n    onDrop: () => console.log('on drop'),\n    title: 'Organize courses'\n  }\n};\n"],"file":"default.js"}

package/es/molecule/course-sections/test/fixtures/loading.js

@@ -0,0 +1,9 @@
+export default {
+  props: {
+    sections: [],
+    isLoading: true,
+    onDrop: () => console.log('on drop'),
+    title: ''
+  }
+};
+//# sourceMappingURL=loading.js.map

package/es/molecule/course-sections/test/fixtures/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/course-sections/test/fixtures/loading.js"],"names":["props","sections","isLoading","onDrop","console","log","title"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,EADL;AAELC,IAAAA,SAAS,EAAE,IAFN;AAGLC,IAAAA,MAAM,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,SAAZ,CAHT;AAILC,IAAAA,KAAK,EAAE;AAJF;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    sections: [],\n    isLoading: true,\n    onDrop: () => console.log('on drop'),\n    title: ''\n  }\n};\n"],"file":"loading.js"}

package/es/molecule/draggable/index.js

@@ -34,7 +34,7 @@ const Draggable = props => {
     onDrop(id);
   }, [id, onDrop]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames(dragging ? style.dragging : null, style.section, style.draggable),
+    className: classnames(dragging ? style.dragging : null, style.draggable),
     onDragStart: dragStartHandler,
     onDragOver: dragOverHandler,
     onDragLeave: dragLeaveHandler,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/draggable/index.js"],"names":["React","useCallback","PropTypes","classnames","style","preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","dragOverHandler","dragLeaveHandler","dropHandler","section","draggable","propTypes","string","bool","func","element"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,CAAC,IAAIA,CAAC,CAACD,cAAF,EAA5B;;AACA,MAAME,eAAe,GAAGD,CAAC,IAAIA,CAAC,CAACC,eAAF,EAA7B;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA,EAAD;AAAKC,IAAAA,QAAQ,GAAG,KAAhB;AAAuBC,IAAAA,WAAvB;AAAoCC,IAAAA,UAApC;AAAgDC,IAAAA,WAAhD;AAA6DC,IAAAA,MAA7D;AAAqEC,IAAAA;AAArE,MAAiFP,KAAvF;AAEA,QAAMQ,gBAAgB,GAAGhB,WAAW,CAClCK,CAAC,IAAI;AACHC,IAAAA,eAAe,CAACD,CAAD,CAAf;AACAM,IAAAA,WAAW,CAACF,EAAD,CAAX;AACD,GAJiC,EAKlC,CAACA,EAAD,EAAKE,WAAL,CALkC,CAApC;AAOA,QAAMM,eAAe,GAAGjB,WAAW,CACjCK,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAO,IAAAA,UAAU,CAACH,EAAD,CAAV;AACD,GAJgC,EAKjC,CAACA,EAAD,EAAKG,UAAL,CALiC,CAAnC;AAOA,QAAMM,gBAAgB,GAAGlB,WAAW,CAClCK,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAQ,IAAAA,WAAW,CAACJ,EAAD,CAAX;AACD,GAJiC,EAKlC,CAACA,EAAD,EAAKI,WAAL,CALkC,CAApC;AAOA,QAAMM,WAAW,GAAGnB,WAAW,CAC7BK,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAS,IAAAA,MAAM,CAACL,EAAD,CAAN;AACD,GAJ4B,EAK7B,CAACA,EAAD,EAAKK,MAAL,CAL6B,CAA/B;AAQA,sBACE;AACE,IAAA,SAAS,EAAEZ,UAAU,CAACQ,QAAQ,GAAGP,KAAK,CAACO,QAAT,GAAoB,IAA7B,EAAmCP,KAAK,CAACiB,OAAzC,EAAkDjB,KAAK,CAACkB,SAAxD,CADvB;AAEE,IAAA,WAAW,EAAEL,gBAFf;AAGE,IAAA,UAAU,EAAEC,eAHd;AAIE,IAAA,WAAW,EAAEC,gBAJf;AAKE,IAAA,MAAM,EAAEC,WALV;AAME,IAAA,SAAS;AANX,KAQGJ,QARH,CADF;AAYD,CA5CD;;AA6CAR,SAAS,CAACe,SAAV,2CAAsB;AACpBb,EAAAA,EAAE,EAAER,SAAS,CAACsB,MADM;AAEpBb,EAAAA,QAAQ,EAAET,SAAS,CAACuB,IAFA;AAGpBb,EAAAA,WAAW,EAAEV,SAAS,CAACwB,IAHH;AAIpBb,EAAAA,UAAU,EAAEX,SAAS,CAACwB,IAJF;AAKpBZ,EAAAA,WAAW,EAAEZ,SAAS,CAACwB,IALH;AAMpBX,EAAAA,MAAM,EAAEb,SAAS,CAACwB,IANE;AAOpBV,EAAAA,QAAQ,EAAEd,SAAS,CAACyB;AAPA,CAAtB;AAUA,eAAenB,SAAf","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.section, 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"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/draggable/index.js"],"names":["React","useCallback","PropTypes","classnames","style","preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","dragOverHandler","dragLeaveHandler","dropHandler","draggable","propTypes","string","bool","func","element"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,CAAC,IAAIA,CAAC,CAACD,cAAF,EAA5B;;AACA,MAAME,eAAe,GAAGD,CAAC,IAAIA,CAAC,CAACC,eAAF,EAA7B;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA,EAAD;AAAKC,IAAAA,QAAQ,GAAG,KAAhB;AAAuBC,IAAAA,WAAvB;AAAoCC,IAAAA,UAApC;AAAgDC,IAAAA,WAAhD;AAA6DC,IAAAA,MAA7D;AAAqEC,IAAAA;AAArE,MAAiFP,KAAvF;AAEA,QAAMQ,gBAAgB,GAAGhB,WAAW,CAClCK,CAAC,IAAI;AACHC,IAAAA,eAAe,CAACD,CAAD,CAAf;AACAM,IAAAA,WAAW,CAACF,EAAD,CAAX;AACD,GAJiC,EAKlC,CAACA,EAAD,EAAKE,WAAL,CALkC,CAApC;AAOA,QAAMM,eAAe,GAAGjB,WAAW,CACjCK,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAO,IAAAA,UAAU,CAACH,EAAD,CAAV;AACD,GAJgC,EAKjC,CAACA,EAAD,EAAKG,UAAL,CALiC,CAAnC;AAOA,QAAMM,gBAAgB,GAAGlB,WAAW,CAClCK,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAQ,IAAAA,WAAW,CAACJ,EAAD,CAAX;AACD,GAJiC,EAKlC,CAACA,EAAD,EAAKI,WAAL,CALkC,CAApC;AAOA,QAAMM,WAAW,GAAGnB,WAAW,CAC7BK,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAS,IAAAA,MAAM,CAACL,EAAD,CAAN;AACD,GAJ4B,EAK7B,CAACA,EAAD,EAAKK,MAAL,CAL6B,CAA/B;AAQA,sBACE;AACE,IAAA,SAAS,EAAEZ,UAAU,CAACQ,QAAQ,GAAGP,KAAK,CAACO,QAAT,GAAoB,IAA7B,EAAmCP,KAAK,CAACiB,SAAzC,CADvB;AAEE,IAAA,WAAW,EAAEJ,gBAFf;AAGE,IAAA,UAAU,EAAEC,eAHd;AAIE,IAAA,WAAW,EAAEC,gBAJf;AAKE,IAAA,MAAM,EAAEC,WALV;AAME,IAAA,SAAS;AANX,KAQGJ,QARH,CADF;AAYD,CA5CD;;AA6CAR,SAAS,CAACc,SAAV,2CAAsB;AACpBZ,EAAAA,EAAE,EAAER,SAAS,CAACqB,MADM;AAEpBZ,EAAAA,QAAQ,EAAET,SAAS,CAACsB,IAFA;AAGpBZ,EAAAA,WAAW,EAAEV,SAAS,CAACuB,IAHH;AAIpBZ,EAAAA,UAAU,EAAEX,SAAS,CAACuB,IAJF;AAKpBX,EAAAA,WAAW,EAAEZ,SAAS,CAACuB,IALH;AAMpBV,EAAAA,MAAM,EAAEb,SAAS,CAACuB,IANE;AAOpBT,EAAAA,QAAQ,EAAEd,SAAS,CAACwB;AAPA,CAAtB;AAUA,eAAelB,SAAf","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"],"file":"index.js"}

package/es/molecule/draggable/style.css

@@ -4,24 +4,9 @@
 @value medium from colors;
 @value xtraLightGrey from colors;
 @value dark from colors;
-@value cm_grey_100 from colors
+@value cm_grey_100 from colors;
 
 
-.section {
-  border-top: 1px;
-  border-left: 1px;
-  border-right: 1px;
-  border-style: solid;
-  border-color: medium;
-  border-bottom: 0;
-  display: flex;
-  justify-content: center;
-}
-
-.section:last-child {
-  border-bottom: 1px solid medium;
-}
-
 .draggable {
   cursor: grab;
   position: relative;
@@ -68,6 +53,7 @@
   font-family: 'Open Sans';
   font-weight: 600;
   font-size: 14px;
+  border-radius: 7px;
 }
 
 @media mobile {

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

@@ -0,0 +1,56 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { useState, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import Draggable from '../draggable';
+import SetupSection from '../setup-section';
+import CourseSection from '../course-section';
+const ITEMS = {
+  'setup-section': SetupSection,
+  'course-section': CourseSection
+};
+
+const DraggableList = ({
+  items,
+  onDrop,
+  itemType
+}) => {
+  const [dragTo, setDragTo] = useState(null);
+  const [dragFrom, setDragFrom] = useState(null);
+  const dragStartHandler = useCallback(id => {
+    setDragFrom(id);
+  }, [setDragFrom]);
+  const dragOverHandler = useCallback(id => {
+    if (dragTo === id) return;
+    setDragTo(id);
+  }, [dragTo, setDragTo]);
+  const dragLeaveHandler = useCallback(id => {
+    setDragTo(null);
+  }, [setDragTo]);
+  const dropHandler = useCallback(id => {
+    if (onDrop && dragFrom) onDrop(dragFrom, id);
+    setDragTo(null);
+    setDragFrom(null);
+  }, [onDrop, setDragTo, setDragFrom, dragFrom]);
+  const Item = ITEMS[itemType];
+  const itemsView = items.map(item => /*#__PURE__*/React.createElement(Draggable, {
+    key: item.id,
+    id: item.id,
+    dragging: dragTo === item.id,
+    onDragStart: dragStartHandler,
+    onDragOver: dragOverHandler,
+    onDragLeave: dragLeaveHandler,
+    onDrop: dropHandler
+  }, /*#__PURE__*/React.createElement(Item, _extends({}, item, {
+    key: item.id
+  }))));
+  return /*#__PURE__*/React.createElement("div", null, itemsView);
+};
+
+DraggableList.propTypes = process.env.NODE_ENV !== "production" ? {
+  items: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),
+  onDrop: PropTypes.func,
+  itemType: PropTypes.string
+} : {};
+export default DraggableList;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/draggable-list/index.js"],"names":["React","useState","useCallback","PropTypes","Draggable","SetupSection","CourseSection","ITEMS","DraggableList","items","onDrop","itemType","dragTo","setDragTo","dragFrom","setDragFrom","dragStartHandler","id","dragOverHandler","dragLeaveHandler","dropHandler","Item","itemsView","map","item","propTypes","arrayOf","shape","func","string"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AAEA,MAAMC,KAAK,GAAG;AAAC,mBAAiBF,YAAlB;AAAgC,oBAAkBC;AAAlD,CAAd;;AAEA,MAAME,aAAa,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQC,EAAAA,MAAR;AAAgBC,EAAAA;AAAhB,CAAD,KAA+B;AACnD,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBZ,QAAQ,CAAC,IAAD,CAApC;AACA,QAAM,CAACa,QAAD,EAAWC,WAAX,IAA0Bd,QAAQ,CAAC,IAAD,CAAxC;AAEA,QAAMe,gBAAgB,GAAGd,WAAW,CAClCe,EAAE,IAAI;AACJF,IAAAA,WAAW,CAACE,EAAD,CAAX;AACD,GAHiC,EAIlC,CAACF,WAAD,CAJkC,CAApC;AAOA,QAAMG,eAAe,GAAGhB,WAAW,CACjCe,EAAE,IAAI;AACJ,QAAIL,MAAM,KAAKK,EAAf,EAAmB;AACnBJ,IAAAA,SAAS,CAACI,EAAD,CAAT;AACD,GAJgC,EAKjC,CAACL,MAAD,EAASC,SAAT,CALiC,CAAnC;AAQA,QAAMM,gBAAgB,GAAGjB,WAAW,CAClCe,EAAE,IAAI;AACJJ,IAAAA,SAAS,CAAC,IAAD,CAAT;AACD,GAHiC,EAIlC,CAACA,SAAD,CAJkC,CAApC;AAOA,QAAMO,WAAW,GAAGlB,WAAW,CAC7Be,EAAE,IAAI;AACJ,QAAIP,MAAM,IAAII,QAAd,EAAwBJ,MAAM,CAACI,QAAD,EAAWG,EAAX,CAAN;AAExBJ,IAAAA,SAAS,CAAC,IAAD,CAAT;AACAE,IAAAA,WAAW,CAAC,IAAD,CAAX;AACD,GAN4B,EAO7B,CAACL,MAAD,EAASG,SAAT,EAAoBE,WAApB,EAAiCD,QAAjC,CAP6B,CAA/B;AAUA,QAAMO,IAAI,GAAGd,KAAK,CAACI,QAAD,CAAlB;AACA,QAAMW,SAAS,GAAGb,KAAK,CAACc,GAAN,CAAUC,IAAI,iBAC9B,oBAAC,SAAD;AACE,IAAA,GAAG,EAAEA,IAAI,CAACP,EADZ;AAEE,IAAA,EAAE,EAAEO,IAAI,CAACP,EAFX;AAGE,IAAA,QAAQ,EAAEL,MAAM,KAAKY,IAAI,CAACP,EAH5B;AAIE,IAAA,WAAW,EAAED,gBAJf;AAKE,IAAA,UAAU,EAAEE,eALd;AAME,IAAA,WAAW,EAAEC,gBANf;AAOE,IAAA,MAAM,EAAEC;AAPV,kBASE,oBAAC,IAAD,eAAUI,IAAV;AAAgB,IAAA,GAAG,EAAEA,IAAI,CAACP;AAA1B,KATF,CADgB,CAAlB;AAaA,sBAAO,iCAAMK,SAAN,CAAP;AACD,CAnDD;;AAqDAd,aAAa,CAACiB,SAAd,2CAA0B;AACxBhB,EAAAA,KAAK,EAAEN,SAAS,CAACuB,OAAV,CAAkBvB,SAAS,CAACwB,KAAV,CAAgBtB,YAAY,CAACoB,SAA7B,CAAlB,CADiB;AAExBf,EAAAA,MAAM,EAAEP,SAAS,CAACyB,IAFM;AAGxBjB,EAAAA,QAAQ,EAAER,SAAS,CAAC0B;AAHI,CAA1B;AAMA,eAAerB,aAAf","sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Draggable from '../draggable';\nimport SetupSection from '../setup-section';\nimport CourseSection from '../course-section';\n\nconst ITEMS = {'setup-section': SetupSection, 'course-section': CourseSection};\n\nconst DraggableList = ({items, onDrop, itemType}) => {\n  const [dragTo, setDragTo] = useState(null);\n  const [dragFrom, setDragFrom] = useState(null);\n\n  const dragStartHandler = useCallback(\n    id => {\n      setDragFrom(id);\n    },\n    [setDragFrom]\n  );\n\n  const dragOverHandler = useCallback(\n    id => {\n      if (dragTo === id) return;\n      setDragTo(id);\n    },\n    [dragTo, setDragTo]\n  );\n\n  const dragLeaveHandler = useCallback(\n    id => {\n      setDragTo(null);\n    },\n    [setDragTo]\n  );\n\n  const dropHandler = useCallback(\n    id => {\n      if (onDrop && dragFrom) onDrop(dragFrom, id);\n\n      setDragTo(null);\n      setDragFrom(null);\n    },\n    [onDrop, setDragTo, setDragFrom, dragFrom]\n  );\n\n  const Item = ITEMS[itemType];\n  const itemsView = items.map(item => (\n    <Draggable\n      key={item.id}\n      id={item.id}\n      dragging={dragTo === item.id}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n    >\n      <Item {...item} key={item.id} />\n    </Draggable>\n  ));\n  return <div>{itemsView}</div>;\n};\n\nDraggableList.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),\n  onDrop: PropTypes.func,\n  itemType: PropTypes.string\n};\n\nexport default DraggableList;\n"],"file":"index.js"}

package/es/molecule/draggable-list/test/fixtures/course-sections.js

@@ -0,0 +1,20 @@
+import courseSections from '../../../course-sections/test/fixtures/default';
+const {
+  props: {
+    sections
+  }
+} = courseSections;
+export default {
+  props: {
+    itemType: 'course-section',
+    items: sections,
+    onDrop: (dragged, dropped) => {
+      console.log('foo');
+      console.log({
+        dragged,
+        dropped
+      });
+    }
+  }
+};
+//# sourceMappingURL=course-sections.js.map

package/es/molecule/draggable-list/test/fixtures/course-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/draggable-list/test/fixtures/course-sections.js"],"names":["courseSections","props","sections","itemType","items","onDrop","dragged","dropped","console","log"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,gDAA3B;AAEA,MAAM;AACJC,EAAAA,KAAK,EAAE;AAACC,IAAAA;AAAD;AADH,IAEFF,cAFJ;AAIA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLE,IAAAA,QAAQ,EAAE,gBADL;AAELC,IAAAA,KAAK,EAAEF,QAFF;AAGLG,IAAAA,MAAM,EAAE,CAACC,OAAD,EAAUC,OAAV,KAAsB;AAC5BC,MAAAA,OAAO,CAACC,GAAR,CAAY,KAAZ;AACAD,MAAAA,OAAO,CAACC,GAAR,CAAY;AAACH,QAAAA,OAAD;AAAUC,QAAAA;AAAV,OAAZ;AACD;AANI;AADM,CAAf","sourcesContent":["import courseSections from '../../../course-sections/test/fixtures/default';\n\nconst {\n  props: {sections}\n} = courseSections;\n\nexport default {\n  props: {\n    itemType: 'course-section',\n    items: sections,\n    onDrop: (dragged, dropped) => {\n      console.log('foo');\n      console.log({dragged, dropped});\n    }\n  }\n};\n"],"file":"course-sections.js"}

package/es/molecule/draggable-list/test/fixtures/dashboard-sections.js

@@ -0,0 +1,26 @@
+import Boutique from '../../../setup-section/test/fixtures/analytics-boutique';
+import Branch from '../../../setup-section/test/fixtures/analytics-branch';
+import Region from '../../../setup-section/test/fixtures/analytics-region';
+const {
+  props: boutique
+} = Boutique;
+const {
+  props: branch
+} = Branch;
+const {
+  props: region
+} = Region;
+export default {
+  props: {
+    itemType: 'setup-section',
+    items: [boutique, branch, region],
+    onDrop: (dragged, dropped) => {
+      console.log('foo');
+      console.log({
+        dragged,
+        dropped
+      });
+    }
+  }
+};
+//# sourceMappingURL=dashboard-sections.js.map

package/es/molecule/draggable-list/test/fixtures/dashboard-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/draggable-list/test/fixtures/dashboard-sections.js"],"names":["Boutique","Branch","Region","props","boutique","branch","region","itemType","items","onDrop","dragged","dropped","console","log"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,yDAArB;AACA,OAAOC,MAAP,MAAmB,uDAAnB;AACA,OAAOC,MAAP,MAAmB,uDAAnB;AAEA,MAAM;AAACC,EAAAA,KAAK,EAAEC;AAAR,IAAoBJ,QAA1B;AACA,MAAM;AAACG,EAAAA,KAAK,EAAEE;AAAR,IAAkBJ,MAAxB;AACA,MAAM;AAACE,EAAAA,KAAK,EAAEG;AAAR,IAAkBJ,MAAxB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLI,IAAAA,QAAQ,EAAE,eADL;AAELC,IAAAA,KAAK,EAAE,CAACJ,QAAD,EAAWC,MAAX,EAAmBC,MAAnB,CAFF;AAGLG,IAAAA,MAAM,EAAE,CAACC,OAAD,EAAUC,OAAV,KAAsB;AAC5BC,MAAAA,OAAO,CAACC,GAAR,CAAY,KAAZ;AACAD,MAAAA,OAAO,CAACC,GAAR,CAAY;AAACH,QAAAA,OAAD;AAAUC,QAAAA;AAAV,OAAZ;AACD;AANI;AADM,CAAf","sourcesContent":["import Boutique from '../../../setup-section/test/fixtures/analytics-boutique';\nimport Branch from '../../../setup-section/test/fixtures/analytics-branch';\nimport Region from '../../../setup-section/test/fixtures/analytics-region';\n\nconst {props: boutique} = Boutique;\nconst {props: branch} = Branch;\nconst {props: region} = Region;\n\nexport default {\n  props: {\n    itemType: 'setup-section',\n    items: [boutique, branch, region],\n    onDrop: (dragged, dropped) => {\n      console.log('foo');\n      console.log({dragged, dropped});\n    }\n  }\n};\n"],"file":"dashboard-sections.js"}

package/es/molecule/draggable-list/test/fixtures.js

@@ -0,0 +1,13 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeDraggableList from '..';
+import fixtureDashboardSections from './fixtures/dashboard-sections';
+test('Molecule › MoleculeDraggableList > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeDraggableList.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeDraggableList.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeDraggableList › DashboardSections › should be rendered', renderComponentMacro, MoleculeDraggableList, fixtureDashboardSections);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/draggable-list/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/draggable-list/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeDraggableList","fixtureDashboardSections","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,qBAAP,MAAkC,IAAlC;AACA,OAAOC,wBAAP,MAAqC,+BAArC;AAEAJ,IAAI,CAAC,gEAAD,EAAmEK,CAAC,IAAI;AAC1EA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,qBAAqB,CAACI,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0DAAyDF,GAAI,mEAAtF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,2EAAD,EAA8EE,oBAA9E,EAAoGC,qBAApG,EAA2HC,wBAA3H,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeDraggableList from '..';\nimport fixtureDashboardSections from './fixtures/dashboard-sections';\n\ntest('Molecule › MoleculeDraggableList > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeDraggableList.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeDraggableList.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeDraggableList › DashboardSections › should be rendered', renderComponentMacro, MoleculeDraggableList, fixtureDashboardSections);\n"],"file":"fixtures.js"}