@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.30

package/lib/organism/review-stacked-slides/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TOTAL_SLIDES_STACK","stylesByPosition","style","position0","position1","position2","position3","position4","unstackByPosition","slideOutAndIn0","slideOutAndIn1","slideOutAndIn2","slideOutAndIn3","slideOutAndIn4","getSlideAnimation","action","position","slideOutHideAndIn","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","_toString","animationType","slideView","classnames","slideBase","hiddenSlide","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer","propTypes"],"sources":["../../../src/organism/review-stacked-slides/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport _toString from 'lodash/fp/toString';\nimport ReviewSlide from '../review-slide';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst stylesByPosition = {\n  0: style.position0,\n  1: style.position1,\n  2: style.position2,\n  3: style.position3,\n  4: style.position4\n};\n\nconst unstackByPosition = {\n  0: style.slideOutAndIn0,\n  1: style.slideOutAndIn1,\n  2: style.slideOutAndIn2,\n  3: style.slideOutAndIn3,\n  4: style.slideOutAndIn4\n};\n\nconst getSlideAnimation = (action, position) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return unstackByPosition[position];\n    default:\n      return null;\n  }\n};\n\nconst StackedSlides = ({slides, endReview, validateButton, correctionPopinProps}) => {\n  const stackedSlides = [];\n  // eslint-disable-next-line fp/no-loops\n  for (let slideIndex = 0; slideIndex < TOTAL_SLIDES_STACK; slideIndex++) {\n    const slide = slides[_toString(slideIndex)];\n    const {animationType, position} = slide;\n\n    const slideView = (\n      <div\n        key={`slide-${slideIndex}`}\n        data-name={`slide-${slideIndex}`}\n        className={classnames(\n          style.slideBase,\n          getSlideAnimation(animationType, position),\n          position < 0 ? style.hiddenSlide : stylesByPosition[position],\n          endReview ? style.endReview : null\n        )}\n      >\n        <ReviewSlide\n          {...{\n            slideIndex: _toString(slideIndex),\n            slide,\n            validateButton,\n            correctionPopinProps\n          }}\n          key={slideIndex}\n        />\n      </div>\n    );\n    stackedSlides.push(slideView);\n  }\n\n  return (\n    <div\n      key=\"stacked-slides-container-y-overflow\"\n      className={style.stackedSlidesYAxisOverflowContainer}\n    >\n      <div\n        key=\"stacked-slides-container\"\n        data-name=\"stacked-slides-container\"\n        className={style.stackedSlidesContainer}\n      >\n        {stackedSlides}\n      </div>\n    </div>\n  );\n};\n\nStackedSlides.propTypes = propTypes;\n\nexport default StackedSlides;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAgC;AAEzB,MAAMA,kBAAkB,GAAG,CAAC;AAAC;AAEpC,MAAMC,gBAAgB,GAAG;EACvB,CAAC,EAAEC,cAAK,CAACC,SAAS;EAClB,CAAC,EAAED,cAAK,CAACE,SAAS;EAClB,CAAC,EAAEF,cAAK,CAACG,SAAS;EAClB,CAAC,EAAEH,cAAK,CAACI,SAAS;EAClB,CAAC,EAAEJ,cAAK,CAACK;AACX,CAAC;AAED,MAAMC,iBAAiB,GAAG;EACxB,CAAC,EAAEN,cAAK,CAACO,cAAc;EACvB,CAAC,EAAEP,cAAK,CAACQ,cAAc;EACvB,CAAC,EAAER,cAAK,CAACS,cAAc;EACvB,CAAC,EAAET,cAAK,CAACU,cAAc;EACvB,CAAC,EAAEV,cAAK,CAACW;AACX,CAAC;AAED,MAAMC,iBAAiB,GAAG,CAACC,MAAM,EAAEC,QAAQ,KAAK;EAC9C,QAAQD,MAAM;IACZ,KAAK,SAAS;MACZ,OAAOb,cAAK,CAACe,iBAAiB;IAChC,KAAK,SAAS;MACZ,OAAOT,iBAAiB,CAACQ,QAAQ,CAAC;IACpC;MACE,OAAO,IAAI;EAAC;AAElB,CAAC;AAED,MAAME,aAAa,GAAG,CAAC;EAACC,MAAM;EAAEC,SAAS;EAAEC,cAAc;EAAEC;AAAoB,CAAC,KAAK;EACnF,MAAMC,aAAa,GAAG,EAAE;EACxB;EACA,KAAK,IAAIC,UAAU,GAAG,CAAC,EAAEA,UAAU,GAAGxB,kBAAkB,EAAEwB,UAAU,EAAE,EAAE;IACtE,MAAMC,KAAK,GAAGN,MAAM,CAAC,IAAAO,kBAAS,EAACF,UAAU,CAAC,CAAC;IAC3C,MAAM;MAACG,aAAa;MAAEX;IAAQ,CAAC,GAAGS,KAAK;IAEvC,MAAMG,SAAS,gBACb;MACE,GAAG,EAAG,SAAQJ,UAAW,EAAE;MAC3B,aAAY,SAAQA,UAAW,EAAE;MACjC,SAAS,EAAE,IAAAK,mBAAU,EACnB3B,cAAK,CAAC4B,SAAS,EACfhB,iBAAiB,CAACa,aAAa,EAAEX,QAAQ,CAAC,EAC1CA,QAAQ,GAAG,CAAC,GAAGd,cAAK,CAAC6B,WAAW,GAAG9B,gBAAgB,CAACe,QAAQ,CAAC,EAC7DI,SAAS,GAAGlB,cAAK,CAACkB,SAAS,GAAG,IAAI;IAClC,gBAEF,6BAAC,oBAAW;MAERI,UAAU,EAAE,IAAAE,kBAAS,EAACF,UAAU,CAAC;MACjCC,KAAK;MACLJ,cAAc;MACdC,oBAAoB;MAEtB,GAAG,EAAEE;IAAW,EAChB,CAEL;IACDD,aAAa,CAACS,IAAI,CAACJ,SAAS,CAAC;EAC/B;EAEA,oBACE;IACE,GAAG,EAAC,qCAAqC;IACzC,SAAS,EAAE1B,cAAK,CAAC+B;EAAoC,gBAErD;IACE,GAAG,EAAC,0BAA0B;IAC9B,aAAU,0BAA0B;IACpC,SAAS,EAAE/B,cAAK,CAACgC;EAAuB,GAEvCX,aAAa,CACV,CACF;AAEV,CAAC;AAEDL,aAAa,CAACiB,SAAS,2CAAGA,kBAAS;AAAC,eAErBjB,aAAa;AAAA"}
+{"version":3,"file":"index.js","names":["TOTAL_SLIDES_STACK","stylesByPosition","style","position0","position1","position2","position3","position4","unstackByPosition","slideOutAndIn0","slideOutAndIn1","slideOutAndIn2","slideOutAndIn3","slideOutAndIn4","getSlideAnimation","action","position","slideOutHideAndIn","StackedSlides","slides","endReview","validateButton","correctionPopinProps","stackedSlides","slideIndex","slide","_toString","animationType","slideView","classnames","slideBase","hiddenSlide","push","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer","propTypes"],"sources":["../../../src/organism/review-stacked-slides/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport _toString from 'lodash/fp/toString';\nimport ReviewSlide from '../review-slide';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst stylesByPosition = {\n  0: style.position0,\n  1: style.position1,\n  2: style.position2,\n  3: style.position3,\n  4: style.position4\n};\n\nconst unstackByPosition = {\n  0: style.slideOutAndIn0,\n  1: style.slideOutAndIn1,\n  2: style.slideOutAndIn2,\n  3: style.slideOutAndIn3,\n  4: style.slideOutAndIn4\n};\n\nconst getSlideAnimation = (action, position) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return unstackByPosition[position];\n    default:\n      return null;\n  }\n};\n\nconst StackedSlides = ({slides, endReview, validateButton, correctionPopinProps}) => {\n  const stackedSlides = [];\n  // eslint-disable-next-line fp/no-loops\n  for (let slideIndex = 0; slideIndex < TOTAL_SLIDES_STACK; slideIndex++) {\n    const slide = slides[_toString(slideIndex)];\n    const {animationType, position} = slide;\n\n    const slideView = (\n      <div\n        key={`slide-${slideIndex}`}\n        data-name={`slide-${slideIndex}`}\n        className={classnames(\n          style.slideBase,\n          getSlideAnimation(animationType, position),\n          position < 0 ? style.hiddenSlide : stylesByPosition[position],\n          endReview ? style.endReview : null\n        )}\n      >\n        <ReviewSlide\n          {...{\n            slideIndex: _toString(slideIndex),\n            slide,\n            validateButton,\n            correctionPopinProps\n          }}\n          key={slideIndex}\n        />\n      </div>\n    );\n    stackedSlides.push(slideView);\n  }\n\n  return (\n    <div\n      key=\"stacked-slides-container-y-overflow\"\n      className={style.stackedSlidesYAxisOverflowContainer}\n    >\n      <div\n        key=\"stacked-slides-container\"\n        data-name=\"stacked-slides-container\"\n        className={style.stackedSlidesContainer}\n      >\n        {stackedSlides}\n      </div>\n    </div>\n  );\n};\n\nStackedSlides.propTypes = propTypes;\n\nexport default StackedSlides;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,kBAAkB,GAAG,CAA3B;;AAEP,MAAMC,gBAAgB,GAAG;EACvB,GAAGC,cAAA,CAAMC,SADc;EAEvB,GAAGD,cAAA,CAAME,SAFc;EAGvB,GAAGF,cAAA,CAAMG,SAHc;EAIvB,GAAGH,cAAA,CAAMI,SAJc;EAKvB,GAAGJ,cAAA,CAAMK;AALc,CAAzB;AAQA,MAAMC,iBAAiB,GAAG;EACxB,GAAGN,cAAA,CAAMO,cADe;EAExB,GAAGP,cAAA,CAAMQ,cAFe;EAGxB,GAAGR,cAAA,CAAMS,cAHe;EAIxB,GAAGT,cAAA,CAAMU,cAJe;EAKxB,GAAGV,cAAA,CAAMW;AALe,CAA1B;;AAQA,MAAMC,iBAAiB,GAAG,CAACC,MAAD,EAASC,QAAT,KAAsB;EAC9C,QAAQD,MAAR;IACE,KAAK,SAAL;MACE,OAAOb,cAAA,CAAMe,iBAAb;;IACF,KAAK,SAAL;MACE,OAAOT,iBAAiB,CAACQ,QAAD,CAAxB;;IACF;MACE,OAAO,IAAP;EANJ;AAQD,CATD;;AAWA,MAAME,aAAa,GAAG,CAAC;EAACC,MAAD;EAASC,SAAT;EAAoBC,cAApB;EAAoCC;AAApC,CAAD,KAA+D;EACnF,MAAMC,aAAa,GAAG,EAAtB,CADmF,CAEnF;;EACA,KAAK,IAAIC,UAAU,GAAG,CAAtB,EAAyBA,UAAU,GAAGxB,kBAAtC,EAA0DwB,UAAU,EAApE,EAAwE;IACtE,MAAMC,KAAK,GAAGN,MAAM,CAAC,IAAAO,kBAAA,EAAUF,UAAV,CAAD,CAApB;IACA,MAAM;MAACG,aAAD;MAAgBX;IAAhB,IAA4BS,KAAlC;;IAEA,MAAMG,SAAS,gBACb;MACE,GAAG,EAAG,SAAQJ,UAAW,EAD3B;MAEE,aAAY,SAAQA,UAAW,EAFjC;MAGE,SAAS,EAAE,IAAAK,mBAAA,EACT3B,cAAA,CAAM4B,SADG,EAEThB,iBAAiB,CAACa,aAAD,EAAgBX,QAAhB,CAFR,EAGTA,QAAQ,GAAG,CAAX,GAAed,cAAA,CAAM6B,WAArB,GAAmC9B,gBAAgB,CAACe,QAAD,CAH1C,EAITI,SAAS,GAAGlB,cAAA,CAAMkB,SAAT,GAAqB,IAJrB;IAHb,gBAUE,6BAAC,oBAAD;MAEII,UAAU,EAAE,IAAAE,kBAAA,EAAUF,UAAV,CAFhB;MAGIC,KAHJ;MAIIJ,cAJJ;MAKIC,oBALJ;MAOE,GAAG,EAAEE;IAPP,EAVF,CADF;;IAsBAD,aAAa,CAACS,IAAd,CAAmBJ,SAAnB;EACD;;EAED,oBACE;IACE,GAAG,EAAC,qCADN;IAEE,SAAS,EAAE1B,cAAA,CAAM+B;EAFnB,gBAIE;IACE,GAAG,EAAC,0BADN;IAEE,aAAU,0BAFZ;IAGE,SAAS,EAAE/B,cAAA,CAAMgC;EAHnB,GAKGX,aALH,CAJF,CADF;AAcD,CA9CD;;AAgDAL,aAAa,CAACiB,SAAd,2CAA0BA,kBAA1B;eAEejB,a"}

package/lib/organism/review-stacked-slides/index.native.js

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _reactNativeAnimation = require("@coorpacademy/react-native-animation");
+
 var _index = _interopRequireDefault(require("../review-slide/index.native"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const style = _reactNative.StyleSheet.create({
   slides: {
     flex: 1,
@@ -17,12 +26,13 @@ const style = _reactNative.StyleSheet.create({
     width: '100%'
   }
 });
-
 /*
    - slides are ordered to be played from left to right: [0,1,2,3]
    - slides are piled on the view, so we need to reverse the order:
    -> it's like our eye is looking from the right [3,2,1,0] <-- oO
 */
+
+
 const StackedSlides = props => {
   const {
     height: windowHeight
@@ -68,12 +78,13 @@ const StackedSlides = props => {
     if (restacking !== null && orderedKeys.includes(restacking)) {
       setRestacking(null);
       setRestackingDone(false);
-    }
-    // this effect is required only when the list orderedKeys changes
+    } // this effect is required only when the list orderedKeys changes
     // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [orderedKeys.toString()]);
   (0, _react.useEffect)(() => {
     const unstacking = unstackingSlide && !unstacked.includes(unstackingSlide);
+
     if (unstacking) {
       translateDown.start(() => {
         setUnstacked([...unstacked, unstackingSlide]);
@@ -82,6 +93,7 @@ const StackedSlides = props => {
   }, [unstackingSlide, unstacked, setUnstacked, translateDown]);
   (0, _react.useEffect)(() => {
     const startRestacking = !restackingDone && restackingSlide && restacking !== restackingSlide;
+
     if (startRestacking) {
       translateDown.start(() => {
         setRestacking(restackingSlide);
@@ -89,9 +101,9 @@ const StackedSlides = props => {
           setRestackingDone(true);
         });
       });
-    }
-    // this effect is required only to trigger the restack animation when a new restackingSlide is set
+    } // this effect is required only to trigger the restack animation when a new restackingSlide is set
     // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [restackingSlide, restacking]);
   const stackedSlides = orderedKeys.map((slideIndex, index) => {
     const slide = slides[slideIndex];
@@ -105,6 +117,7 @@ const StackedSlides = props => {
       key: slideIndex
     });
   });
+
   if (animatedFrontSlide) {
     stackedSlides.push( /*#__PURE__*/_react.default.createElement(_index.default, {
       num: 0,
@@ -116,6 +129,7 @@ const StackedSlides = props => {
       key: animatedFrontSlide
     }));
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     style: [style.slides, hideSlides.animatedStyle]
   }, animatedRestackedSlide ? /*#__PURE__*/_react.default.createElement(_index.default, {
@@ -128,6 +142,7 @@ const StackedSlides = props => {
     key: restacking
   }) : null, stackedSlides);
 };
+
 var _default = StackedSlides;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/lib/organism/review-stacked-slides/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["style","StyleSheet","create","slides","flex","height","width","StackedSlides","props","windowHeight","useWindowDimensions","endReview","validateButton","correctionPopinProps","unstacked","setUnstacked","useState","restacking","setRestacking","restackingDone","setRestackingDone","hideSlides","useTranslateY","fromValue","toValue","duration","translateDown","easing","Easing","cubic","restackTranslation","useAnimateProp","property","useEffect","start","restackingSlide","keys","find","k","animationType","unstackingSlide","remainingKeys","filter","position","orderedKeys","sort","k1","k2","animatedFrontSlide","undefined","animatedRestackedSlide","includes","toString","unstacking","startRestacking","stackedSlides","map","slideIndex","index","slide","num","length","push","animatedStyle"],"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Animated, Easing, StyleSheet, useWindowDimensions} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Slide from '../review-slide/index.native';\nimport type {ReviewStackProps} from './prop-types';\n\nconst style = StyleSheet.create({\n  slides: {\n    flex: 1,\n    height: '100%',\n    width: '100%'\n  }\n});\n\n/*\n   - slides are ordered to be played from left to right: [0,1,2,3]\n   - slides are piled on the view, so we need to reverse the order:\n   -> it's like our eye is looking from the right [3,2,1,0] <-- oO\n*/\nconst StackedSlides = (props: ReviewStackProps) => {\n  const {height: windowHeight} = useWindowDimensions();\n  const {endReview, slides, validateButton, correctionPopinProps} = props;\n  const [unstacked, setUnstacked] = useState<string[]>([]);\n  const [restacking, setRestacking] = useState<string | null>(null);\n  const [restackingDone, setRestackingDone] = useState<boolean>(false);\n\n  const hideSlides = useTranslateY({\n    fromValue: 0,\n    toValue: windowHeight,\n    duration: 800\n  });\n\n  const translateDown = useTranslateY({\n    fromValue: 0,\n    toValue: windowHeight - 100,\n    duration: 500,\n    easing: Easing.cubic\n  });\n\n  const restackTranslation = useAnimateProp({\n    property: 'opacity',\n    toValue: 1,\n    fromValue: 0,\n    duration: 700\n  });\n\n  useEffect(() => {\n    if (endReview) {\n      hideSlides.start();\n    }\n  }, [endReview, hideSlides]);\n\n  const restackingSlide = keys(slides).find(k => slides[k].animationType === 'restack');\n  const unstackingSlide = keys(slides).find(k => slides[k].animationType === 'unstack');\n\n  const remainingKeys = keys(slides).filter(\n    k => slides[k].position >= 0 && !slides[k].animationType\n  );\n\n  const orderedKeys = remainingKeys.sort((k1, k2) =>\n    slides[k2].position > slides[k1].position ? 1 : -1\n  );\n\n  const animatedFrontSlide =\n    unstackingSlide || (restackingSlide && restacking === null ? restackingSlide : undefined);\n\n  const animatedRestackedSlide = restacking !== null;\n\n  useEffect(() => {\n    if (restacking !== null && orderedKeys.includes(restacking)) {\n      setRestacking(null);\n      setRestackingDone(false);\n    }\n    // this effect is required only when the list orderedKeys changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [orderedKeys.toString()]);\n\n  useEffect(() => {\n    const unstacking = unstackingSlide && !unstacked.includes(unstackingSlide);\n\n    if (unstacking) {\n      translateDown.start(() => {\n        setUnstacked([...unstacked, unstackingSlide]);\n      });\n    }\n  }, [unstackingSlide, unstacked, setUnstacked, translateDown]);\n\n  useEffect(() => {\n    const startRestacking = !restackingDone && restackingSlide && restacking !== restackingSlide;\n\n    if (startRestacking) {\n      translateDown.start(() => {\n        setRestacking(restackingSlide);\n        restackTranslation.start(() => {\n          setRestackingDone(true);\n        });\n      });\n    }\n    // this effect is required only to trigger the restack animation when a new restackingSlide is set\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [restackingSlide, restacking]);\n\n  const stackedSlides = orderedKeys.map((slideIndex, index) => {\n    const slide = slides[slideIndex];\n    const num = orderedKeys.length - index;\n\n    return (\n      <Slide\n        {...{\n          num,\n          slideIndex,\n          slide,\n          validateButton,\n          correctionPopinProps\n        }}\n        key={slideIndex}\n      />\n    );\n  });\n\n  if (animatedFrontSlide) {\n    stackedSlides.push(\n      <Slide\n        {...{\n          num: 0,\n          slideIndex: animatedFrontSlide,\n          slide: slides[animatedFrontSlide],\n          validateButton,\n          correctionPopinProps\n        }}\n        animatedStyle={[translateDown.animatedStyle]}\n        key={animatedFrontSlide}\n      />\n    );\n  }\n\n  return (\n    <Animated.View style={[style.slides, hideSlides.animatedStyle]}>\n      {animatedRestackedSlide ? (\n        <Slide\n          {...{\n            num: orderedKeys.length + 1,\n            slideIndex: restacking,\n            slide: slides[restacking],\n            validateButton,\n            correctionPopinProps\n          }}\n          animatedStyle={[restackTranslation.animatedStyle]}\n          key={restacking}\n        />\n      ) : null}\n      {stackedSlides}\n    </Animated.View>\n  );\n};\n\nexport default StackedSlides;\n"],"mappings":"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"}
+{"version":3,"file":"index.native.js","names":["style","StyleSheet","create","slides","flex","height","width","StackedSlides","props","windowHeight","useWindowDimensions","endReview","validateButton","correctionPopinProps","unstacked","setUnstacked","useState","restacking","setRestacking","restackingDone","setRestackingDone","hideSlides","useTranslateY","fromValue","toValue","duration","translateDown","easing","Easing","cubic","restackTranslation","useAnimateProp","property","useEffect","start","restackingSlide","keys","find","k","animationType","unstackingSlide","remainingKeys","filter","position","orderedKeys","sort","k1","k2","animatedFrontSlide","undefined","animatedRestackedSlide","includes","toString","unstacking","startRestacking","stackedSlides","map","slideIndex","index","slide","num","length","push","animatedStyle"],"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Animated, Easing, StyleSheet, useWindowDimensions} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport {useAnimateProp, useTranslateY} from '@coorpacademy/react-native-animation';\nimport Slide from '../review-slide/index.native';\nimport type {ReviewStackProps} from './prop-types';\n\nconst style = StyleSheet.create({\n  slides: {\n    flex: 1,\n    height: '100%',\n    width: '100%'\n  }\n});\n\n/*\n   - slides are ordered to be played from left to right: [0,1,2,3]\n   - slides are piled on the view, so we need to reverse the order:\n   -> it's like our eye is looking from the right [3,2,1,0] <-- oO\n*/\nconst StackedSlides = (props: ReviewStackProps) => {\n  const {height: windowHeight} = useWindowDimensions();\n  const {endReview, slides, validateButton, correctionPopinProps} = props;\n  const [unstacked, setUnstacked] = useState<string[]>([]);\n  const [restacking, setRestacking] = useState<string | null>(null);\n  const [restackingDone, setRestackingDone] = useState<boolean>(false);\n\n  const hideSlides = useTranslateY({\n    fromValue: 0,\n    toValue: windowHeight,\n    duration: 800\n  });\n\n  const translateDown = useTranslateY({\n    fromValue: 0,\n    toValue: windowHeight - 100,\n    duration: 500,\n    easing: Easing.cubic\n  });\n\n  const restackTranslation = useAnimateProp({\n    property: 'opacity',\n    toValue: 1,\n    fromValue: 0,\n    duration: 700\n  });\n\n  useEffect(() => {\n    if (endReview) {\n      hideSlides.start();\n    }\n  }, [endReview, hideSlides]);\n\n  const restackingSlide = keys(slides).find(k => slides[k].animationType === 'restack');\n  const unstackingSlide = keys(slides).find(k => slides[k].animationType === 'unstack');\n\n  const remainingKeys = keys(slides).filter(\n    k => slides[k].position >= 0 && !slides[k].animationType\n  );\n\n  const orderedKeys = remainingKeys.sort((k1, k2) =>\n    slides[k2].position > slides[k1].position ? 1 : -1\n  );\n\n  const animatedFrontSlide =\n    unstackingSlide || (restackingSlide && restacking === null ? restackingSlide : undefined);\n\n  const animatedRestackedSlide = restacking !== null;\n\n  useEffect(() => {\n    if (restacking !== null && orderedKeys.includes(restacking)) {\n      setRestacking(null);\n      setRestackingDone(false);\n    }\n    // this effect is required only when the list orderedKeys changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [orderedKeys.toString()]);\n\n  useEffect(() => {\n    const unstacking = unstackingSlide && !unstacked.includes(unstackingSlide);\n\n    if (unstacking) {\n      translateDown.start(() => {\n        setUnstacked([...unstacked, unstackingSlide]);\n      });\n    }\n  }, [unstackingSlide, unstacked, setUnstacked, translateDown]);\n\n  useEffect(() => {\n    const startRestacking = !restackingDone && restackingSlide && restacking !== restackingSlide;\n\n    if (startRestacking) {\n      translateDown.start(() => {\n        setRestacking(restackingSlide);\n        restackTranslation.start(() => {\n          setRestackingDone(true);\n        });\n      });\n    }\n    // this effect is required only to trigger the restack animation when a new restackingSlide is set\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [restackingSlide, restacking]);\n\n  const stackedSlides = orderedKeys.map((slideIndex, index) => {\n    const slide = slides[slideIndex];\n    const num = orderedKeys.length - index;\n\n    return (\n      <Slide\n        {...{\n          num,\n          slideIndex,\n          slide,\n          validateButton,\n          correctionPopinProps\n        }}\n        key={slideIndex}\n      />\n    );\n  });\n\n  if (animatedFrontSlide) {\n    stackedSlides.push(\n      <Slide\n        {...{\n          num: 0,\n          slideIndex: animatedFrontSlide,\n          slide: slides[animatedFrontSlide],\n          validateButton,\n          correctionPopinProps\n        }}\n        animatedStyle={[translateDown.animatedStyle]}\n        key={animatedFrontSlide}\n      />\n    );\n  }\n\n  return (\n    <Animated.View style={[style.slides, hideSlides.animatedStyle]}>\n      {animatedRestackedSlide ? (\n        <Slide\n          {...{\n            num: orderedKeys.length + 1,\n            slideIndex: restacking,\n            slide: slides[restacking],\n            validateButton,\n            correctionPopinProps\n          }}\n          animatedStyle={[restackTranslation.animatedStyle]}\n          key={restacking}\n        />\n      ) : null}\n      {stackedSlides}\n    </Animated.View>\n  );\n};\n\nexport default StackedSlides;\n"],"mappings":"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"}

package/lib/organism/review-stacked-slides/prop-types.d.ts

@@ -408,7 +408,7 @@ declare const propTypes: {
     endReview: PropTypes.Requireable<boolean>;
 };
 export default propTypes;
-export type ReviewStackProps = {
+export declare type ReviewStackProps = {
     validateButton: ReviewSlideProps['validateButton'];
     correctionPopinProps?: ReviewCorrectionPopinProps;
     slides: {

package/lib/organism/review-stacked-slides/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-stacked-slides/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAC,MAAM,mDAAmD,CAAC;AAE7F,OAA6B,EAC3B,gBAAgB,EAChB,UAAU,EAEX,MAAM,4BAA4B,CAAC;AAEpC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACnD,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;IAClD,MAAM,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAA;KAAC,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/review-stacked-slides/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,0BAA0B,EAAC,MAAM,mDAAmD,CAAC;AAE7F,OAA6B,EAC3B,gBAAgB,EAChB,UAAU,EAEX,MAAM,4BAA4B,CAAC;AAEpC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,gBAAgB,GAAG;IAC7B,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACnD,oBAAoB,CAAC,EAAE,0BAA0B,CAAC;IAClD,MAAM,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAA;KAAC,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/lib/organism/review-stacked-slides/prop-types.js

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireWildcard(require("../review-slide/prop-types"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const propTypes = {
   validateButton: _propTypes2.default.validateButton,
   correctionPopinProps: _propTypes2.default.correctionPopinProps,

package/lib/organism/review-stacked-slides/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["propTypes","validateButton","ReviewSlidePropTypes","correctionPopinProps","slides","PropTypes","shape","SlidePropsTypes","isRequired","endReview","bool"],"sources":["../../../src/organism/review-stacked-slides/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ReviewCorrectionPopinProps} from '../../molecule/review-correction-popin/prop-types';\n\nimport ReviewSlidePropTypes, {\n  ReviewSlideProps,\n  SlideProps,\n  SlidePropsTypes\n} from '../review-slide/prop-types';\n\nconst propTypes = {\n  validateButton: ReviewSlidePropTypes.validateButton,\n  correctionPopinProps: ReviewSlidePropTypes.correctionPopinProps,\n  slides: PropTypes.shape({\n    '0': SlidePropsTypes,\n    '1': SlidePropsTypes,\n    '2': SlidePropsTypes,\n    '3': SlidePropsTypes,\n    '4': SlidePropsTypes\n  }).isRequired,\n  endReview: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type ReviewStackProps = {\n  validateButton: ReviewSlideProps['validateButton'];\n  correctionPopinProps?: ReviewCorrectionPopinProps;\n  slides: {[key: string]: SlideProps};\n  endReview: boolean;\n};\n"],"mappings":";;;;AAAA;AAGA;AAIoC;AAAA;AAAA;AAEpC,MAAMA,SAAS,GAAG;EAChBC,cAAc,EAAEC,mBAAoB,CAACD,cAAc;EACnDE,oBAAoB,EAAED,mBAAoB,CAACC,oBAAoB;EAC/DC,MAAM,EAAEC,kBAAS,CAACC,KAAK,CAAC;IACtB,GAAG,EAAEC,2BAAe;IACpB,GAAG,EAAEA,2BAAe;IACpB,GAAG,EAAEA,2BAAe;IACpB,GAAG,EAAEA,2BAAe;IACpB,GAAG,EAAEA;EACP,CAAC,CAAC,CAACC,UAAU;EACbC,SAAS,EAAEJ,kBAAS,CAACK;AACvB,CAAC;AAAC,eAEaV,SAAS;AAAA"}
+{"version":3,"file":"prop-types.js","names":["propTypes","validateButton","ReviewSlidePropTypes","correctionPopinProps","slides","PropTypes","shape","SlidePropsTypes","isRequired","endReview","bool"],"sources":["../../../src/organism/review-stacked-slides/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ReviewCorrectionPopinProps} from '../../molecule/review-correction-popin/prop-types';\n\nimport ReviewSlidePropTypes, {\n  ReviewSlideProps,\n  SlideProps,\n  SlidePropsTypes\n} from '../review-slide/prop-types';\n\nconst propTypes = {\n  validateButton: ReviewSlidePropTypes.validateButton,\n  correctionPopinProps: ReviewSlidePropTypes.correctionPopinProps,\n  slides: PropTypes.shape({\n    '0': SlidePropsTypes,\n    '1': SlidePropsTypes,\n    '2': SlidePropsTypes,\n    '3': SlidePropsTypes,\n    '4': SlidePropsTypes\n  }).isRequired,\n  endReview: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type ReviewStackProps = {\n  validateButton: ReviewSlideProps['validateButton'];\n  correctionPopinProps?: ReviewCorrectionPopinProps;\n  slides: {[key: string]: SlideProps};\n  endReview: boolean;\n};\n"],"mappings":";;;;;AAAA;;AAGA;;;;;;;;AAMA,MAAMA,SAAS,GAAG;EAChBC,cAAc,EAAEC,mBAAA,CAAqBD,cADrB;EAEhBE,oBAAoB,EAAED,mBAAA,CAAqBC,oBAF3B;EAGhBC,MAAM,EAAEC,kBAAA,CAAUC,KAAV,CAAgB;IACtB,KAAKC,2BADiB;IAEtB,KAAKA,2BAFiB;IAGtB,KAAKA,2BAHiB;IAItB,KAAKA,2BAJiB;IAKtB,KAAKA;EALiB,CAAhB,EAMLC,UATa;EAUhBC,SAAS,EAAEJ,kBAAA,CAAUK;AAVL,CAAlB;eAaeV,S"}

package/lib/organism/rewards-form/index.js

@@ -2,22 +2,32 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _titleAndCheckboxWrapper = _interopRequireDefault(require("../../molecule/title-and-checkbox-wrapper"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 const _excluded = ["childType"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 const RewardsForm = ({
   items
 }) => {
   const itemsView = items.map((_ref, index) => {
     let {
-        childType
-      } = _ref,
-      item = _objectWithoutPropertiesLoose(_ref, _excluded);
+      childType
+    } = _ref,
+        item = _objectWithoutPropertiesLoose(_ref, _excluded);
+
     return /*#__PURE__*/_react.default.createElement("li", {
       key: index,
       className: (0, _classnames.default)(_style.default.item, childType === 'input-text' && _style.default.inputText),
@@ -28,6 +38,7 @@ const RewardsForm = ({
     className: _style.default.list
   }, itemsView);
 };
+
 RewardsForm.propTypes = process.env.NODE_ENV !== "production" ? {
   items: _propTypes.default.arrayOf(_propTypes.default.shape(_titleAndCheckboxWrapper.default.propTypes))
 } : {};

package/lib/organism/rewards-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["RewardsForm","items","itemsView","map","index","childType","item","classnames","style","inputText","list","propTypes","PropTypes","arrayOf","shape","TitleAndCheckBoxWrapper"],"sources":["../../../src/organism/rewards-form/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport TitleAndCheckBoxWrapper from '../../molecule/title-and-checkbox-wrapper';\nimport style from './style.css';\n\nconst RewardsForm = ({items}) => {\n  const itemsView = items.map(({childType, ...item}, index) => {\n    return (\n      <li\n        key={index}\n        className={classnames(style.item, childType === 'input-text' && style.inputText)}\n        data-name={`reward-${index}`}\n      >\n        <TitleAndCheckBoxWrapper {...item} />\n      </li>\n    );\n  });\n  return <ul className={style.list}>{itemsView}</ul>;\n};\n\nRewardsForm.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape(TitleAndCheckBoxWrapper.propTypes))\n};\n\nexport default RewardsForm;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AAAgC;AAAA;AAAA;AAEhC,MAAMA,WAAW,GAAG,CAAC;EAACC;AAAK,CAAC,KAAK;EAC/B,MAAMC,SAAS,GAAGD,KAAK,CAACE,GAAG,CAAC,OAAuBC,KAAK,KAAK;IAAA,IAAhC;QAACC;MAAkB,CAAC;MAALC,IAAI;IAC9C,oBACE;MACE,GAAG,EAAEF,KAAM;MACX,SAAS,EAAE,IAAAG,mBAAU,EAACC,cAAK,CAACF,IAAI,EAAED,SAAS,KAAK,YAAY,IAAIG,cAAK,CAACC,SAAS,CAAE;MACjF,aAAY,UAASL,KAAM;IAAE,gBAE7B,6BAAC,gCAAuB,EAAKE,IAAI,CAAI,CAClC;EAET,CAAC,CAAC;EACF,oBAAO;IAAI,SAAS,EAAEE,cAAK,CAACE;EAAK,GAAER,SAAS,CAAM;AACpD,CAAC;AAEDF,WAAW,CAACW,SAAS,2CAAG;EACtBV,KAAK,EAAEW,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,gCAAuB,CAACJ,SAAS,CAAC;AAC7E,CAAC;AAAC,eAEaX,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["RewardsForm","items","itemsView","map","index","childType","item","classnames","style","inputText","list","propTypes","PropTypes","arrayOf","shape","TitleAndCheckBoxWrapper"],"sources":["../../../src/organism/rewards-form/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport TitleAndCheckBoxWrapper from '../../molecule/title-and-checkbox-wrapper';\nimport style from './style.css';\n\nconst RewardsForm = ({items}) => {\n  const itemsView = items.map(({childType, ...item}, index) => {\n    return (\n      <li\n        key={index}\n        className={classnames(style.item, childType === 'input-text' && style.inputText)}\n        data-name={`reward-${index}`}\n      >\n        <TitleAndCheckBoxWrapper {...item} />\n      </li>\n    );\n  });\n  return <ul className={style.list}>{itemsView}</ul>;\n};\n\nRewardsForm.propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape(TitleAndCheckBoxWrapper.propTypes))\n};\n\nexport default RewardsForm;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EAACC;AAAD,CAAD,KAAa;EAC/B,MAAMC,SAAS,GAAGD,KAAK,CAACE,GAAN,CAAU,OAAuBC,KAAvB,KAAiC;IAAA,IAAhC;MAACC;IAAD,CAAgC;IAAA,IAAjBC,IAAiB;;IAC3D,oBACE;MACE,GAAG,EAAEF,KADP;MAEE,SAAS,EAAE,IAAAG,mBAAA,EAAWC,cAAA,CAAMF,IAAjB,EAAuBD,SAAS,KAAK,YAAd,IAA8BG,cAAA,CAAMC,SAA3D,CAFb;MAGE,aAAY,UAASL,KAAM;IAH7B,gBAKE,6BAAC,gCAAD,EAA6BE,IAA7B,CALF,CADF;EASD,CAViB,CAAlB;EAWA,oBAAO;IAAI,SAAS,EAAEE,cAAA,CAAME;EAArB,GAA4BR,SAA5B,CAAP;AACD,CAbD;;AAeAF,WAAW,CAACW,SAAZ,2CAAwB;EACtBV,KAAK,EAAEW,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,gCAAA,CAAwBJ,SAAxC,CAAlB;AADe,CAAxB;eAIeX,W"}

package/lib/organism/search-and-chips-results/index.js

@@ -2,21 +2,34 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _emptySearchResult = _interopRequireDefault(require("../../atom/empty-search-result"));
+
 var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _chips = _interopRequireDefault(require("../../atom/chips"));
+
 var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const buildResultView = (results, resultsAriaLabel, emptyMessages, isLoading) => {
   if (!isLoading && (0, _isEmpty2.default)(results)) {
     return /*#__PURE__*/_react.default.createElement(_emptySearchResult.default, emptyMessages);
   }
+
   const items = results.map((result, index) => {
     return /*#__PURE__*/_react.default.createElement("li", {
       className: _style.default.result,
@@ -28,6 +41,7 @@ const buildResultView = (results, resultsAriaLabel, emptyMessages, isLoading) =>
     "aria-label": resultsAriaLabel
   }, items);
 };
+
 const SearchAndChipsResults = props => {
   const {
     search,
@@ -75,6 +89,7 @@ const SearchAndChipsResults = props => {
     theme: "coorpmanager"
   })) : resultView));
 };
+
 SearchAndChipsResults.propTypes = process.env.NODE_ENV !== "production" ? {
   selectAllButton: _propTypes.default.shape({
     label: _propTypes.default.string,

package/lib/organism/search-and-chips-results/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildResultView","results","resultsAriaLabel","emptyMessages","isLoading","items","map","result","index","style","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","loaderContainer","loader","propTypes","PropTypes","shape","string","func","bool","Search","arrayOf","Chips","firstMessage","secondMessage"],"sources":["../../../src/organism/search-and-chips-results/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(results)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = results.map((result, index) => {\n    return (\n      <li className={style.result} key={`result-${index}`} data-name={`result-${index}`}>\n        <Chips {...result} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={resultsAriaLabel}>{items}</ul>;\n};\n\nconst SearchAndChipsResults = props => {\n  const {\n    search,\n    selectAllButton,\n    results,\n    emptyMessages,\n    isLoading = false,\n    'results-aria-label': resultsAriaLabel\n  } = props;\n\n  const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages, isLoading);\n  const buttonProps = {\n    type: 'secondary',\n    label,\n    'aria-label': ariaLabel,\n    'data-name': `select-all-button`,\n    icon: {\n      position: 'right',\n      type: 'add'\n    },\n    onClick,\n    disabled\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.header}>\n        <div className={style.button}>\n          <ButtonLink {...buttonProps} />\n        </div>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n      </div>\n      <div className={style.resultContainer}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nSearchAndChipsResults.propTypes = {\n  selectAllButton: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool,\n    'aria-label': PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  search: PropTypes.shape(Search.PropTypes),\n  results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),\n  'results-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  })\n};\n\nexport default SearchAndChipsResults;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildResultView","results","resultsAriaLabel","emptyMessages","isLoading","items","map","result","index","style","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","loaderContainer","loader","propTypes","PropTypes","shape","string","func","bool","Search","arrayOf","Chips","firstMessage","secondMessage"],"sources":["../../../src/organism/search-and-chips-results/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(results)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = results.map((result, index) => {\n    return (\n      <li className={style.result} key={`result-${index}`} data-name={`result-${index}`}>\n        <Chips {...result} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={resultsAriaLabel}>{items}</ul>;\n};\n\nconst SearchAndChipsResults = props => {\n  const {\n    search,\n    selectAllButton,\n    results,\n    emptyMessages,\n    isLoading = false,\n    'results-aria-label': resultsAriaLabel\n  } = props;\n\n  const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages, isLoading);\n  const buttonProps = {\n    type: 'secondary',\n    label,\n    'aria-label': ariaLabel,\n    'data-name': `select-all-button`,\n    icon: {\n      position: 'right',\n      type: 'add'\n    },\n    onClick,\n    disabled\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.header}>\n        <div className={style.button}>\n          <ButtonLink {...buttonProps} />\n        </div>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n      </div>\n      <div className={style.resultContainer}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nSearchAndChipsResults.propTypes = {\n  selectAllButton: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool,\n    'aria-label': PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  search: PropTypes.shape(Search.PropTypes),\n  results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),\n  'results-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  })\n};\n\nexport default SearchAndChipsResults;\n"],"mappings":"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"}

package/lib/organism/settings/index.js

@@ -2,36 +2,55 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _tab = _interopRequireDefault(require("../../atom/tab"));
+
 var _tabContent = _interopRequireDefault(require("../../atom/tab-content"));
+
 var _subscriptionPremium = _interopRequireDefault(require("../../molecule/subscription-premium"));
+
 var _subscriptionFreemium = _interopRequireDefault(require("../../molecule/subscription-freemium"));
+
 var _unsubscribe = _interopRequireDefault(require("../../molecule/unsubscribe"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 const _excluded = ["tabs", "onTabClick", "activeContent"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 const pages = {
   'my-subscription': _subscriptionPremium.default,
   subscribe: _subscriptionFreemium.default,
   unsubscribe: _unsubscribe.default
 };
+
 const Settings = (props, context) => {
   const {
     translate
   } = context;
+
   const {
-      tabs,
-      onTabClick,
-      activeContent
-    } = props,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+    tabs,
+    onTabClick,
+    activeContent
+  } = props,
+        otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
   const {
     moocUrl
   } = otherProps;
@@ -53,6 +72,7 @@ const Settings = (props, context) => {
     activeContent: activeContent
   }), /*#__PURE__*/_react.default.createElement(ActiveContent, otherProps))));
 };
+
 Settings.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };

package/lib/organism/settings/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["pages","SubscriptionPremiumDetails","subscribe","SubscriptionFreemiumDetails","unsubscribe","Unsubscribe","Settings","props","context","translate","tabs","onTabClick","activeContent","otherProps","moocUrl","ActiveContent","style","settings","tabNavigation","tabNavigationPanel","backToCatalogButton","tab","key","contextTypes","Provider","childContextTypes","propTypes","Tab","TabContent","PropTypes","string","arrayOf","shape","onClick"],"sources":["../../../src/organism/settings/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport Tab from '../../atom/tab';\nimport TabContent from '../../atom/tab-content';\nimport SubscriptionPremiumDetails from '../../molecule/subscription-premium';\nimport SubscriptionFreemiumDetails from '../../molecule/subscription-freemium';\nimport Unsubscribe from '../../molecule/unsubscribe';\n\nimport style from './style.css';\n\nconst pages = {\n  'my-subscription': SubscriptionPremiumDetails,\n  subscribe: SubscriptionFreemiumDetails,\n  unsubscribe: Unsubscribe\n};\n\nconst Settings = (props, context) => {\n  const {translate} = context;\n  const {tabs, onTabClick, activeContent, ...otherProps} = props;\n  const {moocUrl} = otherProps;\n  const ActiveContent = pages[activeContent];\n\n  return (\n    <div className={style.settings}>\n      <div className={style.tabNavigation}>\n        <div className={style.tabNavigationPanel}>\n          <Link className={style.backToCatalogButton} href={moocUrl}>\n            {translate('back_to_catalog')}\n          </Link>\n          {map(\n            tab => (\n              <Tab\n                {...otherProps}\n                {...tab}\n                onClick={onTabClick}\n                key={tab.key}\n                active={tab.key === activeContent}\n              />\n            ),\n            tabs\n          )}\n        </div>\n        <TabContent {...otherProps} activeContent={activeContent}>\n          <ActiveContent {...otherProps} />\n        </TabContent>\n      </div>\n    </div>\n  );\n};\n\nSettings.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSettings.propTypes = {\n  ...Tab.propTypes,\n  ...TabContent.propTypes,\n  moocUrl: PropTypes.string,\n  tabs: PropTypes.arrayOf(PropTypes.shape(Tab.propTypes)),\n  onTabClick: Tab.propTypes.onClick,\n  activeContent: PropTypes.string\n};\n\nexport default Settings;\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAgC;AAAA;AAAA;AAAA;AAEhC,MAAMA,KAAK,GAAG;EACZ,iBAAiB,EAAEC,4BAA0B;EAC7CC,SAAS,EAAEC,6BAA2B;EACtCC,WAAW,EAAEC;AACf,CAAC;AAED,MAAMC,QAAQ,GAAG,CAACC,KAAK,EAAEC,OAAO,KAAK;EACnC,MAAM;IAACC;EAAS,CAAC,GAAGD,OAAO;EAC3B,MAAM;MAACE,IAAI;MAAEC,UAAU;MAAEC;IAA4B,CAAC,GAAGL,KAAK;IAAnBM,UAAU,iCAAIN,KAAK;EAC9D,MAAM;IAACO;EAAO,CAAC,GAAGD,UAAU;EAC5B,MAAME,aAAa,GAAGf,KAAK,CAACY,aAAa,CAAC;EAE1C,oBACE;IAAK,SAAS,EAAEI,cAAK,CAACC;EAAS,gBAC7B;IAAK,SAAS,EAAED,cAAK,CAACE;EAAc,gBAClC;IAAK,SAAS,EAAEF,cAAK,CAACG;EAAmB,gBACvC,6BAAC,aAAI;IAAC,SAAS,EAAEH,cAAK,CAACI,mBAAoB;IAAC,IAAI,EAAEN;EAAQ,GACvDL,SAAS,CAAC,iBAAiB,CAAC,CACxB,EACN,mBACCY,GAAG,iBACD,6BAAC,YAAG,eACER,UAAU,EACVQ,GAAG;IACP,OAAO,EAAEV,UAAW;IACpB,GAAG,EAAEU,GAAG,CAACC,GAAI;IACb,MAAM,EAAED,GAAG,CAACC,GAAG,KAAKV;EAAc,GAErC,EACDF,IAAI,CACL,CACG,eACN,6BAAC,mBAAU,eAAKG,UAAU;IAAE,aAAa,EAAED;EAAc,iBACvD,6BAAC,aAAa,EAAKC,UAAU,CAAI,CACtB,CACT,CACF;AAEV,CAAC;AAEDP,QAAQ,CAACiB,YAAY,GAAG;EACtBd,SAAS,EAAEe,iBAAQ,CAACC,iBAAiB,CAAChB;AACxC,CAAC;AAEDH,QAAQ,CAACoB,SAAS,wDACbC,YAAG,CAACD,SAAS,EACbE,mBAAU,CAACF,SAAS;EACvBZ,OAAO,EAAEe,kBAAS,CAACC,MAAM;EACzBpB,IAAI,EAAEmB,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,KAAK,CAACL,YAAG,CAACD,SAAS,CAAC,CAAC;EACvDf,UAAU,EAAEgB,YAAG,CAACD,SAAS,CAACO,OAAO;EACjCrB,aAAa,EAAEiB,kBAAS,CAACC;AAAM;AAC/B,eAEaxB,QAAQ;AAAA"}
+{"version":3,"file":"index.js","names":["pages","SubscriptionPremiumDetails","subscribe","SubscriptionFreemiumDetails","unsubscribe","Unsubscribe","Settings","props","context","translate","tabs","onTabClick","activeContent","otherProps","moocUrl","ActiveContent","style","settings","tabNavigation","tabNavigationPanel","backToCatalogButton","tab","key","contextTypes","Provider","childContextTypes","propTypes","Tab","TabContent","PropTypes","string","arrayOf","shape","onClick"],"sources":["../../../src/organism/settings/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Link from '../../atom/link';\nimport Tab from '../../atom/tab';\nimport TabContent from '../../atom/tab-content';\nimport SubscriptionPremiumDetails from '../../molecule/subscription-premium';\nimport SubscriptionFreemiumDetails from '../../molecule/subscription-freemium';\nimport Unsubscribe from '../../molecule/unsubscribe';\n\nimport style from './style.css';\n\nconst pages = {\n  'my-subscription': SubscriptionPremiumDetails,\n  subscribe: SubscriptionFreemiumDetails,\n  unsubscribe: Unsubscribe\n};\n\nconst Settings = (props, context) => {\n  const {translate} = context;\n  const {tabs, onTabClick, activeContent, ...otherProps} = props;\n  const {moocUrl} = otherProps;\n  const ActiveContent = pages[activeContent];\n\n  return (\n    <div className={style.settings}>\n      <div className={style.tabNavigation}>\n        <div className={style.tabNavigationPanel}>\n          <Link className={style.backToCatalogButton} href={moocUrl}>\n            {translate('back_to_catalog')}\n          </Link>\n          {map(\n            tab => (\n              <Tab\n                {...otherProps}\n                {...tab}\n                onClick={onTabClick}\n                key={tab.key}\n                active={tab.key === activeContent}\n              />\n            ),\n            tabs\n          )}\n        </div>\n        <TabContent {...otherProps} activeContent={activeContent}>\n          <ActiveContent {...otherProps} />\n        </TabContent>\n      </div>\n    </div>\n  );\n};\n\nSettings.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSettings.propTypes = {\n  ...Tab.propTypes,\n  ...TabContent.propTypes,\n  moocUrl: PropTypes.string,\n  tabs: PropTypes.arrayOf(PropTypes.shape(Tab.propTypes)),\n  onTabClick: Tab.propTypes.onClick,\n  activeContent: PropTypes.string\n};\n\nexport default Settings;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAG;EACZ,mBAAmBC,4BADP;EAEZC,SAAS,EAAEC,6BAFC;EAGZC,WAAW,EAAEC;AAHD,CAAd;;AAMA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACnC,MAAM;IAACC;EAAD,IAAcD,OAApB;;EACA,MAAM;IAACE,IAAD;IAAOC,UAAP;IAAmBC;EAAnB,IAAmDL,KAAzD;EAAA,MAA2CM,UAA3C,iCAAyDN,KAAzD;;EACA,MAAM;IAACO;EAAD,IAAYD,UAAlB;EACA,MAAME,aAAa,GAAGf,KAAK,CAACY,aAAD,CAA3B;EAEA,oBACE;IAAK,SAAS,EAAEI,cAAA,CAAMC;EAAtB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE,6BAAC,aAAD;IAAM,SAAS,EAAEH,cAAA,CAAMI,mBAAvB;IAA4C,IAAI,EAAEN;EAAlD,GACGL,SAAS,CAAC,iBAAD,CADZ,CADF,EAIG,mBACCY,GAAG,iBACD,6BAAC,YAAD,eACMR,UADN,EAEMQ,GAFN;IAGE,OAAO,EAAEV,UAHX;IAIE,GAAG,EAAEU,GAAG,CAACC,GAJX;IAKE,MAAM,EAAED,GAAG,CAACC,GAAJ,KAAYV;EALtB,GAFH,EAUCF,IAVD,CAJH,CADF,eAkBE,6BAAC,mBAAD,eAAgBG,UAAhB;IAA4B,aAAa,EAAED;EAA3C,iBACE,6BAAC,aAAD,EAAmBC,UAAnB,CADF,CAlBF,CADF,CADF;AA0BD,CAhCD;;AAkCAP,QAAQ,CAACiB,YAAT,GAAwB;EACtBd,SAAS,EAAEe,iBAAA,CAASC,iBAAT,CAA2BhB;AADhB,CAAxB;AAIAH,QAAQ,CAACoB,SAAT,wDACKC,YAAA,CAAID,SADT,EAEKE,mBAAA,CAAWF,SAFhB;EAGEZ,OAAO,EAAEe,kBAAA,CAAUC,MAHrB;EAIEpB,IAAI,EAAEmB,kBAAA,CAAUE,OAAV,CAAkBF,kBAAA,CAAUG,KAAV,CAAgBL,YAAA,CAAID,SAApB,CAAlB,CAJR;EAKEf,UAAU,EAAEgB,YAAA,CAAID,SAAJ,CAAcO,OAL5B;EAMErB,aAAa,EAAEiB,kBAAA,CAAUC;AAN3B;eASexB,Q"}

package/lib/organism/setup-header/index.js

@@ -2,17 +2,28 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _picture = _interopRequireDefault(require("../../atom/picture"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const SetupHeader = props => {
   const [show, updateShow] = _react.default.useState(false);
+
   const {
     platformName,
     items,
@@ -26,12 +37,15 @@ const SetupHeader = props => {
   const {
     image = ''
   } = user;
+
   function onMouseEnter() {
     updateShow(true);
   }
+
   function onMouseLeave() {
     updateShow(false);
   }
+
   const platformListButtonProps = {
     type: 'tertiary',
     label: items.platformList.label,
@@ -138,6 +152,7 @@ const SetupHeader = props => {
     onMouseLeave: onMouseLeave
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, logoutButtonProps))));
 };
+
 SetupHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   items: _propTypes.default.shape({
     seeMyPlatform: _propTypes.default.shape(_buttonLink.default.propTypes),