@coorpacademy/components 10.5.0 → 10.5.4

package/es/atom/card-image-preview/test/fixtures.js

@@ -0,0 +1,15 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import AtomCardImagePreview from '..';
+import fixtureDefault from './fixtures/default';
+import fixtureEmpty from './fixtures/empty';
+test('Atom › AtomCardImagePreview > should have valid propTypes', t => {
+  t.pass();
+  forEach(AtomCardImagePreview.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomCardImagePreview.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Atom › AtomCardImagePreview › Default › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureDefault);
+test('Atom › AtomCardImagePreview › Empty › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureEmpty);
+//# sourceMappingURL=fixtures.js.map

package/es/atom/card-image-preview/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/card-image-preview/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomCardImagePreview","fixtureDefault","fixtureEmpty","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,oBAAP,MAAiC,IAAjC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEAL,IAAI,CAAC,2DAAD,EAA8DM,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,oBAAoB,CAACK,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,oBAArF,EAA2GC,cAA3G,CAAJ;AACAJ,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,oBAAnF,EAAyGE,YAAzG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomCardImagePreview from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\n\ntest('Atom › AtomCardImagePreview > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomCardImagePreview.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomCardImagePreview.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomCardImagePreview › Default › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureDefault);\ntest('Atom › AtomCardImagePreview › Empty › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureEmpty);\n"],"file":"fixtures.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/draggable/index.js

@@ -0,0 +1,56 @@
+import React, { useCallback } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import style from './style.css';
+
+const preventDefault = e => e.preventDefault();
+
+const stopPropagation = e => e.stopPropagation();
+
+const Draggable = props => {
+  const {
+    id,
+    dragging = false,
+    onDragStart,
+    onDragOver,
+    onDragLeave,
+    onDrop,
+    children
+  } = props;
+  const dragStartHandler = useCallback(e => {
+    stopPropagation(e);
+    onDragStart(id);
+  }, [id, onDragStart]);
+  const dragOverHandler = useCallback(e => {
+    preventDefault(e);
+    onDragOver(id);
+  }, [id, onDragOver]);
+  const dragLeaveHandler = useCallback(e => {
+    preventDefault(e);
+    onDragLeave(id);
+  }, [id, onDragLeave]);
+  const dropHandler = useCallback(e => {
+    preventDefault(e);
+    onDrop(id);
+  }, [id, onDrop]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(dragging ? style.dragging : null, style.section, style.draggable),
+    onDragStart: dragStartHandler,
+    onDragOver: dragOverHandler,
+    onDragLeave: dragLeaveHandler,
+    onDrop: dropHandler,
+    draggable: true
+  }, children);
+};
+
+Draggable.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: PropTypes.string,
+  dragging: PropTypes.bool,
+  onDragStart: PropTypes.func,
+  onDragOver: PropTypes.func,
+  onDragLeave: PropTypes.func,
+  onDrop: PropTypes.func,
+  children: PropTypes.element
+} : {};
+export default Draggable;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

package/es/molecule/draggable/style.css

@@ -0,0 +1,67 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value colors: "../../variables/colors.css";
+@value medium from colors;
+@value xtraLightGrey from colors;
+@value dark from colors;
+@value cm_grey_100 from colors;
+
+
+.section {
+  display: flex;
+  justify-content: center;
+}
+
+.draggable {
+  cursor: grab;
+  position: relative;
+  background: transparent;
+  margin: 8px 0;
+  border-radius: 7px;
+}
+.draggable:hover{
+  background: rgba(0, 0, 0, 0.3);
+}
+.draggable:active{
+  background: transparent;
+}
+.draggable:before {
+  content: '.';
+  position: absolute;
+  left: 23px;
+  top: 5px;
+  width: 12px;
+  font-size: 25px;
+  color: medium;
+  pointer-events: none;
+  text-shadow: 0 0 medium,    0 5px medium,    0 10px medium,    0 15px medium,
+            5px 0 medium ,   5px 5px medium,  5px 10px medium,  5px 15px medium;
+}
+.dragging {
+  background: rgba(0, 0, 0, 0.1);
+}
+
+.dragging:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: color(black lightness(95%));
+  pointer-events: none;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: dark;
+  font-family: 'Open Sans';
+  font-weight: 600;
+  font-size: 14px;
+}
+
+@media mobile {
+  .draggable:before {
+    content: none;
+  }
+}

