@coorpacademy/components 10.5.1 → 10.5.2

package/es/template/app-player/popin-end/test/fixtures.js

@@ -21,6 +21,7 @@ import fixtureSimpleAction from './fixtures/simple-action';
 import fixtureSubscribe from './fixtures/subscribe';
 import fixtureWithLoadingRecommendations from './fixtures/with-loading-recommendations';
 import fixtureWithRecommendations from './fixtures/with-recommendations';
+import fixtureWithoutRecommendation from './fixtures/without-recommendation';
 test('TemplateAppPlayer › TemplateAppPlayerPopinEnd > should have valid propTypes', t => {
   t.pass();
   forEach(TemplateAppPlayerPopinEnd.propTypes, (value, key) => {
@@ -46,4 +47,5 @@ test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › SimpleAction › shoul
 test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Subscribe › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSubscribe);
 test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithLoadingRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithLoadingRecommendations);
 test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithRecommendations);
+test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithoutRecommendation › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithoutRecommendation);
 //# sourceMappingURL=fixtures.js.map

package/es/template/app-player/popin-end/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/template/app-player/popin-end/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateAppPlayerPopinEnd","fixtureAdaptive","fixtureArabicCorrect","fixtureArabicNextLevelAdaptiveImg","fixtureArabicWithRecommendations","fixtureCommentIsLoading","fixtureCommentSent","fixtureComment","fixtureCorrect","fixtureDefault","fixtureFail","fixtureInfiniteLives","fixtureLoading","fixtureNegativeRank","fixtureNextCourse","fixtureNextLevelAdaptiveImg","fixtureSimpleAction","fixtureSubscribe","fixtureWithLoadingRecommendations","fixtureWithRecommendations","t","pass","propTypes","value","key","not","undefined"],"mappings":"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","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport TemplateAppPlayerPopinEnd from '..';\nimport fixtureAdaptive from './fixtures/adaptive';\nimport fixtureArabicCorrect from './fixtures/arabic-correct';\nimport fixtureArabicNextLevelAdaptiveImg from './fixtures/arabic-next-level-adaptive-img';\nimport fixtureArabicWithRecommendations from './fixtures/arabic-with-recommendations';\nimport fixtureCommentIsLoading from './fixtures/comment-is-loading';\nimport fixtureCommentSent from './fixtures/comment-sent';\nimport fixtureComment from './fixtures/comment';\nimport fixtureCorrect from './fixtures/correct';\nimport fixtureDefault from './fixtures/default';\nimport fixtureFail from './fixtures/fail';\nimport fixtureInfiniteLives from './fixtures/infinite-lives';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureNegativeRank from './fixtures/negative-rank';\nimport fixtureNextCourse from './fixtures/next-course';\nimport fixtureNextLevelAdaptiveImg from './fixtures/next-level-adaptive-img';\nimport fixtureSimpleAction from './fixtures/simple-action';\nimport fixtureSubscribe from './fixtures/subscribe';\nimport fixtureWithLoadingRecommendations from './fixtures/with-loading-recommendations';\nimport fixtureWithRecommendations from './fixtures/with-recommendations';\n\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateAppPlayerPopinEnd.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"TemplateAppPlayer.TemplateAppPlayerPopinEnd.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Adaptive › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureAdaptive);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicCorrect › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicCorrect);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicNextLevelAdaptiveImg › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicNextLevelAdaptiveImg);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicWithRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicWithRecommendations);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › CommentIsLoading › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCommentIsLoading);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › CommentSent › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCommentSent);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Comment › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureComment);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Correct › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCorrect);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Default › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureDefault);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Fail › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureFail);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › InfiniteLives › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureInfiniteLives);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Loading › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureLoading);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NegativeRank › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNegativeRank);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NextCourse › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNextCourse);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NextLevelAdaptiveImg › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNextLevelAdaptiveImg);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › SimpleAction › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSimpleAction);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Subscribe › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSubscribe);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithLoadingRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithLoadingRecommendations);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithRecommendations);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../../src/template/app-player/popin-end/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateAppPlayerPopinEnd","fixtureAdaptive","fixtureArabicCorrect","fixtureArabicNextLevelAdaptiveImg","fixtureArabicWithRecommendations","fixtureCommentIsLoading","fixtureCommentSent","fixtureComment","fixtureCorrect","fixtureDefault","fixtureFail","fixtureInfiniteLives","fixtureLoading","fixtureNegativeRank","fixtureNextCourse","fixtureNextLevelAdaptiveImg","fixtureSimpleAction","fixtureSubscribe","fixtureWithLoadingRecommendations","fixtureWithRecommendations","fixtureWithoutRecommendation","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,2CAAjC;AACA,OAAOC,yBAAP,MAAsC,IAAtC;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,oBAAP,MAAiC,2BAAjC;AACA,OAAOC,iCAAP,MAA8C,2CAA9C;AACA,OAAOC,gCAAP,MAA6C,wCAA7C;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,oBAAP,MAAiC,2BAAjC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,2BAAP,MAAwC,oCAAxC;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,iCAAP,MAA8C,yCAA9C;AACA,OAAOC,0BAAP,MAAuC,iCAAvC;AACA,OAAOC,4BAAP,MAAyC,mCAAzC;AAEAvB,IAAI,CAAC,6EAAD,EAAgFwB,CAAC,IAAI;AACvFA,EAAAA,CAAC,CAACC,IAAF;AACAxB,EAAAA,OAAO,CAACE,yBAAyB,CAACuB,SAA3B,EAAsC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uEAAsEF,GAAI,mEAAnG;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOA5B,IAAI,CAAC,+EAAD,EAAkFE,oBAAlF,EAAwGC,yBAAxG,EAAmIC,eAAnI,CAAJ;AACAJ,IAAI,CAAC,oFAAD,EAAuFE,oBAAvF,EAA6GC,yBAA7G,EAAwIE,oBAAxI,CAAJ;AACAL,IAAI,CAAC,iGAAD,EAAoGE,oBAApG,EAA0HC,yBAA1H,EAAqJG,iCAArJ,CAAJ;AACAN,IAAI,CAAC,gGAAD,EAAmGE,oBAAnG,EAAyHC,yBAAzH,EAAoJI,gCAApJ,CAAJ;AACAP,IAAI,CAAC,uFAAD,EAA0FE,oBAA1F,EAAgHC,yBAAhH,EAA2IK,uBAA3I,CAAJ;AACAR,IAAI,CAAC,kFAAD,EAAqFE,oBAArF,EAA2GC,yBAA3G,EAAsIM,kBAAtI,CAAJ;AACAT,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,yBAAvG,EAAkIO,cAAlI,CAAJ;AACAV,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,yBAAvG,EAAkIQ,cAAlI,CAAJ;AACAX,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,yBAAvG,EAAkIS,cAAlI,CAAJ;AACAZ,IAAI,CAAC,2EAAD,EAA8EE,oBAA9E,EAAoGC,yBAApG,EAA+HU,WAA/H,CAAJ;AACAb,IAAI,CAAC,oFAAD,EAAuFE,oBAAvF,EAA6GC,yBAA7G,EAAwIW,oBAAxI,CAAJ;AACAd,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,yBAAvG,EAAkIY,cAAlI,CAAJ;AACAf,IAAI,CAAC,mFAAD,EAAsFE,oBAAtF,EAA4GC,yBAA5G,EAAuIa,mBAAvI,CAAJ;AACAhB,IAAI,CAAC,iFAAD,EAAoFE,oBAApF,EAA0GC,yBAA1G,EAAqIc,iBAArI,CAAJ;AACAjB,IAAI,CAAC,2FAAD,EAA8FE,oBAA9F,EAAoHC,yBAApH,EAA+Ie,2BAA/I,CAAJ;AACAlB,IAAI,CAAC,mFAAD,EAAsFE,oBAAtF,EAA4GC,yBAA5G,EAAuIgB,mBAAvI,CAAJ;AACAnB,IAAI,CAAC,gFAAD,EAAmFE,oBAAnF,EAAyGC,yBAAzG,EAAoIiB,gBAApI,CAAJ;AACApB,IAAI,CAAC,iGAAD,EAAoGE,oBAApG,EAA0HC,yBAA1H,EAAqJkB,iCAArJ,CAAJ;AACArB,IAAI,CAAC,0FAAD,EAA6FE,oBAA7F,EAAmHC,yBAAnH,EAA8ImB,0BAA9I,CAAJ;AACAtB,IAAI,CAAC,4FAAD,EAA+FE,oBAA/F,EAAqHC,yBAArH,EAAgJoB,4BAAhJ,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport TemplateAppPlayerPopinEnd from '..';\nimport fixtureAdaptive from './fixtures/adaptive';\nimport fixtureArabicCorrect from './fixtures/arabic-correct';\nimport fixtureArabicNextLevelAdaptiveImg from './fixtures/arabic-next-level-adaptive-img';\nimport fixtureArabicWithRecommendations from './fixtures/arabic-with-recommendations';\nimport fixtureCommentIsLoading from './fixtures/comment-is-loading';\nimport fixtureCommentSent from './fixtures/comment-sent';\nimport fixtureComment from './fixtures/comment';\nimport fixtureCorrect from './fixtures/correct';\nimport fixtureDefault from './fixtures/default';\nimport fixtureFail from './fixtures/fail';\nimport fixtureInfiniteLives from './fixtures/infinite-lives';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureNegativeRank from './fixtures/negative-rank';\nimport fixtureNextCourse from './fixtures/next-course';\nimport fixtureNextLevelAdaptiveImg from './fixtures/next-level-adaptive-img';\nimport fixtureSimpleAction from './fixtures/simple-action';\nimport fixtureSubscribe from './fixtures/subscribe';\nimport fixtureWithLoadingRecommendations from './fixtures/with-loading-recommendations';\nimport fixtureWithRecommendations from './fixtures/with-recommendations';\nimport fixtureWithoutRecommendation from './fixtures/without-recommendation';\n\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateAppPlayerPopinEnd.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"TemplateAppPlayer.TemplateAppPlayerPopinEnd.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Adaptive › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureAdaptive);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicCorrect › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicCorrect);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicNextLevelAdaptiveImg › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicNextLevelAdaptiveImg);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicWithRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicWithRecommendations);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › CommentIsLoading › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCommentIsLoading);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › CommentSent › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCommentSent);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Comment › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureComment);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Correct › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCorrect);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Default › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureDefault);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Fail › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureFail);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › InfiniteLives › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureInfiniteLives);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Loading › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureLoading);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NegativeRank › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNegativeRank);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NextCourse › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNextCourse);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NextLevelAdaptiveImg › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNextLevelAdaptiveImg);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › SimpleAction › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSimpleAction);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Subscribe › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSubscribe);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithLoadingRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithLoadingRecommendations);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithRecommendations);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithoutRecommendation › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithoutRecommendation);\n"],"file":"fixtures.js"}

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

@@ -8,40 +8,10 @@ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/ren
 
 var _ = _interopRequireDefault(require(".."));
 
-var _adaptivAndDisabled = _interopRequireDefault(require("./fixtures/adaptiv-and-disabled"));
-
-var _adaptiv = _interopRequireDefault(require("./fixtures/adaptiv"));
-
-var _arabic = _interopRequireDefault(require("./fixtures/arabic"));
-
-var _article = _interopRequireDefault(require("./fixtures/article"));
-
-var _coorpmanager = _interopRequireDefault(require("./fixtures/coorpmanager"));
-
 var _default = _interopRequireDefault(require("./fixtures/default"));
 
-var _disabled = _interopRequireDefault(require("./fixtures/disabled"));
-
 var _empty = _interopRequireDefault(require("./fixtures/empty"));
 
-var _externalContent = _interopRequireDefault(require("./fixtures/external-content"));
-
-var _favorite = _interopRequireDefault(require("./fixtures/favorite"));
-
-var _freerunAndDisabled = _interopRequireDefault(require("./fixtures/freerun-and-disabled"));
-
-var _freerun = _interopRequireDefault(require("./fixtures/freerun"));
-
-var _podcast = _interopRequireDefault(require("./fixtures/podcast"));
-
-var _scorm = _interopRequireDefault(require("./fixtures/scorm"));
-
-var _selectableFalse = _interopRequireDefault(require("./fixtures/selectable-false"));
-
-var _selectableTrue = _interopRequireDefault(require("./fixtures/selectable-true"));
-
-var _video = _interopRequireDefault(require("./fixtures/video"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 (0, _ava.default)('Atom › AtomCardImagePreview > should have valid propTypes', t => {
@@ -50,21 +20,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     t.not(value, undefined, `PropType for "Atom.AtomCardImagePreview.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
-(0, _ava.default)('Atom › AtomCardImagePreview › AdaptivAndDisabled › should be rendered', _renderComponent.default, _.default, _adaptivAndDisabled.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › Adaptiv › should be rendered', _renderComponent.default, _.default, _adaptiv.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › Arabic › should be rendered', _renderComponent.default, _.default, _arabic.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › Article › should be rendered', _renderComponent.default, _.default, _article.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › Coorpmanager › should be rendered', _renderComponent.default, _.default, _coorpmanager.default);
 (0, _ava.default)('Atom › AtomCardImagePreview › Default › should be rendered', _renderComponent.default, _.default, _default.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › Disabled › should be rendered', _renderComponent.default, _.default, _disabled.default);
 (0, _ava.default)('Atom › AtomCardImagePreview › Empty › should be rendered', _renderComponent.default, _.default, _empty.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › ExternalContent › should be rendered', _renderComponent.default, _.default, _externalContent.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › Favorite › should be rendered', _renderComponent.default, _.default, _favorite.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › FreerunAndDisabled › should be rendered', _renderComponent.default, _.default, _freerunAndDisabled.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › Freerun › should be rendered', _renderComponent.default, _.default, _freerun.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › Podcast › should be rendered', _renderComponent.default, _.default, _podcast.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › Scorm › should be rendered', _renderComponent.default, _.default, _scorm.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › SelectableFalse › should be rendered', _renderComponent.default, _.default, _selectableFalse.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › SelectableTrue › should be rendered', _renderComponent.default, _.default, _selectableTrue.default);
-(0, _ava.default)('Atom › AtomCardImagePreview › Video › should be rendered', _renderComponent.default, _.default, _video.default);
 //# sourceMappingURL=fixtures.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/card-image-preview/test/fixtures.js"],"names":["t","pass","AtomCardImagePreview","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAdaptivAndDisabled","fixtureAdaptiv","fixtureArabic","fixtureArticle","fixtureCoorpmanager","fixtureDefault","fixtureDisabled","fixtureEmpty","fixtureExternalContent","fixtureFavorite","fixtureFreerunAndDisabled","fixtureFreerun","fixturePodcast","fixtureScorm","fixtureSelectableFalse","fixtureSelectableTrue","fixtureVideo"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,2DAAL,EAAkEA,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAqBC,SAA7B,EAAwC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uEAAL,EAA8EG,wBAA9E,EAAoGN,SAApG,EAA0HO,2BAA1H;AACA,kBAAK,4DAAL,EAAmED,wBAAnE,EAAyFN,SAAzF,EAA+GQ,gBAA/G;AACA,kBAAK,2DAAL,EAAkEF,wBAAlE,EAAwFN,SAAxF,EAA8GS,eAA9G;AACA,kBAAK,4DAAL,EAAmEH,wBAAnE,EAAyFN,SAAzF,EAA+GU,gBAA/G;AACA,kBAAK,iEAAL,EAAwEJ,wBAAxE,EAA8FN,SAA9F,EAAoHW,qBAApH;AACA,kBAAK,4DAAL,EAAmEL,wBAAnE,EAAyFN,SAAzF,EAA+GY,gBAA/G;AACA,kBAAK,6DAAL,EAAoEN,wBAApE,EAA0FN,SAA1F,EAAgHa,iBAAhH;AACA,kBAAK,0DAAL,EAAiEP,wBAAjE,EAAuFN,SAAvF,EAA6Gc,cAA7G;AACA,kBAAK,oEAAL,EAA2ER,wBAA3E,EAAiGN,SAAjG,EAAuHe,wBAAvH;AACA,kBAAK,6DAAL,EAAoET,wBAApE,EAA0FN,SAA1F,EAAgHgB,iBAAhH;AACA,kBAAK,uEAAL,EAA8EV,wBAA9E,EAAoGN,SAApG,EAA0HiB,2BAA1H;AACA,kBAAK,4DAAL,EAAmEX,wBAAnE,EAAyFN,SAAzF,EAA+GkB,gBAA/G;AACA,kBAAK,4DAAL,EAAmEZ,wBAAnE,EAAyFN,SAAzF,EAA+GmB,gBAA/G;AACA,kBAAK,0DAAL,EAAiEb,wBAAjE,EAAuFN,SAAvF,EAA6GoB,cAA7G;AACA,kBAAK,oEAAL,EAA2Ed,wBAA3E,EAAiGN,SAAjG,EAAuHqB,wBAAvH;AACA,kBAAK,mEAAL,EAA0Ef,wBAA1E,EAAgGN,SAAhG,EAAsHsB,uBAAtH;AACA,kBAAK,0DAAL,EAAiEhB,wBAAjE,EAAuFN,SAAvF,EAA6GuB,cAA7G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomCardImagePreview from '..';\nimport fixtureAdaptivAndDisabled from './fixtures/adaptiv-and-disabled';\nimport fixtureAdaptiv from './fixtures/adaptiv';\nimport fixtureArabic from './fixtures/arabic';\nimport fixtureArticle from './fixtures/article';\nimport fixtureCoorpmanager from './fixtures/coorpmanager';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureExternalContent from './fixtures/external-content';\nimport fixtureFavorite from './fixtures/favorite';\nimport fixtureFreerunAndDisabled from './fixtures/freerun-and-disabled';\nimport fixtureFreerun from './fixtures/freerun';\nimport fixturePodcast from './fixtures/podcast';\nimport fixtureScorm from './fixtures/scorm';\nimport fixtureSelectableFalse from './fixtures/selectable-false';\nimport fixtureSelectableTrue from './fixtures/selectable-true';\nimport fixtureVideo from './fixtures/video';\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 › AdaptivAndDisabled › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureAdaptivAndDisabled);\ntest('Atom › AtomCardImagePreview › Adaptiv › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureAdaptiv);\ntest('Atom › AtomCardImagePreview › Arabic › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureArabic);\ntest('Atom › AtomCardImagePreview › Article › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureArticle);\ntest('Atom › AtomCardImagePreview › Coorpmanager › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureCoorpmanager);\ntest('Atom › AtomCardImagePreview › Default › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureDefault);\ntest('Atom › AtomCardImagePreview › Disabled › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureDisabled);\ntest('Atom › AtomCardImagePreview › Empty › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureEmpty);\ntest('Atom › AtomCardImagePreview › ExternalContent › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureExternalContent);\ntest('Atom › AtomCardImagePreview › Favorite › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureFavorite);\ntest('Atom › AtomCardImagePreview › FreerunAndDisabled › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureFreerunAndDisabled);\ntest('Atom › AtomCardImagePreview › Freerun › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureFreerun);\ntest('Atom › AtomCardImagePreview › Podcast › should be rendered', renderComponentMacro, AtomCardImagePreview, fixturePodcast);\ntest('Atom › AtomCardImagePreview › Scorm › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureScorm);\ntest('Atom › AtomCardImagePreview › SelectableFalse › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureSelectableFalse);\ntest('Atom › AtomCardImagePreview › SelectableTrue › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureSelectableTrue);\ntest('Atom › AtomCardImagePreview › Video › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureVideo);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/card-image-preview/test/fixtures.js"],"names":["t","pass","AtomCardImagePreview","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureEmpty"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,2DAAL,EAAkEA,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAqBC,SAA7B,EAAwC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,4DAAL,EAAmEG,wBAAnE,EAAyFN,SAAzF,EAA+GO,gBAA/G;AACA,kBAAK,0DAAL,EAAiED,wBAAjE,EAAuFN,SAAvF,EAA6GQ,cAA7G","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/lib/molecule/draggable/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const preventDefault = e => e.preventDefault();
+
+const stopPropagation = e => e.stopPropagation();
+
+const Draggable = props => {
+  const {
+    id,
+    dragging = false,
+    onDragStart,
+    onDragOver,
+    onDragLeave,
+    onDrop,
+    children
+  } = props;
+  const dragStartHandler = (0, _react.useCallback)(e => {
+    stopPropagation(e);
+    onDragStart(id);
+  }, [id, onDragStart]);
+  const dragOverHandler = (0, _react.useCallback)(e => {
+    preventDefault(e);
+    onDragOver(id);
+  }, [id, onDragOver]);
+  const dragLeaveHandler = (0, _react.useCallback)(e => {
+    preventDefault(e);
+    onDragLeave(id);
+  }, [id, onDragLeave]);
+  const dropHandler = (0, _react.useCallback)(e => {
+    preventDefault(e);
+    onDrop(id);
+  }, [id, onDrop]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(dragging ? _style.default.dragging : null, _style.default.section, _style.default.draggable),
+    onDragStart: dragStartHandler,
+    onDragOver: dragOverHandler,
+    onDragLeave: dragLeaveHandler,
+    onDrop: dropHandler,
+    draggable: true
+  }, children);
+};
+
+Draggable.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: _propTypes.default.string,
+  dragging: _propTypes.default.bool,
+  onDragStart: _propTypes.default.func,
+  onDragOver: _propTypes.default.func,
+  onDragLeave: _propTypes.default.func,
+  onDrop: _propTypes.default.func,
+  children: _propTypes.default.element
+} : {};
+var _default = Draggable;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/draggable/index.js"],"names":["preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","dragOverHandler","dragLeaveHandler","dropHandler","style","section","draggable","propTypes","PropTypes","string","bool","func","element"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,CAAC,IAAIA,CAAC,CAACD,cAAF,EAA5B;;AACA,MAAME,eAAe,GAAGD,CAAC,IAAIA,CAAC,CAACC,eAAF,EAA7B;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;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,GAAG,wBACvBX,CAAC,IAAI;AACHC,IAAAA,eAAe,CAACD,CAAD,CAAf;AACAM,IAAAA,WAAW,CAACF,EAAD,CAAX;AACD,GAJsB,EAKvB,CAACA,EAAD,EAAKE,WAAL,CALuB,CAAzB;AAOA,QAAMM,eAAe,GAAG,wBACtBZ,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAO,IAAAA,UAAU,CAACH,EAAD,CAAV;AACD,GAJqB,EAKtB,CAACA,EAAD,EAAKG,UAAL,CALsB,CAAxB;AAOA,QAAMM,gBAAgB,GAAG,wBACvBb,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAQ,IAAAA,WAAW,CAACJ,EAAD,CAAX;AACD,GAJsB,EAKvB,CAACA,EAAD,EAAKI,WAAL,CALuB,CAAzB;AAOA,QAAMM,WAAW,GAAG,wBAClBd,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAS,IAAAA,MAAM,CAACL,EAAD,CAAN;AACD,GAJiB,EAKlB,CAACA,EAAD,EAAKK,MAAL,CALkB,CAApB;AAQA,sBACE;AACE,IAAA,SAAS,EAAE,yBAAWJ,QAAQ,GAAGU,eAAMV,QAAT,GAAoB,IAAvC,EAA6CU,eAAMC,OAAnD,EAA4DD,eAAME,SAAlE,CADb;AAEE,IAAA,WAAW,EAAEN,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,CAACgB,SAAV,2CAAsB;AACpBd,EAAAA,EAAE,EAAEe,mBAAUC,MADM;AAEpBf,EAAAA,QAAQ,EAAEc,mBAAUE,IAFA;AAGpBf,EAAAA,WAAW,EAAEa,mBAAUG,IAHH;AAIpBf,EAAAA,UAAU,EAAEY,mBAAUG,IAJF;AAKpBd,EAAAA,WAAW,EAAEW,mBAAUG,IALH;AAMpBb,EAAAA,MAAM,EAAEU,mBAAUG,IANE;AAOpBZ,EAAAA,QAAQ,EAAES,mBAAUI;AAPA,CAAtB;eAUerB,S","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/lib/molecule/draggable/style.css

@@ -0,0 +1,77 @@
+@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 {
+  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;
+  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/lib/molecule/draggable/test/fixtures/default.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    id: 'draggableId',
+    dragging: true,
+    onDragStart: () => console.log('onDragStart'),
+    onDragOver: () => console.log('onDragOver'),
+    onDragLeave: () => console.log('onDragLeave'),
+    onDrop: () => console.log('onDrop'),
+    children: []
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/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":";;;;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,C","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/lib/molecule/draggable/test/fixtures.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeDraggable > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeDraggable.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeDraggable › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/draggable/test/fixtures.js"],"names":["t","pass","MoleculeDraggable","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,4DAAL,EAAmEA,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,6DAAL,EAAoEG,wBAApE,EAA0FN,SAA1F,EAA6GO,gBAA7G","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/lib/molecule/search/test/fixtures.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _withValue = _interopRequireDefault(require("./fixtures/with-value"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeSearch > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeSearch.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeSearch › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Molecule › MoleculeSearch › WithValue › should be rendered', _renderComponent.default, _.default, _withValue.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/search/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/search/test/fixtures.js"],"names":["t","pass","MoleculeSearch","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureWithValue"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,yDAAL,EAAgEA,CAAC,IAAI;AACnEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAeC,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,mDAAkDF,GAAI,mEAA/E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,0DAAL,EAAiEG,wBAAjE,EAAuFN,SAAvF,EAAuGO,gBAAvG;AACA,kBAAK,4DAAL,EAAmED,wBAAnE,EAAyFN,SAAzF,EAAyGQ,kBAAzG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeSearch from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithValue from './fixtures/with-value';\n\ntest('Molecule › MoleculeSearch > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeSearch.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeSearch.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeSearch › Default › should be rendered', renderComponentMacro, MoleculeSearch, fixtureDefault);\ntest('Molecule › MoleculeSearch › WithValue › should be rendered', renderComponentMacro, MoleculeSearch, fixtureWithValue);\n"],"file":"fixtures.js"}

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

@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
 
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
@@ -56,20 +54,13 @@ ContentTypesToggler.propTypes = process.env.NODE_ENV !== "production" ? {
 
 const SetupSection = (props, context) => {
   const {
-    translate,
-    skin
+    translate
   } = context;
-  const brand = (0, _get2.default)('common.brand', skin);
-  const medium = (0, _get2.default)('common.medium', skin);
   const {
     title,
-    onUp,
-    onDown,
     display,
     contentTypes
   } = props;
-  const colorUp = onDown ? brand : medium;
-  const colorDown = onUp ? brand : medium;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -80,17 +71,7 @@ const SetupSection = (props, context) => {
     contentTypes: contentTypes
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.label
-  }, translate('Show')), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, display), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.arrowSection
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
-    color: colorUp,
-    className: onDown ? _style.default.arrow : _style.default.disabled,
-    onClick: onDown
-  }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowTop, {
-    color: colorDown,
-    className: onUp ? _style.default.arrow : _style.default.disabled,
-    onClick: onUp
-  }))));
+  }, translate('Show')), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, display)));
 };
 
 SetupSection.contextTypes = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/setup-section/index.js"],"names":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","medium","title","onUp","onDown","display","colorUp","colorDown","wrapper","settings","label","arrowSection","arrow","disabled","string","isRequired","func","InputSwitch"],"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":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown","InputSwitch"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,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,mBAAI,cAAJ,EAAoBF,IAApB,CAAd;AACA,QAAMG,MAAM,GAAG,mBAAI,eAAJ,EAAqBH,IAArB,CAAf;AACA,QAAMI,iBAAiB,GAAG,mBAAI,UAAJ,EAAgBH,YAAhB,IAAgCE,MAAhC,GAAyCD,KAAnE;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEG,eAAMC;AAAtB,kBACE,6BAAC,mBAAD,eAAgBL,YAAhB;AAA8B,IAAA,KAAK,EAAEG;AAArC,KADF,CADF;AAKD,CAjBD;;AAmBAP,mBAAmB,CAACU,YAApB,GAAmC;AACjCP,EAAAA,IAAI,EAAEQ,kBAASC,iBAAT,CAA2BT;AADA,CAAnC;AAIAH,mBAAmB,CAACa,SAApB,2CAAgC;AAC9BT,EAAAA,YAAY,EAAEU,mBAAUC,KAAV,uBACTC,oBAAWH,SADF;AAEZI,IAAAA,QAAQ,EAAEH,mBAAUI;AAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAAClB,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAACkB,IAAAA;AAAD,MAAclB,OAApB;AAEA,QAAM;AAACmB,IAAAA,KAAD;AAAQC,IAAAA,OAAR;AAAiBlB,IAAAA;AAAjB,MAAiCH,KAAvC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEO,eAAMe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,eAAMa;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEb,eAAMgB;AAAtB,kBACE,6BAAC,mBAAD;AAAqB,IAAA,YAAY,EAAEpB;AAAnC,IADF,eAEE;AAAK,IAAA,SAAS,EAAEI,eAAMiB;AAAtB,KAA8BL,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,6BAAC,oBAAD,EAAiBE,OAAjB,CAHF,CAFF,CADF;AAUD,CAfD;;AAiBAH,YAAY,CAACT,YAAb,GAA4B;AAC1BU,EAAAA,SAAS,EAAET,kBAASC,iBAAT,CAA2BQ,SADZ;AAE1BjB,EAAAA,IAAI,EAAEQ,kBAASC,iBAAT,CAA2BT;AAFP,CAA5B;AAKAgB,YAAY,CAACN,SAAb,2CAAyB;AACvBQ,EAAAA,KAAK,EAAEP,mBAAUY,MAAV,CAAiBC,UADD;AAEvBC,EAAAA,IAAI,EAAEd,mBAAUe,IAFO;AAGvBC,EAAAA,MAAM,EAAEhB,mBAAUe,IAHK;AAIvBP,EAAAA,OAAO,EAAER,mBAAUC,KAAV,CAAgBgB,qBAAYlB,SAA5B,CAJc;AAKvBT,EAAAA,YAAY,EAAEJ,mBAAmB,CAACa,SAApB,CAA8BT;AALrB,CAAzB;eAQee,Y","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/lib/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/lib/molecule/setup-sections/index.js

@@ -7,7 +7,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _draggable = _interopRequireDefault(require("../draggable"));
 
 var _setupSection = _interopRequireDefault(require("../setup-section"));
 
@@ -23,56 +23,6 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 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); }
 
-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 = (0, _react.useCallback)(e => {
-    stopPropagation(e);
-    onDragStart(id);
-  }, [id, onDragStart]);
-  const dragOverHandler = (0, _react.useCallback)(e => {
-    preventDefault(e);
-    onDragOver(id);
-  }, [id, onDragOver]);
-  const dragLeaveHandler = (0, _react.useCallback)(e => {
-    preventDefault(e);
-    onDragLeave(id);
-  }, [id, onDragLeave]);
-  const dropHandler = (0, _react.useCallback)(e => {
-    preventDefault(e);
-    onDrop(id);
-  }, [id, onDrop]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(dragging ? _style.default.dragging : null, _style.default.section, _style.default.draggable),
-    onDragStart: dragStartHandler,
-    onDragOver: dragOverHandler,
-    onDragLeave: dragLeaveHandler,
-    onDrop: dropHandler,
-    draggable: true
-  }, children);
-};
-
-Draggable.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: _propTypes.default.string,
-  dragging: _propTypes.default.bool,
-  onDragStart: _propTypes.default.func,
-  onDragOver: _propTypes.default.func,
-  onDragLeave: _propTypes.default.func,
-  onDrop: _propTypes.default.func,
-  children: _propTypes.default.element
-} : {};
-
 const Loading = () => /*#__PURE__*/_react.default.createElement("div", {
   className: _style.default.loading
 }, /*#__PURE__*/_react.default.createElement(_loader.default, null));
@@ -100,7 +50,7 @@ const SetupSections = ({
     setDragFrom(null);
   }, [onDrop, setDragTo, setDragFrom, dragFrom]);
   if (loading) return /*#__PURE__*/_react.default.createElement(Loading, null);
-  const sectionsView = sections.map((section, index) => /*#__PURE__*/_react.default.createElement(Draggable, {
+  const sectionsView = sections.map(section => /*#__PURE__*/_react.default.createElement(_draggable.default, {
     key: section.id,
     id: section.id,
     dragging: dragTo === section.id,
@@ -109,9 +59,7 @@ const SetupSections = ({
     onDragLeave: dragLeaveHandler,
     onDrop: dropHandler
   }, /*#__PURE__*/_react.default.createElement(_setupSection.default, _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.default.createElement("div", null, sectionsView);
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/setup-sections/index.js"],"names":["preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","dragOverHandler","dragLeaveHandler","dropHandler","style","section","draggable","propTypes","PropTypes","string","bool","func","element","Loading","loading","SetupSections","sections","dragTo","setDragTo","dragFrom","setDragFrom","sectionsView","map","index","onUp","length","onDown","arrayOf","shape","SetupSection"],"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":["Loading","style","loading","SetupSections","sections","onDrop","dragTo","setDragTo","dragFrom","setDragFrom","dragStartHandler","id","dragOverHandler","dragLeaveHandler","dropHandler","sectionsView","map","section","propTypes","PropTypes","arrayOf","shape","SetupSection","bool","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,OAAO,GAAG,mBACd;AAAK,EAAA,SAAS,EAAEC,eAAMC;AAAtB,gBACE,6BAAC,eAAD,OADF,CADF;;AAMA,MAAMC,aAAa,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWF,EAAAA,OAAX;AAAoBG,EAAAA;AAApB,CAAD,KAAiC;AACrD,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,qBAAS,IAAT,CAA5B;AACA,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0B,qBAAS,IAAT,CAAhC;AAEA,QAAMC,gBAAgB,GAAG,wBACvBC,EAAE,IAAI;AACJF,IAAAA,WAAW,CAACE,EAAD,CAAX;AACD,GAHsB,EAIvB,CAACF,WAAD,CAJuB,CAAzB;AAOA,QAAMG,eAAe,GAAG,wBACtBD,EAAE,IAAI;AACJ,QAAIL,MAAM,KAAKK,EAAf,EAAmB;AACnBJ,IAAAA,SAAS,CAACI,EAAD,CAAT;AACD,GAJqB,EAKtB,CAACL,MAAD,EAASC,SAAT,CALsB,CAAxB;AAQA,QAAMM,gBAAgB,GAAG,wBACvBF,EAAE,IAAI;AACJJ,IAAAA,SAAS,CAAC,IAAD,CAAT;AACD,GAHsB,EAIvB,CAACA,SAAD,CAJuB,CAAzB;AAOA,QAAMO,WAAW,GAAG,wBAClBH,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,GANiB,EAOlB,CAACJ,MAAD,EAASE,SAAT,EAAoBE,WAApB,EAAiCD,QAAjC,CAPkB,CAApB;AAUA,MAAIN,OAAJ,EAAa,oBAAO,6BAAC,OAAD,OAAP;AAEb,QAAMa,YAAY,GAAGX,QAAQ,CAACY,GAAT,CAAaC,OAAO,iBACvC,6BAAC,kBAAD;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,6BAAC,qBAAD,eAAkBG,OAAlB;AAA2B,IAAA,GAAG,EAAEA,OAAO,CAACN;AAAxC,KATF,CADmB,CAArB;AAaA,sBAAO,0CAAMI,YAAN,CAAP;AACD,CApDD;;AAsDAZ,aAAa,CAACe,SAAd,2CAA0B;AACxBd,EAAAA,QAAQ,EAAEe,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,sBAAaJ,SAA7B,CAAlB,CADc;AAExBhB,EAAAA,OAAO,EAAEiB,mBAAUI,IAFK;AAGxBlB,EAAAA,MAAM,EAAEc,mBAAUK;AAHM,CAA1B;eAMerB,a","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"}