package/es/molecule/draggable/test/fixtures/default.js

@@ -0,0 +1,12 @@
+export default {
+  props: {
+    id: 'draggableId',
+    dragging: true,
+    onDragStart: () => console.log('onDragStart'),
+    onDragOver: () => console.log('onDragOver'),
+    onDragLeave: () => console.log('onDragLeave'),
+    onDrop: () => console.log('onDrop'),
+    children: []
+  }
+};
+//# sourceMappingURL=default.js.map

package/es/molecule/draggable/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/draggable/test/fixtures/default.js"],"names":["props","id","dragging","onDragStart","console","log","onDragOver","onDragLeave","onDrop","children"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,EAAE,EAAE,aADC;AAELC,IAAAA,QAAQ,EAAE,IAFL;AAGLC,IAAAA,WAAW,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,aAAZ,CAHd;AAILC,IAAAA,UAAU,EAAE,MAAMF,OAAO,CAACC,GAAR,CAAY,YAAZ,CAJb;AAKLE,IAAAA,WAAW,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,aAAZ,CALd;AAMLG,IAAAA,MAAM,EAAE,MAAMJ,OAAO,CAACC,GAAR,CAAY,QAAZ,CANT;AAOLI,IAAAA,QAAQ,EAAE;AAPL;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    id: 'draggableId',\n    dragging: true,\n    onDragStart: () => console.log('onDragStart'),\n    onDragOver: () => console.log('onDragOver'),\n    onDragLeave: () => console.log('onDragLeave'),\n    onDrop: () => console.log('onDrop'),\n    children: []\n  }\n};\n"],"file":"default.js"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/draggable/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeDraggable","fixtureDefault","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,iBAAP,MAA8B,IAA9B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,4DAAD,EAA+DK,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,iBAAiB,CAACI,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,iBAAtF,EAAyGC,cAAzG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeDraggable from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Molecule › MoleculeDraggable > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeDraggable.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeDraggable.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeDraggable › Default › should be rendered', renderComponentMacro, MoleculeDraggable, fixtureDefault);\n"],"file":"fixtures.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"}

package/es/molecule/select-multiple/style.css

@@ -352,6 +352,7 @@
 
 .coorpmanager .descriptionLabel {
   margin: 0 1px 18px 0;
+  padding: 8px 16px;
   border-radius: 7px;
   background-color: cm_grey_700;
   flex-grow: 0;
@@ -365,14 +366,16 @@
   text-align: center;
   color: white;
   padding: 8px 16px;
-  max-width: 200px;
-  position: absolute;
-  left: -20px;
-  z-index: 999;
-  bottom: 18px;
+  max-width: 348px;
   width: max-content;
+  position: absolute;
+  left: -24px;
+  z-index: 3;
+  bottom: 5px;
   visibility: hidden;
   opacity: 0;
+  overflow-wrap: break-word;
+  white-space: break-spaces;
 }
 
 .coorpmanager .title.titleWithSelection .descriptionLabel,

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

@@ -4,7 +4,6 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { NovaCompositionNavigationArrowDown as ArrowDownIcon, NovaCompositionNavigationArrowTop as ArrowUpIcon } from '@coorpacademy/nova-icons';
 import Provider from '../../atom/provider';
 import InputSwitch from '../../atom/input-switch';
 import RadioGroup from '../../atom/radio-group';
@@ -45,23 +44,13 @@ ContentTypesToggler.propTypes = process.env.NODE_ENV !== "production" ? {
 
 const SetupSection = (props, context) => {
   const {
-    translate,
-    skin
+    translate
   } = context;
-
-  const brand = _get('common.brand', skin);
-
-  const medium = _get('common.medium', skin);
-
   const {
     title,
-    onUp,
-    onDown,
     display,
     contentTypes
   } = props;
-  const colorUp = onDown ? brand : medium;
-  const colorDown = onUp ? brand : medium;
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper
   }, /*#__PURE__*/React.createElement("div", {
@@ -72,17 +61,7 @@ const SetupSection = (props, context) => {
     contentTypes: contentTypes
   }), /*#__PURE__*/React.createElement("div", {
     className: style.label
-  }, translate('Show')), /*#__PURE__*/React.createElement(InputSwitch, display), /*#__PURE__*/React.createElement("div", {
-    className: style.arrowSection
-  }, /*#__PURE__*/React.createElement(ArrowDownIcon, {
-    color: colorUp,
-    className: onDown ? style.arrow : style.disabled,
-    onClick: onDown
-  }), /*#__PURE__*/React.createElement(ArrowUpIcon, {
-    color: colorDown,
-    className: onUp ? style.arrow : style.disabled,
-    onClick: onUp
-  }))));
+  }, translate('Show')), /*#__PURE__*/React.createElement(InputSwitch, display)));
 };
 
 SetupSection.contextTypes = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/setup-section/index.js"],"names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowDownIcon","NovaCompositionNavigationArrowTop","ArrowUpIcon","Provider","InputSwitch","RadioGroup","style","ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","contentTypeWrapper","contextTypes","childContextTypes","propTypes","shape","modified","bool","SetupSection","translate","medium","title","onUp","onDown","display","colorUp","colorDown","wrapper","settings","label","arrowSection","arrow","disabled","string","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDownIcon,\n  NovaCompositionNavigationArrowTop as ArrowUpIcon\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup {...contentTypes} color={contentTypesColor} />\n    </div>\n  );\n};\n\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate, skin} = context;\n  const brand = get('common.brand', skin);\n  const medium = get('common.medium', skin);\n\n  const {title, onUp, onDown, display, contentTypes} = props;\n  const colorUp = onDown ? brand : medium;\n  const colorDown = onUp ? brand : medium;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n        <div className={style.arrowSection}>\n          <ArrowDownIcon\n            color={colorUp}\n            className={onDown ? style.arrow : style.disabled}\n            onClick={onDown}\n          />\n          <ArrowUpIcon\n            color={colorDown}\n            className={onUp ? style.arrow : style.disabled}\n            onClick={onUp}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/setup-section/index.js"],"names":["React","PropTypes","Provider","InputSwitch","RadioGroup","style","ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","contentTypeWrapper","contextTypes","childContextTypes","propTypes","shape","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC9C,QAAM;AAACC,IAAAA;AAAD,MAASD,OAAf;AACA,QAAM;AAACE,IAAAA;AAAD,MAAiBH,KAAvB;;AAEA,MAAI,CAACG,YAAL,EAAmB;AACjB,WAAO,IAAP;AACD;;AAED,QAAMC,KAAK,GAAG,KAAI,cAAJ,EAAoBF,IAApB,CAAd;;AACA,QAAMG,MAAM,GAAG,KAAI,eAAJ,EAAqBH,IAArB,CAAf;;AACA,QAAMI,iBAAiB,GAAG,KAAI,UAAJ,EAAgBH,YAAhB,IAAgCE,MAAhC,GAAyCD,KAAnE;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACS;AAAtB,kBACE,oBAAC,UAAD,eAAgBJ,YAAhB;AAA8B,IAAA,KAAK,EAAEG;AAArC,KADF,CADF;AAKD,CAjBD;;AAmBAP,mBAAmB,CAACS,YAApB,GAAmC;AACjCN,EAAAA,IAAI,EAAEP,QAAQ,CAACc,iBAAT,CAA2BP;AADA,CAAnC;AAIAH,mBAAmB,CAACW,SAApB,2CAAgC;AAC9BP,EAAAA,YAAY,EAAET,SAAS,CAACiB,KAAV,uBACTd,UAAU,CAACa,SADF;AAEZE,IAAAA,QAAQ,EAAElB,SAAS,CAACmB;AAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAACd,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAACc,IAAAA;AAAD,MAAcd,OAApB;AAEA,QAAM;AAACe,IAAAA,KAAD;AAAQC,IAAAA,OAAR;AAAiBd,IAAAA;AAAjB,MAAiCH,KAAvC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACoB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEpB,KAAK,CAACkB;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAK,IAAA,SAAS,EAAElB,KAAK,CAACqB;AAAtB,kBACE,oBAAC,mBAAD;AAAqB,IAAA,YAAY,EAAEhB;AAAnC,IADF,eAEE;AAAK,IAAA,SAAS,EAAEL,KAAK,CAACsB;AAAtB,KAA8BL,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,oBAAC,WAAD,EAAiBE,OAAjB,CAHF,CAFF,CADF;AAUD,CAfD;;AAiBAH,YAAY,CAACN,YAAb,GAA4B;AAC1BO,EAAAA,SAAS,EAAEpB,QAAQ,CAACc,iBAAT,CAA2BM,SADZ;AAE1Bb,EAAAA,IAAI,EAAEP,QAAQ,CAACc,iBAAT,CAA2BP;AAFP,CAA5B;AAKAY,YAAY,CAACJ,SAAb,2CAAyB;AACvBM,EAAAA,KAAK,EAAEtB,SAAS,CAAC2B,MAAV,CAAiBC,UADD;AAEvBC,EAAAA,IAAI,EAAE7B,SAAS,CAAC8B,IAFO;AAGvBC,EAAAA,MAAM,EAAE/B,SAAS,CAAC8B,IAHK;AAIvBP,EAAAA,OAAO,EAAEvB,SAAS,CAACiB,KAAV,CAAgBf,WAAW,CAACc,SAA5B,CAJc;AAKvBP,EAAAA,YAAY,EAAEJ,mBAAmB,CAACW,SAApB,CAA8BP;AALrB,CAAzB;AAQA,eAAeW,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup {...contentTypes} color={contentTypesColor} />\n    </div>\n  );\n};\n\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate} = context;\n\n  const {title, display, contentTypes} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"file":"index.js"}

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

@@ -12,7 +12,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0 24px;
+  padding: 0 24px 0 48px;
   box-sizing: border-box;
 }
 
@@ -37,32 +37,7 @@
   margin-left: 30px;
   margin-right: 16px;
 }
-.arrowSection {
-  display: none
-}
-.arrow {
-  left: 50%;
-  top: 50%;
-  margin: 0 0 0 24px;
-  width: 30px;
-  height: 30px;
-  cursor: pointer;
-}
-
-.arrow:hover path:last-child {
-  fill: primaryAdd1;
-}
-
-.disabled {
-  composes: arrow;
-  pointer-events: none;
-}
 
 .contentTypeWrapper {
   width: 310px;
 }
-@media mobile {
-  .arrowSection {
-    display: block;
-  }
-}

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

@@ -2,61 +2,11 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React, { useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
-import classnames from 'classnames';
+import Draggable from '../draggable';
 import SetupSection from '../setup-section';
 import Loader from '../../atom/loader';
 import style from './style.css';
 
-const preventDefault = e => e.preventDefault();
-
-const stopPropagation = e => e.stopPropagation();
-
-const Draggable = props => {
-  const {
-    id,
-    dragging = false,
-    onDragStart,
-    onDragOver,
-    onDragLeave,
-    onDrop,
-    children
-  } = props;
-  const dragStartHandler = useCallback(e => {
-    stopPropagation(e);
-    onDragStart(id);
-  }, [id, onDragStart]);
-  const dragOverHandler = useCallback(e => {
-    preventDefault(e);
-    onDragOver(id);
-  }, [id, onDragOver]);
-  const dragLeaveHandler = useCallback(e => {
-    preventDefault(e);
-    onDragLeave(id);
-  }, [id, onDragLeave]);
-  const dropHandler = useCallback(e => {
-    preventDefault(e);
-    onDrop(id);
-  }, [id, onDrop]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames(dragging ? style.dragging : null, style.section, style.draggable),
-    onDragStart: dragStartHandler,
-    onDragOver: dragOverHandler,
-    onDragLeave: dragLeaveHandler,
-    onDrop: dropHandler,
-    draggable: true
-  }, children);
-};
-
-Draggable.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes.string,
-  dragging: PropTypes.bool,
-  onDragStart: PropTypes.func,
-  onDragOver: PropTypes.func,
-  onDragLeave: PropTypes.func,
-  onDrop: PropTypes.func,
-  children: PropTypes.element
-} : {};
-
 const Loading = () => /*#__PURE__*/React.createElement("div", {
   className: style.loading
 }, /*#__PURE__*/React.createElement(Loader, null));
@@ -84,7 +34,7 @@ const SetupSections = ({
     setDragFrom(null);
   }, [onDrop, setDragTo, setDragFrom, dragFrom]);
   if (loading) return /*#__PURE__*/React.createElement(Loading, null);
-  const sectionsView = sections.map((section, index) => /*#__PURE__*/React.createElement(Draggable, {
+  const sectionsView = sections.map(section => /*#__PURE__*/React.createElement(Draggable, {
     key: section.id,
     id: section.id,
     dragging: dragTo === section.id,
@@ -93,9 +43,7 @@ const SetupSections = ({
     onDragLeave: dragLeaveHandler,
     onDrop: dropHandler
   }, /*#__PURE__*/React.createElement(SetupSection, _extends({}, section, {
-    key: section.id,
-    onUp: index === 0 ? null : section.onUp,
-    onDown: index === sections.length - 1 ? null : section.onDown
+    key: section.id
   }))));
   return /*#__PURE__*/React.createElement("div", null, sectionsView);
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/setup-sections/index.js"],"names":["React","useState","useCallback","PropTypes","classnames","SetupSection","Loader","style","preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","dragOverHandler","dragLeaveHandler","dropHandler","section","draggable","propTypes","string","bool","func","element","Loading","loading","SetupSections","sections","dragTo","setDragTo","dragFrom","setDragFrom","sectionsView","map","index","onUp","length","onDown","arrayOf","shape"],"mappings":"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","sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport SetupSection from '../setup-section';\nimport Loader from '../../atom/loader';\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\nconst Loading = () => (\n  <div className={style.loading}>\n    <Loader />\n  </div>\n);\n\nconst SetupSections = ({sections, loading, onDrop}) => {\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  if (loading) return <Loading />;\n\n  const sectionsView = sections.map((section, index) => (\n    <Draggable\n      key={section.id}\n      id={section.id}\n      dragging={dragTo === section.id}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n    >\n      <SetupSection\n        {...section}\n        key={section.id}\n        onUp={index === 0 ? null : section.onUp}\n        onDown={index === sections.length - 1 ? null : section.onDown}\n      />\n    </Draggable>\n  ));\n  return <div>{sectionsView}</div>;\n};\n\nSetupSections.propTypes = {\n  sections: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),\n  loading: PropTypes.bool,\n  onDrop: PropTypes.func\n};\n\nexport default SetupSections;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/setup-sections/index.js"],"names":["React","useState","useCallback","PropTypes","Draggable","SetupSection","Loader","style","Loading","loading","SetupSections","sections","onDrop","dragTo","setDragTo","dragFrom","setDragFrom","dragStartHandler","id","dragOverHandler","dragLeaveHandler","dropHandler","sectionsView","map","section","propTypes","arrayOf","shape","bool","func"],"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,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAG,mBACd;AAAK,EAAA,SAAS,EAAED,KAAK,CAACE;AAAtB,gBACE,oBAAC,MAAD,OADF,CADF;;AAMA,MAAMC,aAAa,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWF,EAAAA,OAAX;AAAoBG,EAAAA;AAApB,CAAD,KAAiC;AACrD,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBb,QAAQ,CAAC,IAAD,CAApC;AACA,QAAM,CAACc,QAAD,EAAWC,WAAX,IAA0Bf,QAAQ,CAAC,IAAD,CAAxC;AAEA,QAAMgB,gBAAgB,GAAGf,WAAW,CAClCgB,EAAE,IAAI;AACJF,IAAAA,WAAW,CAACE,EAAD,CAAX;AACD,GAHiC,EAIlC,CAACF,WAAD,CAJkC,CAApC;AAOA,QAAMG,eAAe,GAAGjB,WAAW,CACjCgB,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,GAAGlB,WAAW,CAClCgB,EAAE,IAAI;AACJJ,IAAAA,SAAS,CAAC,IAAD,CAAT;AACD,GAHiC,EAIlC,CAACA,SAAD,CAJkC,CAApC;AAOA,QAAMO,WAAW,GAAGnB,WAAW,CAC7BgB,EAAE,IAAI;AACJ,QAAIN,MAAM,IAAIG,QAAd,EAAwBH,MAAM,CAACG,QAAD,EAAWG,EAAX,CAAN;AAExBJ,IAAAA,SAAS,CAAC,IAAD,CAAT;AACAE,IAAAA,WAAW,CAAC,IAAD,CAAX;AACD,GAN4B,EAO7B,CAACJ,MAAD,EAASE,SAAT,EAAoBE,WAApB,EAAiCD,QAAjC,CAP6B,CAA/B;AAUA,MAAIN,OAAJ,EAAa,oBAAO,oBAAC,OAAD,OAAP;AAEb,QAAMa,YAAY,GAAGX,QAAQ,CAACY,GAAT,CAAaC,OAAO,iBACvC,oBAAC,SAAD;AACE,IAAA,GAAG,EAAEA,OAAO,CAACN,EADf;AAEE,IAAA,EAAE,EAAEM,OAAO,CAACN,EAFd;AAGE,IAAA,QAAQ,EAAEL,MAAM,KAAKW,OAAO,CAACN,EAH/B;AAIE,IAAA,WAAW,EAAED,gBAJf;AAKE,IAAA,UAAU,EAAEE,eALd;AAME,IAAA,WAAW,EAAEC,gBANf;AAOE,IAAA,MAAM,EAAEC;AAPV,kBASE,oBAAC,YAAD,eAAkBG,OAAlB;AAA2B,IAAA,GAAG,EAAEA,OAAO,CAACN;AAAxC,KATF,CADmB,CAArB;AAaA,sBAAO,iCAAMI,YAAN,CAAP;AACD,CApDD;;AAsDAZ,aAAa,CAACe,SAAd,2CAA0B;AACxBd,EAAAA,QAAQ,EAAER,SAAS,CAACuB,OAAV,CAAkBvB,SAAS,CAACwB,KAAV,CAAgBtB,YAAY,CAACoB,SAA7B,CAAlB,CADc;AAExBhB,EAAAA,OAAO,EAAEN,SAAS,CAACyB,IAFK;AAGxBhB,EAAAA,MAAM,EAAET,SAAS,CAAC0B;AAHM,CAA1B;AAMA,eAAenB,aAAf","sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Draggable from '../draggable';\nimport SetupSection from '../setup-section';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst Loading = () => (\n  <div className={style.loading}>\n    <Loader />\n  </div>\n);\n\nconst SetupSections = ({sections, loading, onDrop}) => {\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  if (loading) return <Loading />;\n\n  const sectionsView = sections.map(section => (\n    <Draggable\n      key={section.id}\n      id={section.id}\n      dragging={dragTo === section.id}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n    >\n      <SetupSection {...section} key={section.id} />\n    </Draggable>\n  ));\n  return <div>{sectionsView}</div>;\n};\n\nSetupSections.propTypes = {\n  sections: PropTypes.arrayOf(PropTypes.shape(SetupSection.propTypes)),\n  loading: PropTypes.bool,\n  onDrop: PropTypes.func\n};\n\nexport default SetupSections;\n"],"file":"index.js"}

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

@@ -15,10 +15,6 @@
   border-bottom: 0;
 }
 
-.section:last-child {
-  border-bottom: 1px solid medium;
-}
-
 .loading {
   composes: section;
   width: 100%;
@@ -27,55 +23,3 @@
   min-height: 60px;
   position: relative;
 }
-.draggable {
-  cursor: grab;
-  position: relative;
-  background: transparent;
-}
-.draggable:hover{
-  background: rgba(0, 0, 0, 0.3);
-}
-.draggable:active{
-  background: transparent;
-}
-.draggable:before {
-  content: '.';
-  position: absolute;
-  left: 5px;
-  font-size: 20px;
-  line-height: 7px;
-  color: medium;
-  pointer-events: none;
-  text-shadow: 0 0 medium,    0 5px medium,    0 10px medium,    0 15px medium,    0 20px medium,    0 25px medium,    0 30px medium,    0 35px medium,    0 40px medium,    0 45px medium,
-             5px 0 medium,  5px 5px medium,  5px 10px medium,  5px 15px medium,  5px 20px medium,  5px 25px medium,  5px 30px medium,  5px 35px medium,  5px 40px medium,  5px 45px medium,
-            10px 0 medium, 10px 5px medium, 10px 10px medium, 10px 15px medium, 10px 20px medium, 10px 25px medium, 10px 30px medium, 10px 35px medium, 10px 40px medium, 10px 45px medium;
-}
-.dragging {
-  background: rgba(0, 0, 0, 0.1);
-}
-
-.dragging:after {
-  position: absolute;
-  content: "drop here";
-  left: 5px;
-  top: 5px;
-  bottom: 5px;
-  right: 5px;
-  background: color(black lightness(95%));
-  pointer-events: none;
-  border: 1px dashed medium;
-  box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: dark;
-  font-family: 'Gilroy';
-  font-weight: 600;
-  font-size: 14px;
-}
-
-@media mobile {
-  .draggable:before {
-    content: none;
-  }
-}

package/es/molecule/setup-sections/test/on-drop.js

@@ -10,7 +10,7 @@ import Adapter from 'enzyme-adapter-react-16';
 import { wrappingComponent } from '../../../test/helpers/render-component';
 import SetupSections from '..'; // eslint-disable-next-line css-modules/no-unused-class
 
-import style from '../style.css';
+import style from '../../draggable/style.css';
 import fixtures from './fixtures/default';
 browserEnv();
 configure({

package/es/molecule/setup-sections/test/on-drop.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/setup-sections/test/on-drop.js"],"names":["browserEnv","test","React","mount","configure","Adapter","wrappingComponent","SetupSections","style","fixtures","adapter","t","plan","elementToDrag","props","sections","id","elementToDrop","dropHandler","dragged","dropped","is","wrapper","dragStartEvent","preventDefault","pass","dragOverEvent","dragLeaveEvent","dropEvent","find","section","at","simulate","fail"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport {set} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport {wrappingComponent} from '../../../test/helpers/render-component';\nimport SetupSections from '..';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from '../style.css';\nimport fixtures from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should trigger onDrop handler', t => {\n  t.plan(7);\n\n  const elementToDrag = fixtures.props.sections[0].id;\n  const elementToDrop = fixtures.props.sections[2].id;\n\n  const dropHandler = (dragged, dropped) => {\n    t.is(dropped, elementToDrop);\n    t.is(dragged, elementToDrag);\n  };\n\n  const wrapper = mount(<SetupSections {...fixtures.props} onDrop={dropHandler} />, {\n    wrappingComponent\n  });\n\n  const dragStartEvent = {preventDefault: () => t.pass()};\n  const dragOverEvent = {preventDefault: () => t.pass()};\n  const dragLeaveEvent = {preventDefault: () => t.pass()};\n  const dropEvent = {preventDefault: () => t.pass()};\n\n  wrapper.find(`.${style.section}`).at(0).simulate('dragStart', dragStartEvent);\n  wrapper.find(`.${style.section}`).at(0).simulate('dragOver', dragOverEvent);\n  wrapper.find(`.${style.section}`).at(0).simulate('dragOver', dragOverEvent);\n  wrapper.find(`.${style.section}`).at(0).simulate('dragLeave', dragLeaveEvent);\n  wrapper.find(`.${style.section}`).at(2).simulate('dragOver', dragOverEvent);\n  wrapper.find(`.${style.section}`).at(2).simulate('drop', dropEvent);\n});\n\ntest('should skip drop event if dragStart is not called', t => {\n  t.plan(1);\n\n  const dropHandler = (dragged, dropped) => {\n    t.fail();\n  };\n\n  const wrapper = mount(<SetupSections {...fixtures.props} onDrop={dropHandler} />, {\n    wrappingComponent\n  });\n\n  const dropEvent = {preventDefault: () => t.pass()};\n  wrapper.find(`.${style.section}`).at(2).simulate('drop', dropEvent);\n});\n\ntest('should skip dragStart event if section id is not defined', t => {\n  t.plan(0);\n\n  const dropHandler = (dragged, dropped) => {\n    t.fail();\n  };\n\n  const wrapper = mount(\n    <SetupSections {...set('sections.0.id', '', fixtures.props)} onDrop={dropHandler} />,\n    {\n      wrappingComponent\n    }\n  );\n\n  const dragStartEvent = {preventDefault: () => {}};\n  const dragOverEvent = {preventDefault: () => {}};\n  const dragLeaveEvent = {preventDefault: () => {}};\n  const dropEvent = {preventDefault: () => {}};\n\n  wrapper.find(`.${style.section}`).at(0).simulate('dragStart', dragStartEvent);\n  wrapper.find(`.${style.section}`).at(0).simulate('dragOver', dragOverEvent);\n  wrapper.find(`.${style.section}`).at(0).simulate('dragOver', dragOverEvent);\n  wrapper.find(`.${style.section}`).at(0).simulate('dragLeave', dragLeaveEvent);\n  wrapper.find(`.${style.section}`).at(2).simulate('dragOver', dragOverEvent);\n  wrapper.find(`.${style.section}`).at(2).simulate('drop', dropEvent);\n});\n"],"file":"on-drop.js"}
+{"version":3,"sources":["../../../../src/molecule/setup-sections/test/on-drop.js"],"names":["browserEnv","test","React","mount","configure","Adapter","wrappingComponent","SetupSections","style","fixtures","adapter","t","plan","elementToDrag","props","sections","id","elementToDrop","dropHandler","dragged","dropped","is","wrapper","dragStartEvent","preventDefault","pass","dragOverEvent","dragLeaveEvent","dropEvent","find","section","at","simulate","fail"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport {set} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport {wrappingComponent} from '../../../test/helpers/render-component';\nimport SetupSections from '..';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from '../../draggable/style.css';\nimport fixtures from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should trigger onDrop handler', t => {\n  t.plan(7);\n\n  const elementToDrag = fixtures.props.sections[0].id;\n  const elementToDrop = fixtures.props.sections[2].id;\n\n  const dropHandler = (dragged, dropped) => {\n    t.is(dropped, elementToDrop);\n    t.is(dragged, elementToDrag);\n  };\n\n  const wrapper = mount(<SetupSections {...fixtures.props} onDrop={dropHandler} />, {\n    wrappingComponent\n  });\n\n  const dragStartEvent = {preventDefault: () => t.pass()};\n  const dragOverEvent = {preventDefault: () => t.pass()};\n  const dragLeaveEvent = {preventDefault: () => t.pass()};\n  const dropEvent = {preventDefault: () => t.pass()};\n\n  wrapper.find(`.${style.section}`).at(0).simulate('dragStart', dragStartEvent);\n  wrapper.find(`.${style.section}`).at(0).simulate('dragOver', dragOverEvent);\n  wrapper.find(`.${style.section}`).at(0).simulate('dragOver', dragOverEvent);\n  wrapper.find(`.${style.section}`).at(0).simulate('dragLeave', dragLeaveEvent);\n  wrapper.find(`.${style.section}`).at(2).simulate('dragOver', dragOverEvent);\n  wrapper.find(`.${style.section}`).at(2).simulate('drop', dropEvent);\n});\n\ntest('should skip drop event if dragStart is not called', t => {\n  t.plan(1);\n\n  const dropHandler = (dragged, dropped) => {\n    t.fail();\n  };\n\n  const wrapper = mount(<SetupSections {...fixtures.props} onDrop={dropHandler} />, {\n    wrappingComponent\n  });\n\n  const dropEvent = {preventDefault: () => t.pass()};\n  wrapper.find(`.${style.section}`).at(2).simulate('drop', dropEvent);\n});\n\ntest('should skip dragStart event if section id is not defined', t => {\n  t.plan(0);\n\n  const dropHandler = (dragged, dropped) => {\n    t.fail();\n  };\n\n  const wrapper = mount(\n    <SetupSections {...set('sections.0.id', '', fixtures.props)} onDrop={dropHandler} />,\n    {\n      wrappingComponent\n    }\n  );\n\n  const dragStartEvent = {preventDefault: () => {}};\n  const dragOverEvent = {preventDefault: () => {}};\n  const dragLeaveEvent = {preventDefault: () => {}};\n  const dropEvent = {preventDefault: () => {}};\n\n  wrapper.find(`.${style.section}`).at(0).simulate('dragStart', dragStartEvent);\n  wrapper.find(`.${style.section}`).at(0).simulate('dragOver', dragOverEvent);\n  wrapper.find(`.${style.section}`).at(0).simulate('dragOver', dragOverEvent);\n  wrapper.find(`.${style.section}`).at(0).simulate('dragLeave', dragLeaveEvent);\n  wrapper.find(`.${style.section}`).at(2).simulate('dragOver', dragOverEvent);\n  wrapper.find(`.${style.section}`).at(2).simulate('drop', dropEvent);\n});\n"],"file":"on-drop.js"}