@coorpacademy/components 10.19.5 → 10.19.6

package/es/template/{slides-review → app-review/slides-review}/index.js

@@ -8,13 +8,13 @@ import classnames from 'classnames';
 import getOr from 'lodash/fp/getOr';
 import omit from 'lodash/fp/omit';
 import isNil from 'lodash/fp/isNil';
-import ReviewBackground from '../../atom/review-background';
-import { ICON_VALUES } from '../../atom/review-header-step-item';
-import ReviewCongrats from '../../organism/review-congrats';
-import ReviewHeader from '../../organism/review-header';
-import ReviewCorrectionPopin from '../../molecule/review-correction-popin';
-import Answer from '../../molecule/answer';
-import ButtonLink from '../../atom/button-link';
+import ReviewBackground from '../../../atom/review-background';
+import { ICON_VALUES } from '../../../atom/review-header-step-item';
+import ReviewCongrats from '../../../organism/review-congrats';
+import ReviewHeader from '../../../organism/review-header';
+import ReviewCorrectionPopin from '../../../molecule/review-correction-popin';
+import Answer from '../../../molecule/answer';
+import ButtonLink from '../../../atom/button-link';
 import style from './style.css';
 const stylesByPosition = {
   0: style.position0,
@@ -385,11 +385,17 @@ const SlidesReview = ({
     className: style.playerBackground
   }, /*#__PURE__*/React.createElement(ReviewBackground, {
     "aria-label": reviewBackgroundAriaLabel
-  })), /*#__PURE__*/React.createElement(ReviewHeader, _headerProps), shouldMountSlides ? /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
+    key: "review-header-wrapper",
+    className: style.reviewHeaderContainer
+  }, /*#__PURE__*/React.createElement(ReviewHeader, _headerProps)), shouldMountSlides ? /*#__PURE__*/React.createElement("div", {
+    key: "stacked-slides-container-y-overflow",
+    className: style.stackedSlidesYAxisOverflowContainer
+  }, /*#__PURE__*/React.createElement("div", {
     key: "stacked-slides-container",
     "data-name": "stacked-slides-container",
     className: style.stackedSlidesContainer
-  }, builtStackedSlides) : null, reviewState === 'finished' ? /*#__PURE__*/React.createElement("div", {
+  }, builtStackedSlides)) : null, reviewState === 'finished' ? /*#__PURE__*/React.createElement("div", {
     className: style.congrats
   }, /*#__PURE__*/React.createElement(ReviewCongrats, congratsProps)) : null);
 };

package/es/template/app-review/slides-review/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/slides-review/index.js"],"names":["React","useState","useReducer","useMemo","PropTypes","classnames","getOr","omit","isNil","ReviewBackground","ICON_VALUES","ReviewCongrats","ReviewHeader","ReviewCorrectionPopin","Answer","ButtonLink","style","stylesByPosition","position0","position1","position2","position3","position4","TOTAL_SLIDES_STACK","HIGHEST_INDEX","getSlideAnimation","action","position","hidden","slideOutHideAndIn","slideOutAndIn","hiddenSlide","buildSlide","slideNumber","slidesState","updateSlides","primarySkinColor","validate","correctionPopinProps","updateStepItems","finishedSlides","updateFinishedSlides","updateReviewState","updateShouldMountSlides","endReview","validationResult","question","answer","get","onClick","onValidateClick","label","validateLabel","validateButtonProps","customStyle","backgroundColor","result","nextSlide","_endReview","numberOfFinishedSlides","size","setTimeout","icon","right","wrong","className","validateButton","disabled","klf","information","next","successLabel","failureLabel","_correctionPopinProps","setNext","current","type","resultLabel","questionOrigin","slideBase","slideContentContainer","help","answerContainer","validateButtonWrapper","correctionPopinWrapper","hiddenCorrectionPopinWrapper","display","slidesStateReducer","state","id","value","_state","Map","newValue","index","previousValue","set","getNextIndex","currentIndex","calculateNextStepIndex","currentSlideIndex","lastVisitedIndex","indexToVisit","has","stepItemsReducer","rest","nextIndex","finishedSlidesReducer","SlidesReview","headerProps","reviewBackgroundAriaLabel","firstSlide","congratsProps","context","skin","slidesInitialState","states","content","stepItemsInitialState","stepItemsState","reviewState","shouldMountSlides","builtStackedSlides","StackedSlides","push","stepItemsArray","Array","from","values","_headerProps","steps","key","hiddenSteps","slidesRevisionContainer","playerBackground","reviewHeaderContainer","stackedSlidesYAxisOverflowContainer","stackedSlidesContainer","congrats","propTypes","shape","string","func"],"mappings":"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","sourcesContent":["import React, {useState, useReducer, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport omit from 'lodash/fp/omit';\nimport isNil from 'lodash/fp/isNil';\nimport ReviewBackground from '../../../atom/review-background';\nimport {ICON_VALUES} from '../../../atom/review-header-step-item';\nimport ReviewCongrats from '../../../organism/review-congrats';\nimport ReviewHeader from '../../../organism/review-header';\nimport ReviewCorrectionPopin from '../../../molecule/review-correction-popin';\nimport Answer from '../../../molecule/answer';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\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 TOTAL_SLIDES_STACK = 5;\nconst HIGHEST_INDEX = TOTAL_SLIDES_STACK - 1;\n\nconst getSlideAnimation = (action, position, hidden) => {\n  switch (action) {\n    case 'unstack':\n      return style.slideOutHideAndIn;\n    case 'restack':\n      return style.slideOutAndIn;\n    default:\n      return hidden ? style.hiddenSlide : stylesByPosition[position];\n  }\n};\n\nconst buildSlide = (\n  slideNumber,\n  slidesState,\n  updateSlides,\n  primarySkinColor,\n  validate,\n  correctionPopinProps,\n  updateStepItems,\n  finishedSlides,\n  updateFinishedSlides,\n  updateReviewState,\n  updateShouldMountSlides\n) => {\n  const {hidden, endReview, position, action, validationResult, question, answer} = slidesState.get(\n    slideNumber\n  );\n  const {onClick: onValidateClick, label: validateLabel} = validate;\n\n  const validateButtonProps = {\n    customStyle: {\n      backgroundColor: primarySkinColor\n    },\n    /* \n      slide validation action, this will trigger the correction popin but will not trigger any\n      animations unless the endReview signal is received (all slides will disappear),\n      if there is a nextSlide content, it will be loaded here\n      if it is the last slide and the content needs to be different, then that update will\n      be handled on the next slide logic but the content will be carried from here.\n    */\n    onClick: async () => {\n      const {validationResult: result, nextSlide, endReview: _endReview} = await onValidateClick();\n      updateSlides([\n        slideNumber,\n        {\n          hidden,\n          position,\n          validationResult: result,\n          answer,\n          question,\n          nextSlide,\n          numberOfFinishedSlides: finishedSlides.size,\n          endReview: _endReview\n        }\n      ]);\n      // on endReview, this gives some time for the slides to slide out && then launch\n      // the 'finished' logic as it would happen when normally finishing the review\n      if (_endReview) {\n        updateReviewState('finished');\n        setTimeout(() => updateShouldMountSlides(false), 2000);\n      }\n      updateStepItems([\n        slideNumber,\n        {\n          icon: result === 'success' ? ICON_VALUES.right : ICON_VALUES.wrong,\n          finishedSlides\n        }\n      ]);\n      // only stores successful slides\n      if (result === 'success') updateFinishedSlides([slideNumber, true]);\n    },\n    'aria-label': validateLabel,\n    label: validateLabel,\n    'data-name': `slide-validate-button-${slideNumber}`,\n    className: style.validateButton,\n    disabled: !isNil(validationResult)\n  };\n\n  const {klf, information, next, successLabel, failureLabel} = correctionPopinProps;\n\n  const _correctionPopinProps = {\n    next: {\n      /* \n        next slide action, this will trigger the slides animations\n        if it is the last slide AND the content needs to be different, then that update\n        of the content will be handled here (and in the validate as it happens normally )\n        from the content carried from the validate action.\n      */\n      onClick: () => {\n        updateSlides([\n          slideNumber,\n          {\n            hidden: validationResult === 'success',\n            position: HIGHEST_INDEX - finishedSlides.size,\n            action: validationResult === 'success' ? 'unstack' : 'restack',\n            answer,\n            question,\n            validationResult,\n            numberOfFinishedSlides: finishedSlides.size,\n            endReview\n          }\n        ]);\n        updateStepItems([\n          slideNumber,\n          {\n            setNext: true,\n            finishedSlides,\n            current: finishedSlides.size === HIGHEST_INDEX && validationResult !== 'success'\n          }\n        ]);\n        // if slides are successfully reviewed, then trigger the 'finished' state\n        if (finishedSlides.size === TOTAL_SLIDES_STACK) {\n          updateReviewState('finished');\n          setTimeout(() => updateShouldMountSlides(false), 2000);\n        }\n      },\n      label: next.label,\n      'data-name': `next-question-button-${slideNumber}`,\n      'aria-label': next['aria-label']\n    },\n    klf,\n    information,\n    type: validationResult === 'success' ? 'right' : 'wrong',\n    resultLabel: validationResult === 'success' ? successLabel : failureLabel\n  };\n\n  const questionOrigin = 'From \"Master Design Thinking to become more agile\" course';\n\n  return (\n    <div\n      key={`slide-${slideNumber}`}\n      data-name={`slide-${slideNumber}`}\n      className={classnames(\n        style.slideBase,\n        getSlideAnimation(action, position, hidden),\n        endReview ? style.endReview : null\n      )}\n    >\n      {answer && question ? (\n        <div key=\"content-container\" className={style.slideContentContainer}>\n          <div key=\"from-course\" className={style.questionOrigin}>\n            {questionOrigin}\n          </div>\n          <div key=\"title\" className={style.question}>\n            {question}\n          </div>\n          <div key=\"help\" className={style.help}>\n            {answer.help}\n          </div>\n          <div key=\"answer-container\" className={style.answerContainer}>\n            <Answer {...answer} key=\"answer\" />\n          </div>\n        </div>\n      ) : null}\n\n      <div key=\"button-wrapper\" className={style.validateButtonWrapper}>\n        <ButtonLink {...validateButtonProps} />\n      </div>\n      <div\n        className={\n          validationResult ? style.correctionPopinWrapper : style.hiddenCorrectionPopinWrapper\n        }\n        style={{\n          ...(finishedSlides.size !== HIGHEST_INDEX &&\n            !validationResult && {\n              display: 'none'\n            })\n        }}\n      >\n        <ReviewCorrectionPopin {..._correctionPopinProps} />\n      </div>\n    </div>\n  );\n};\n\n// ||-------> Handles the updates of a given slide (using the 'id' in the action),\n// & then updates de remaining slides if this given change should impact their content\nconst slidesStateReducer = (state, action) => {\n  const [id, value] = action;\n  const _state = new Map();\n\n  const {nextSlide, numberOfFinishedSlides, ...newValue} = value;\n\n  // eslint-disable-next-line fp/no-loops\n  for (const [index, previousValue] of state) {\n    if (index === id) {\n      // update the given slide\n      if (nextSlide && numberOfFinishedSlides === HIGHEST_INDEX) {\n        _state.set(index, {\n          ...previousValue,\n          nextSlide,\n          position: newValue.position,\n          validationResult: newValue.validationResult\n        });\n      } else if (numberOfFinishedSlides === HIGHEST_INDEX && previousValue.nextSlide) {\n        _state.set(index, {...previousValue.nextSlide, position: previousValue.position});\n      } else _state.set(id, newValue);\n    } else {\n      // updates the rest of the slides here\n      const {hidden, position, answer, question} = previousValue;\n      if (nextSlide) {\n        _state.set(index, {...nextSlide, endReview: newValue.endReview, hidden, position});\n      } else {\n        _state.set(index, {\n          hidden,\n          position: position - 1,\n          answer,\n          question,\n          endReview: newValue.endReview\n        });\n      }\n    }\n  }\n\n  return _state;\n};\n\n// ||-------> aux function, finds the consecutive index to loop from 0 to HIGHEST_INDEX (4) & again to 0\nconst getNextIndex = currentIndex => (currentIndex === HIGHEST_INDEX ? 0 : currentIndex + 1);\n\n// ||-------> calculates which should be the next step to visit (as there can be already answered slides &&\n// they have to be skipped)\nconst calculateNextStepIndex = (currentSlideIndex, finishedSlides, lastVisitedIndex = null) => {\n  // only one slide remaining\n  if (lastVisitedIndex === currentSlideIndex) {\n    return currentSlideIndex;\n  }\n\n  const indexToVisit = getNextIndex(isNil(lastVisitedIndex) ? currentSlideIndex : lastVisitedIndex);\n\n  return finishedSlides.has(indexToVisit)\n    ? calculateNextStepIndex(currentSlideIndex, finishedSlides, indexToVisit)\n    : indexToVisit;\n};\n\n// ||-------> Handles the updates of a given step item (using the 'id' in the action),\n// & then updates de remaining step items if this given change should impact their content\nconst stepItemsReducer = (state, action) => {\n  const [id, value] = action;\n  const {setNext, finishedSlides, ...rest} = value;\n  const _state = new Map();\n  const nextIndex = !rest.current && setNext ? calculateNextStepIndex(id, finishedSlides) : null;\n\n  // eslint-disable-next-line fp/no-loops\n  for (const [index, previousValue] of state) {\n    if (id === index)\n      _state.set(id, {\n        ...previousValue,\n        ...rest\n      });\n    else if (setNext && nextIndex === index) {\n      _state.set(index, {...previousValue, current: true});\n    } else _state.set(index, previousValue);\n  }\n\n  return _state;\n};\n\n// ||-------> Stores the correctly answered (finished) slides, the initial state is an empty Map\nconst finishedSlidesReducer = (state, action) => {\n  const [id, value] = action;\n  const _state = new Map();\n\n  // eslint-disable-next-line fp/no-loops\n  for (const [index, previousValue] of state) {\n    _state.set(index, previousValue);\n  }\n\n  _state.set(id, value);\n\n  return _state;\n};\n\nconst SlidesReview = (\n  {\n    headerProps,\n    reviewBackgroundAriaLabel,\n    validate,\n    correctionPopinProps,\n    firstSlide,\n    congratsProps\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySkinColor = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n\n  // ||-------> States init: build initial states && memoize them + reducers creation\n  const slidesInitialState = useMemo(() => {\n    const states = new Map();\n    const {answer, question} = firstSlide;\n    // eslint-disable-next-line fp/no-loops\n    for (let index = 0; index < TOTAL_SLIDES_STACK; index++) {\n      const content = index === 0 ? {answer, question} : {};\n      states.set(index, {...content, hidden: false, position: index});\n    }\n    return states;\n  }, [firstSlide]);\n\n  const stepItemsInitialState = useMemo(() => {\n    const states = new Map();\n    // eslint-disable-next-line fp/no-loops\n    for (let index = 0; index < TOTAL_SLIDES_STACK; index++) {\n      const current = index === 0;\n      states.set(index, {current, value: `${index + 1}`, icon: null});\n    }\n    return states;\n  }, []);\n\n  const [finishedSlides, updateFinishedSlides] = useReducer(finishedSlidesReducer, new Map());\n\n  const [slidesState, updateSlides] = useReducer(slidesStateReducer, slidesInitialState);\n\n  const [stepItemsState, updateStepItems] = useReducer(stepItemsReducer, stepItemsInitialState);\n\n  const [reviewState, updateReviewState] = useState('ongoing');\n\n  /*\n    ||-------> the slides have an slightly longer lifespan than the \"ongoing\" review State,\n    after reviewState changes to \"finished\" the slides don't have to unmount until the last\n    slide-out animation is finished, the slides have to be unmounted to be RGAA complaint \n    (if they are only invisible but still mounted, then they will be found the assisting tools & clutter it)\n  */\n  const [shouldMountSlides, updateShouldMountSlides] = useState(true);\n\n  // ||-------> build each slide, passing down the reducers that will act on validation & next clicks\n  const builtStackedSlides = useMemo(() => {\n    const StackedSlides = [];\n    // eslint-disable-next-line fp/no-loops\n    for (let slideNumber = 0; slideNumber < TOTAL_SLIDES_STACK; slideNumber++) {\n      StackedSlides.push(\n        buildSlide(\n          slideNumber,\n          slidesState,\n          updateSlides,\n          primarySkinColor,\n          validate,\n          correctionPopinProps,\n          updateStepItems,\n          finishedSlides,\n          updateFinishedSlides,\n          updateReviewState,\n          updateShouldMountSlides\n        )\n      );\n    }\n\n    return StackedSlides;\n  }, [slidesState, primarySkinColor, validate, correctionPopinProps, finishedSlides]);\n\n  // ||-------> transform the step items state (Map structure) to an Array\n  const stepItemsArray = useMemo(() => {\n    // eslint-disable-next-line unicorn/prefer-spread\n    return Array.from(stepItemsState.values());\n  }, [stepItemsState]);\n\n  const _headerProps = {\n    ...headerProps,\n    steps: stepItemsArray,\n    key: 'review-header',\n    hiddenSteps: reviewState !== 'ongoing'\n  };\n\n  return (\n    <div\n      key=\"slides-revision-container\"\n      data-name=\"slides-revision-container\"\n      className={style.slidesRevisionContainer}\n    >\n      <div key=\"player-background-container\" className={style.playerBackground}>\n        <ReviewBackground aria-label={reviewBackgroundAriaLabel} />\n      </div>\n\n      <div key=\"review-header-wrapper\" className={style.reviewHeaderContainer}>\n        <ReviewHeader {..._headerProps} />\n      </div>\n\n      {shouldMountSlides ? (\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            {builtStackedSlides}\n          </div>\n        </div>\n      ) : null}\n\n      {reviewState === 'finished' ? (\n        <div className={style.congrats}>\n          <ReviewCongrats {...congratsProps} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSlidesReview.propTypes = {\n  headerProps: PropTypes.shape(omit(['steps', ''], ReviewHeader.propTypes)),\n  reviewBackgroundAriaLabel: ReviewBackground.propTypes['aria-label'],\n  validate: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  firstSlide: PropTypes.shape({\n    question: PropTypes.string,\n    answer: PropTypes.shape(Answer.propTypes)\n  }),\n  correctionPopinProps: PropTypes.shape({\n    klf: ReviewCorrectionPopin.propTypes.klf,\n    information: ReviewCorrectionPopin.propTypes.information,\n    next: PropTypes.shape({\n      label: PropTypes.string,\n      'aria-label': PropTypes.string\n    }),\n    successLabel: ReviewCorrectionPopin.propTypes.resultLabel,\n    failureLabel: ReviewCorrectionPopin.propTypes.resultLabel\n  }),\n  congratsProps: PropTypes.shape(ReviewCongrats.propTypes)\n};\n\nexport default SlidesReview;\n"],"file":"index.js"}

package/es/template/{slides-review → app-review/slides-review}/style.css

@@ -1,9 +1,9 @@
-@value colors: "../../variables/colors.css";
+@value colors: "../../../variables/colors.css";
 @value black from colors;
 @value white from colors;
 @value cm_blue_900 from colors;
 @value cm_grey_400 from colors;
-@value breakpoints: "../../variables/breakpoints.css";
+@value breakpoints: "../../../variables/breakpoints.css";
 @value mobile from breakpoints;
 @value tablet from breakpoints;
 
@@ -11,8 +11,22 @@
   position: relative;
   display: flex;
   flex-direction: column;
-  overflow-y: auto;
-  height: 100vh;
+  /* --- ie11 fallback --- */
+  height: 100%;
+  /* --------------------- */
+  height: min-content;
+  min-height: 832px;
+}
+
+/* 
+  mozilla specific styling
+  - supports min-content but it calculates dynamic
+  flex child height differently than chromium browsers
+*/
+@supports (-moz-appearance:none) {
+  div.slidesRevisionContainer {
+    height: 100%;
+  } 
 }
 
 .fontBase {
@@ -20,15 +34,34 @@
   user-select: none;
 }
 
+.stackedSlidesYAxisOverflowContainer {
+  width: 100%;
+  padding-top: 20px;
+  height: 100%;
+  min-height: 870px;
+  /* --- ie11 fallback --- */
+  overflow-y: hidden;
+  /* --------------------- */
+  overflow-y: clip;
+  overflow-x: visible;
+  display: flex;
+  justify-content: center;
+  flex-grow: 1;
+}
+
 .stackedSlidesContainer {
   position: relative;
-  margin-top: 50px;
-  height: 738px;
+  padding-top: 20px;
+  height: 788px;
   max-width: 1240px;
   width: 85%;
   align-self: center;
 }
 
+.reviewHeaderContainer {
+  width: 100%;
+}
+
 .congrats {
   width: 100%;
   height: 100%;
@@ -38,14 +71,15 @@
 
 .playerBackground {
   position: absolute;
-  height: 100vh;
-  min-height: 832px;
+  display: block;
+  height: 100%;
+  min-height: 120vh;
   top: 0;
   left: 0;
 }
 
 .slideBase {
-  box-shadow: 0px 4px 77px rgba(0, 0, 0, 0.05);
+  box-shadow: 0px 4px 58px rgba(0, 0, 0, 0.05);
   background: white;
   height: 706px;
   border-radius: 24px;

package/es/template/{slides-review → app-review/slides-review}/test/fixtures/failure.js

@@ -1,7 +1,7 @@
-import headerProps from '../../../../organism/review-header/test/fixtures/no-answered-question';
-import congratsProps from '../../../../organism/review-congrats/test/fixtures/default';
-import AnswerQCMDrag from '../../../../molecule/answer/test/fixtures/qcm-drag';
-import AnswerQCMGraphic from '../../../../molecule/answer/test/fixtures/qcm-graphic';
+import headerProps from '../../../../../organism/review-header/test/fixtures/no-answered-question';
+import congratsProps from '../../../../../organism/review-congrats/test/fixtures/default';
+import AnswerQCMDrag from '../../../../../molecule/answer/test/fixtures/qcm-drag';
+import AnswerQCMGraphic from '../../../../../molecule/answer/test/fixtures/qcm-graphic';
 import { correctionPopinProps } from './success';
 const qcmDrag = AnswerQCMDrag.props;
 const qcmGraphic = AnswerQCMGraphic.props;

package/es/template/app-review/slides-review/test/fixtures/failure.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/app-review/slides-review/test/fixtures/failure.js"],"names":["headerProps","congratsProps","AnswerQCMDrag","AnswerQCMGraphic","correctionPopinProps","qcmDrag","props","qcmGraphic","onValidateClick","console","log","Promise","resolve","validationResult","nextSlide","question","answer","endReview","reviewBackgroundAriaLabel","validate","label","onClick","firstSlide"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,0EAAxB;AACA,OAAOC,aAAP,MAA0B,+DAA1B;AACA,OAAOC,aAAP,MAA0B,uDAA1B;AACA,OAAOC,gBAAP,MAA6B,0DAA7B;AACA,SAAQC,oBAAR,QAAmC,WAAnC;AAEA,MAAMC,OAAO,GAAGH,aAAa,CAACI,KAA9B;AACA,MAAMC,UAAU,GAAGJ,gBAAgB,CAACG,KAApC;;AAEA,MAAME,eAAe,GAAG,MAAM;AAC5BC,EAAAA,OAAO,CAACC,GAAR,CAAY,iBAAZ;AACA,SAAOC,OAAO,CAACC,OAAR,CAAgB;AACrBC,IAAAA,gBAAgB,EAAE,SADG;AAErBC,IAAAA,SAAS,EAAE;AAACC,MAAAA,QAAQ,EAAE,iBAAX;AAA8BC,MAAAA,MAAM,EAAET;AAAtC,KAFU;AAGrBU,IAAAA,SAAS,EAAE;AAHU,GAAhB,CAAP;AAKD,CAPD;;AASA,eAAe;AACbX,EAAAA,KAAK,EAAE;AACLN,IAAAA,WAAW,EAAEA,WAAW,CAACM,KADpB;AAELY,IAAAA,yBAAyB,EAAE,gBAFtB;AAGLC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,UADC;AAERC,MAAAA,OAAO,EAAEb;AAFD,KAHL;AAOLc,IAAAA,UAAU,EAAE;AACVP,MAAAA,QAAQ,EAAE,0DADA;AAEVC,MAAAA,MAAM,EAAEX;AAFE,KAPP;AAWLD,IAAAA,oBAXK;AAYLH,IAAAA,aAAa,EAAEA,aAAa,CAACK;AAZxB;AADM,CAAf","sourcesContent":["import headerProps from '../../../../../organism/review-header/test/fixtures/no-answered-question';\nimport congratsProps from '../../../../../organism/review-congrats/test/fixtures/default';\nimport AnswerQCMDrag from '../../../../../molecule/answer/test/fixtures/qcm-drag';\nimport AnswerQCMGraphic from '../../../../../molecule/answer/test/fixtures/qcm-graphic';\nimport {correctionPopinProps} from './success';\n\nconst qcmDrag = AnswerQCMDrag.props;\nconst qcmGraphic = AnswerQCMGraphic.props;\n\nconst onValidateClick = () => {\n  console.log('onValidateClick');\n  return Promise.resolve({\n    validationResult: 'failure',\n    nextSlide: {question: 'Other question?', answer: qcmGraphic},\n    endReview: false\n  });\n};\n\nexport default {\n  props: {\n    headerProps: headerProps.props,\n    reviewBackgroundAriaLabel: 'review BG Aria',\n    validate: {\n      label: 'Validate',\n      onClick: onValidateClick\n    },\n    firstSlide: {\n      question: 'Hey there! ......dramatic suspense..... ready to answer?',\n      answer: qcmDrag\n    },\n    correctionPopinProps,\n    congratsProps: congratsProps.props\n  }\n};\n"],"file":"failure.js"}

package/es/template/{slides-review → app-review/slides-review}/test/fixtures/only-once-on-last-slide.js

@@ -1,6 +1,6 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import AnswerQCMGraphic from '../../../../molecule/answer/test/fixtures/qcm-graphic';
+import AnswerQCMGraphic from '../../../../../molecule/answer/test/fixtures/qcm-graphic';
 import successFixture from './success';
 const qcmGraphic = AnswerQCMGraphic.props;
 let numberOfTries = 0;

package/es/template/app-review/slides-review/test/fixtures/only-once-on-last-slide.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/app-review/slides-review/test/fixtures/only-once-on-last-slide.js"],"names":["AnswerQCMGraphic","successFixture","qcmGraphic","props","numberOfTries","onValidateClick","console","log","Promise","resolve","validationResult","nextSlide","question","answer","endReview","validate","label","onClick"],"mappings":";;AAAA,OAAOA,gBAAP,MAA6B,0DAA7B;AACA,OAAOC,cAAP,MAA2B,WAA3B;AAEA,MAAMC,UAAU,GAAGF,gBAAgB,CAACG,KAApC;AAEA,IAAIC,aAAa,GAAG,CAApB;;AACA,MAAMC,eAAe,GAAG,MAAM;AAC5BD,EAAAA,aAAa,GAAGA,aAAa,GAAG,CAAhC;AACAE,EAAAA,OAAO,CAACC,GAAR,CAAY,iBAAZ;AACA,SAAOC,OAAO,CAACC,OAAR,CAAgB;AACrBC,IAAAA,gBAAgB,EAAEN,aAAa,KAAK,CAAlB,GAAsB,SAAtB,GAAkC,SAD/B;AAErBO,IAAAA,SAAS,EAAE;AAACC,MAAAA,QAAQ,EAAE,iBAAX;AAA8BC,MAAAA,MAAM,EAAEX;AAAtC,KAFU;AAGrBY,IAAAA,SAAS,EAAE;AAHU,GAAhB,CAAP;AAKD,CARD;;AAUA,eAAe;AACbX,EAAAA,KAAK,wBACAF,cAAc,CAACE,KADf;AAEHY,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,UADC;AAERC,MAAAA,OAAO,EAAEZ;AAFD;AAFP;AADQ,CAAf","sourcesContent":["import AnswerQCMGraphic from '../../../../../molecule/answer/test/fixtures/qcm-graphic';\nimport successFixture from './success';\n\nconst qcmGraphic = AnswerQCMGraphic.props;\n\nlet numberOfTries = 0;\nconst onValidateClick = () => {\n  numberOfTries = numberOfTries + 1;\n  console.log('onValidateClick');\n  return Promise.resolve({\n    validationResult: numberOfTries === 5 ? 'failure' : 'success',\n    nextSlide: {question: 'other question?', answer: qcmGraphic},\n    endReview: false\n  });\n};\n\nexport default {\n  props: {\n    ...successFixture.props,\n    validate: {\n      label: 'Validate',\n      onClick: onValidateClick\n    }\n  }\n};\n"],"file":"only-once-on-last-slide.js"}

package/es/template/{slides-review → app-review/slides-review}/test/fixtures/random-responses.js

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import random from 'lodash/fp/random';
-import AnswerQCMDrag from '../../../../molecule/answer/test/fixtures/qcm-drag';
-import AnswerQCMGraphic from '../../../../molecule/answer/test/fixtures/qcm-graphic';
+import AnswerQCMDrag from '../../../../../molecule/answer/test/fixtures/qcm-drag';
+import AnswerQCMGraphic from '../../../../../molecule/answer/test/fixtures/qcm-graphic';
 import successFixture from './success';
 
 const getRandomResult = () => random(0, 100) >= 45 ? 'success' : 'failure';

package/es/template/app-review/slides-review/test/fixtures/random-responses.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/app-review/slides-review/test/fixtures/random-responses.js"],"names":["random","AnswerQCMDrag","AnswerQCMGraphic","successFixture","getRandomResult","qcmDrag","props","qcmGraphic","onValidateClick","console","log","result","Promise","resolve","validationResult","nextSlide","question","answer","endReview","validate","label","onClick"],"mappings":";;AAAA,OAAOA,MAAP,MAAmB,kBAAnB;AACA,OAAOC,aAAP,MAA0B,uDAA1B;AACA,OAAOC,gBAAP,MAA6B,0DAA7B;AACA,OAAOC,cAAP,MAA2B,WAA3B;;AAEA,MAAMC,eAAe,GAAG,MAAOJ,MAAM,CAAC,CAAD,EAAI,GAAJ,CAAN,IAAkB,EAAlB,GAAuB,SAAvB,GAAmC,SAAlE;;AAEA,MAAMK,OAAO,GAAGJ,aAAa,CAACK,KAA9B;AACA,MAAMC,UAAU,GAAGL,gBAAgB,CAACI,KAApC;;AAEA,MAAME,eAAe,GAAG,MAAM;AAC5BC,EAAAA,OAAO,CAACC,GAAR,CAAY,iBAAZ;AACA,QAAMC,MAAM,GAAGP,eAAe,EAA9B;AACA,SAAOQ,OAAO,CAACC,OAAR,CAAgB;AACrBC,IAAAA,gBAAgB,EAAEH,MADG;AAErBI,IAAAA,SAAS,EAAE;AAACC,MAAAA,QAAQ,EAAE,iBAAX;AAA8BC,MAAAA,MAAM,EAAEN,MAAM,KAAK,SAAX,GAAuBN,OAAvB,GAAiCE;AAAvE,KAFU;AAGrBW,IAAAA,SAAS,EAAE;AAHU,GAAhB,CAAP;AAKD,CARD;;AAUA,eAAe;AACbZ,EAAAA,KAAK,wBACAH,cAAc,CAACG,KADf;AAEHa,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAE,UADC;AAERC,MAAAA,OAAO,EAAEb;AAFD;AAFP;AADQ,CAAf","sourcesContent":["import random from 'lodash/fp/random';\nimport AnswerQCMDrag from '../../../../../molecule/answer/test/fixtures/qcm-drag';\nimport AnswerQCMGraphic from '../../../../../molecule/answer/test/fixtures/qcm-graphic';\nimport successFixture from './success';\n\nconst getRandomResult = () => (random(0, 100) >= 45 ? 'success' : 'failure');\n\nconst qcmDrag = AnswerQCMDrag.props;\nconst qcmGraphic = AnswerQCMGraphic.props;\n\nconst onValidateClick = () => {\n  console.log('onValidateClick');\n  const result = getRandomResult();\n  return Promise.resolve({\n    validationResult: result,\n    nextSlide: {question: 'Other question?', answer: result === 'success' ? qcmDrag : qcmGraphic},\n    endReview: false\n  });\n};\n\nexport default {\n  props: {\n    ...successFixture.props,\n    validate: {\n      label: 'Validate',\n      onClick: onValidateClick\n    }\n  }\n};\n"],"file":"random-responses.js"}

package/es/template/{slides-review → app-review/slides-review}/test/fixtures/success.js

@@ -1,7 +1,7 @@
-import headerProps from '../../../../organism/review-header/test/fixtures/no-answered-question';
-import congratsProps from '../../../../organism/review-congrats/test/fixtures/default';
-import AnswerQCMDrag from '../../../../molecule/answer/test/fixtures/qcm-drag';
-import AnswerQCMGraphic from '../../../../molecule/answer/test/fixtures/qcm-graphic';
+import headerProps from '../../../../../organism/review-header/test/fixtures/no-answered-question';
+import congratsProps from '../../../../../organism/review-congrats/test/fixtures/default';
+import AnswerQCMDrag from '../../../../../molecule/answer/test/fixtures/qcm-drag';
+import AnswerQCMGraphic from '../../../../../molecule/answer/test/fixtures/qcm-graphic';
 const qcmDrag = AnswerQCMDrag.props;
 const qcmGraphic = AnswerQCMGraphic.props;
 

package/es/template/app-review/slides-review/test/fixtures/success.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/template/app-review/slides-review/test/fixtures/success.js"],"names":["headerProps","congratsProps","AnswerQCMDrag","AnswerQCMGraphic","qcmDrag","props","qcmGraphic","onValidateClick","console","log","Promise","resolve","validationResult","nextSlide","question","answer","endReview","correctionPopinProps","klf","label","tooltip","onClick","information","message","next","successLabel","failureLabel","reviewBackgroundAriaLabel","validate","firstSlide"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,0EAAxB;AACA,OAAOC,aAAP,MAA0B,+DAA1B;AACA,OAAOC,aAAP,MAA0B,uDAA1B;AACA,OAAOC,gBAAP,MAA6B,0DAA7B;AAEA,MAAMC,OAAO,GAAGF,aAAa,CAACG,KAA9B;AACA,MAAMC,UAAU,GAAGH,gBAAgB,CAACE,KAApC;;AAEA,MAAME,eAAe,GAAG,MAAM;AAC5BC,EAAAA,OAAO,CAACC,GAAR,CAAY,iBAAZ;AACA,SAAOC,OAAO,CAACC,OAAR,CAAgB;AACrBC,IAAAA,gBAAgB,EAAE,SADG;AAErBC,IAAAA,SAAS,EAAE;AAACC,MAAAA,QAAQ,EAAE,iBAAX;AAA8BC,MAAAA,MAAM,EAAET;AAAtC,KAFU;AAGrBU,IAAAA,SAAS,EAAE;AAHU,GAAhB,CAAP;AAKD,CAPD;;AASA,OAAO,MAAMC,oBAAoB,GAAG;AAClCC,EAAAA,GAAG,EAAE;AACHC,IAAAA,KAAK,EAAE,qBADJ;AAEHC,IAAAA,OAAO,EAAE,oBAFN;AAGHC,IAAAA,OAAO,EAAE,MAAM;AACbb,MAAAA,OAAO,CAACC,GAAR,CAAY,aAAZ;AACD;AALE,GAD6B;AAQlCa,EAAAA,WAAW,EAAE;AACXH,IAAAA,KAAK,EAAE,qBADI;AAEXI,IAAAA,OAAO,EAAE;AAFE,GARqB;AAYlCC,EAAAA,IAAI,EAAE;AACJL,IAAAA,KAAK,EAAE;AADH,GAZ4B;AAelCM,EAAAA,YAAY,EAAE,gBAfoB;AAgBlCC,EAAAA,YAAY,EAAE;AAhBoB,CAA7B;AAmBP,eAAe;AACbrB,EAAAA,KAAK,EAAE;AACLL,IAAAA,WAAW,EAAEA,WAAW,CAACK,KADpB;AAELsB,IAAAA,yBAAyB,EAAE,gBAFtB;AAGLC,IAAAA,QAAQ,EAAE;AACRT,MAAAA,KAAK,EAAE,UADC;AAERE,MAAAA,OAAO,EAAEd;AAFD,KAHL;AAOLsB,IAAAA,UAAU,EAAE;AACVf,MAAAA,QAAQ,EAAE,4DADA;AAEVC,MAAAA,MAAM,EAAEX;AAFE,KAPP;AAWLa,IAAAA,oBAXK;AAYLhB,IAAAA,aAAa,EAAEA,aAAa,CAACI;AAZxB;AADM,CAAf","sourcesContent":["import headerProps from '../../../../../organism/review-header/test/fixtures/no-answered-question';\nimport congratsProps from '../../../../../organism/review-congrats/test/fixtures/default';\nimport AnswerQCMDrag from '../../../../../molecule/answer/test/fixtures/qcm-drag';\nimport AnswerQCMGraphic from '../../../../../molecule/answer/test/fixtures/qcm-graphic';\n\nconst qcmDrag = AnswerQCMDrag.props;\nconst qcmGraphic = AnswerQCMGraphic.props;\n\nconst onValidateClick = () => {\n  console.log('onValidateClick');\n  return Promise.resolve({\n    validationResult: 'success',\n    nextSlide: {question: 'other question?', answer: qcmGraphic},\n    endReview: false\n  });\n};\n\nexport const correctionPopinProps = {\n  klf: {\n    label: 'Key learning factor',\n    tooltip: 'Some tooltip info.',\n    onClick: () => {\n      console.log('klf onClick');\n    }\n  },\n  information: {\n    label: 'Key learning factor',\n    message: 'info msg'\n  },\n  next: {\n    label: 'Next'\n  },\n  successLabel: 'CORRECT ANSWER',\n  failureLabel: 'WRONG ANSWER'\n};\n\nexport default {\n  props: {\n    headerProps: headerProps.props,\n    reviewBackgroundAriaLabel: 'review BG Aria',\n    validate: {\n      label: 'Validate',\n      onClick: onValidateClick\n    },\n    firstSlide: {\n      question: 'Hey there, .....suspense.... ready to select some answers?',\n      answer: qcmDrag\n    },\n    correctionPopinProps,\n    congratsProps: congratsProps.props\n  }\n};\n"],"file":"success.js"}

package/es/template/app-review/slides-review/test/fixtures.js

@@ -0,0 +1,19 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../../test/helpers/render-component';
+import TemplateAppReviewSlidesReview from '..';
+import fixtureFailure from './fixtures/failure';
+import fixtureOnlyOnceOnLastSlide from './fixtures/only-once-on-last-slide';
+import fixtureRandomResponses from './fixtures/random-responses';
+import fixtureSuccess from './fixtures/success';
+test('TemplateAppReview › TemplateAppReviewSlidesReview > should have valid propTypes', t => {
+  t.pass();
+  forEach(TemplateAppReviewSlidesReview.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "TemplateAppReview.TemplateAppReviewSlidesReview.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('TemplateAppReview › TemplateAppReviewSlidesReview › Failure › should be rendered', renderComponentMacro, TemplateAppReviewSlidesReview, fixtureFailure);
+test('TemplateAppReview › TemplateAppReviewSlidesReview › OnlyOnceOnLastSlide › should be rendered', renderComponentMacro, TemplateAppReviewSlidesReview, fixtureOnlyOnceOnLastSlide);
+test('TemplateAppReview › TemplateAppReviewSlidesReview › RandomResponses › should be rendered', renderComponentMacro, TemplateAppReviewSlidesReview, fixtureRandomResponses);
+test('TemplateAppReview › TemplateAppReviewSlidesReview › Success › should be rendered', renderComponentMacro, TemplateAppReviewSlidesReview, fixtureSuccess);
+//# sourceMappingURL=fixtures.js.map

package/es/template/app-review/slides-review/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/app-review/slides-review/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateAppReviewSlidesReview","fixtureFailure","fixtureOnlyOnceOnLastSlide","fixtureRandomResponses","fixtureSuccess","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,6BAAP,MAA0C,IAA1C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,0BAAP,MAAuC,oCAAvC;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAP,IAAI,CAAC,iFAAD,EAAoFQ,CAAC,IAAI;AAC3FA,EAAAA,CAAC,CAACC,IAAF;AACAR,EAAAA,OAAO,CAACE,6BAA6B,CAACO,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2EAA0EF,GAAI,mEAAvG;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAZ,IAAI,CAAC,kFAAD,EAAqFE,oBAArF,EAA2GC,6BAA3G,EAA0IC,cAA1I,CAAJ;AACAJ,IAAI,CAAC,8FAAD,EAAiGE,oBAAjG,EAAuHC,6BAAvH,EAAsJE,0BAAtJ,CAAJ;AACAL,IAAI,CAAC,0FAAD,EAA6FE,oBAA7F,EAAmHC,6BAAnH,EAAkJG,sBAAlJ,CAAJ;AACAN,IAAI,CAAC,kFAAD,EAAqFE,oBAArF,EAA2GC,6BAA3G,EAA0II,cAA1I,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport TemplateAppReviewSlidesReview from '..';\nimport fixtureFailure from './fixtures/failure';\nimport fixtureOnlyOnceOnLastSlide from './fixtures/only-once-on-last-slide';\nimport fixtureRandomResponses from './fixtures/random-responses';\nimport fixtureSuccess from './fixtures/success';\n\ntest('TemplateAppReview › TemplateAppReviewSlidesReview > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateAppReviewSlidesReview.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"TemplateAppReview.TemplateAppReviewSlidesReview.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('TemplateAppReview › TemplateAppReviewSlidesReview › Failure › should be rendered', renderComponentMacro, TemplateAppReviewSlidesReview, fixtureFailure);\ntest('TemplateAppReview › TemplateAppReviewSlidesReview › OnlyOnceOnLastSlide › should be rendered', renderComponentMacro, TemplateAppReviewSlidesReview, fixtureOnlyOnceOnLastSlide);\ntest('TemplateAppReview › TemplateAppReviewSlidesReview › RandomResponses › should be rendered', renderComponentMacro, TemplateAppReviewSlidesReview, fixtureRandomResponses);\ntest('TemplateAppReview › TemplateAppReviewSlidesReview › Success › should be rendered', renderComponentMacro, TemplateAppReviewSlidesReview, fixtureSuccess);\n"],"file":"fixtures.js"}

package/es/template/{slides-review → app-review/slides-review}/test/slides-review.js

@@ -5,7 +5,7 @@ import test from 'ava';
 import React from 'react';
 import { render, fireEvent, act } from '@testing-library/react';
 import SlidesReview from '..';
-import AnswerQCMDrag from '../../../molecule/answer/test/fixtures/qcm-drag';
+import AnswerQCMDrag from '../../../../molecule/answer/test/fixtures/qcm-drag';
 import successFixture from './fixtures/success';
 import failureFixture from './fixtures/failure';
 import failOnceOnLastSlideFixture from './fixtures/only-once-on-last-slide';

package/es/template/app-review/slides-review/test/slides-review.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/app-review/slides-review/test/slides-review.js"],"names":["browserEnv","test","React","render","fireEvent","act","SlidesReview","AnswerQCMDrag","successFixture","failureFixture","failOnceOnLastSlideFixture","pretendToBeVisual","elementExists","foundElements","sleep","msToSleep","Promise","resolve","setTimeout","waitForRevisionEndChanges","qcmDrag","props","LIMIT","clickAllSlides","t","container","accumulator","validateButton","querySelectorAll","truthy","click","nextButton","serial","wrapper","stackedSlidesContainer","falsy","pass","plan","onValidateClick","validationResult","nextSlide","question","answer","endReview","validate","label","onClick"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {render, fireEvent, act} from '@testing-library/react';\nimport SlidesReview from '..';\nimport AnswerQCMDrag from '../../../../molecule/answer/test/fixtures/qcm-drag';\nimport successFixture from './fixtures/success';\nimport failureFixture from './fixtures/failure';\nimport failOnceOnLastSlideFixture from './fixtures/only-once-on-last-slide';\n\nbrowserEnv({pretendToBeVisual: true});\n\nconst elementExists = foundElements => foundElements && foundElements[0];\n\nconst sleep = msToSleep => new Promise(resolve => setTimeout(resolve, msToSleep));\n\nconst waitForRevisionEndChanges = async () => {\n  await act(async () => {\n    await sleep(2500); // wait *just* a little longer than the timeout in the component\n  });\n};\n\nconst qcmDrag = AnswerQCMDrag.props;\n\nconst LIMIT = 5;\n\nconst clickAllSlides = async (t, container, accumulator = 0) => {\n  if (accumulator === LIMIT) return;\n\n  // last one needs to wait for more calculations && components updates\n  if (accumulator === 4)\n    await act(async () => {\n      await sleep(2000);\n    });\n\n  const validateButton = container.querySelectorAll(\n    `[data-name=\"slide-validate-button-${accumulator}\"]`\n  );\n  t.truthy(elementExists(validateButton));\n\n  await act(async () => {\n    await fireEvent.click(validateButton[0]);\n  });\n\n  const nextButton = container.querySelectorAll(\n    `[data-name=\"next-question-button-${accumulator}\"]`\n  );\n  t.truthy(elementExists(nextButton));\n\n  await act(async () => {\n    await fireEvent.click(nextButton[0]);\n  });\n\n  await clickAllSlides(t, container, accumulator + 1);\n};\n\ntest.serial('should validate all the slides && unmount the stacked slides after', async t => {\n  const {container} = render(<SlidesReview {...successFixture.props} key={0} />);\n\n  const wrapper = container.querySelectorAll('[data-name=\"slides-revision-container\"]');\n  t.truthy(wrapper);\n\n  let stackedSlidesContainer = container.querySelectorAll('[data-name=\"stacked-slides-container\"]');\n  t.truthy(elementExists(stackedSlidesContainer));\n\n  await clickAllSlides(t, container);\n\n  await waitForRevisionEndChanges();\n\n  stackedSlidesContainer = container.querySelectorAll('[data-name=\"stacked-slides-container\"]');\n  t.falsy(elementExists(stackedSlidesContainer));\n\n  t.pass();\n});\n\ntest.serial('should validate all the slides except the last one, retry and pass', async t => {\n  const {container} = render(<SlidesReview {...failOnceOnLastSlideFixture.props} key={1} />);\n\n  const wrapper = container.querySelectorAll('[data-name=\"slides-revision-container\"]');\n  t.truthy(wrapper);\n\n  const stackedSlidesContainer = container.querySelectorAll(\n    '[data-name=\"stacked-slides-container\"]'\n  );\n  t.truthy(elementExists(stackedSlidesContainer));\n\n  // loop once\n  await clickAllSlides(t, container);\n\n  // fail the first slide again (the other slides are passed)\n  const validateButton = container.querySelectorAll('[data-name=\"slide-validate-button-0\"]');\n  t.truthy(elementExists(validateButton));\n\n  await act(async () => {\n    await fireEvent.click(validateButton[0]);\n  });\n\n  t.pass();\n});\n\ntest.serial('should fail all the slides && still find the stacked slides after', async t => {\n  const {container} = render(<SlidesReview {...failureFixture.props} key={2} />);\n\n  const wrapper = container.querySelectorAll('[data-name=\"slides-revision-container\"]');\n  t.truthy(wrapper);\n\n  let stackedSlidesContainer = container.querySelectorAll('[data-name=\"stacked-slides-container\"]');\n  t.truthy(elementExists(stackedSlidesContainer));\n\n  // loop once\n  await clickAllSlides(t, container);\n\n  // fail the first slide again (all the other slides are also on fail state)\n  const validateButton = container.querySelectorAll('[data-name=\"slide-validate-button-0\"]');\n  t.truthy(elementExists(validateButton));\n\n  await act(async () => {\n    await fireEvent.click(validateButton[0]);\n  });\n\n  stackedSlidesContainer = container.querySelectorAll('[data-name=\"stacked-slides-container\"]');\n  t.truthy(elementExists(stackedSlidesContainer));\n\n  t.pass();\n});\n\ntest.serial('should end Revision on signal && unmount the stacked slides after', async t => {\n  t.plan(6);\n  const onValidateClick = () => {\n    t.pass();\n    return Promise.resolve({\n      validationResult: 'failure',\n      nextSlide: {question: 'Other question?', answer: qcmDrag},\n      endReview: true\n    });\n  };\n\n  const props = {\n    ...failureFixture.props,\n    validate: {\n      label: failureFixture.props.validate.label,\n      onClick: onValidateClick\n    }\n  };\n\n  const {container} = render(<SlidesReview {...props} key={3} />);\n\n  const wrapper = container.querySelectorAll('[data-name=\"slides-revision-container\"]');\n  t.truthy(wrapper);\n\n  let stackedSlidesContainer = container.querySelectorAll('[data-name=\"stacked-slides-container\"]');\n  t.truthy(elementExists(stackedSlidesContainer));\n\n  const validateButton = container.querySelectorAll('[data-name=\"slide-validate-button-0\"]');\n  t.truthy(elementExists(validateButton));\n\n  await act(async () => {\n    await fireEvent.click(validateButton[0]);\n  });\n\n  await waitForRevisionEndChanges();\n\n  stackedSlidesContainer = container.querySelectorAll('[data-name=\"stacked-slides-container\"]');\n  t.falsy(elementExists(stackedSlidesContainer));\n\n  t.pass();\n});\n"],"file":"slides-review.js"}

package/es/template/back-office/brand-list/test/change.js

@@ -2,7 +2,7 @@ import browserEnv from 'browser-env';
 import test from 'ava';
 import React from 'react';
 import { mount, configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import BrandList from '..';
 import Header from '../../../../organism/setup-header/test/fixtures/default';
 browserEnv();

package/es/template/back-office/brand-list/test/change.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/template/back-office/brand-list/test/change.js"],"names":["browserEnv","test","React","mount","configure","Adapter","BrandList","Header","adapter","brands","description","undefined","edit","editHref","image","see","seeHref","title","create","t","plan","searchValue","value","placeholder","onChange","is","wrapper","props","SearchBar","find","simulate","target"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,SAAP,MAAsB,IAAtB;AACA,OAAOC,MAAP,MAAmB,yDAAnB;AAEAP,UAAU;AACVI,SAAS,CAAC;AAACI,EAAAA,OAAO,EAAE,IAAIH,OAAJ;AAAV,CAAD,CAAT;AAEA,MAAMI,MAAM,GAAG,CACb;AACEC,EAAAA,WAAW,EAAEC,SADf;AAEEC,EAAAA,IAAI,EAAE,eAFR;AAGEC,EAAAA,QAAQ,EAAE,iBAHZ;AAIEC,EAAAA,KAAK,EACH,iKALJ;AAMEC,EAAAA,GAAG,EAAE,cANP;AAOEC,EAAAA,OAAO,EAAE,sCAPX;AAQEC,EAAAA,KAAK,EAAE;AART,CADa,EAWb;AACEP,EAAAA,WAAW,EAAEC,SADf;AAEEC,EAAAA,IAAI,EAAE,eAFR;AAGEC,EAAAA,QAAQ,EAAE,gBAHZ;AAIEC,EAAAA,KAAK,EACH,iKALJ;AAMEC,EAAAA,GAAG,EAAE,cANP;AAOEC,EAAAA,OAAO,EAAE,sCAPX;AAQEC,EAAAA,KAAK,EAAE;AART,CAXa,CAAf;AAuBA,MAAMC,MAAM,GAAG;AACbN,EAAAA,IAAI,EAAE,EADO;AAEbC,EAAAA,QAAQ,EAAE;AAFG,CAAf;AAKAZ,IAAI,CAAC,oCAAD,EAAuCkB,CAAC,IAAI;AAC9CA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AAEA,QAAMC,WAAW,GAAG;AAClBC,IAAAA,KAAK,EAAE,SADW;AAElBC,IAAAA,WAAW,EAAE,QAFK;AAGlBC,IAAAA,QAAQ,EAAEF,KAAK,IAAIH,CAAC,CAACM,EAAF,CAAKH,KAAL,EAAY,SAAZ;AAHD,GAApB;AAKA,QAAMI,OAAO,GAAGvB,KAAK,eACnB,oBAAC,SAAD;AAAW,IAAA,MAAM,EAAEM,MAAnB;AAA2B,IAAA,MAAM,EAAEY,WAAnC;AAAgD,IAAA,MAAM,EAAEH,MAAxD;AAAgE,IAAA,MAAM,EAAEX,MAAM,CAACoB;AAA/E,IADmB,CAArB;AAGA,QAAMC,SAAS,GAAGF,OAAO,CAACG,IAAR,CAAa,+BAAb,EAA8CA,IAA9C,CAAmD,eAAnD,CAAlB;AACAD,EAAAA,SAAS,CAACE,QAAV,CAAmB,OAAnB,EAA4B;AAACC,IAAAA,MAAM,EAAE;AAACT,MAAAA,KAAK,EAAE;AAAR;AAAT,GAA5B;AACD,CAbG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport BrandList from '..';\nimport Header from '../../../../organism/setup-header/test/fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\nconst brands = [\n  {\n    description: undefined,\n    edit: 'Edit Platform',\n    editHref: '/brands/digital',\n    image:\n      'https://api-staging.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/digital/raw/logo_coorpacademy-1487689750995.svg&h=300&w=300',\n    see: 'See Platform',\n    seeHref: 'http://digital.mooc:3000/sso/connect',\n    title: 'digital'\n  },\n  {\n    description: undefined,\n    edit: 'Edit Platform',\n    editHref: '/brands/chanel',\n    image:\n      'https://api-staging.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/digital/raw/logo_coorpacademy-1487689750995.svg&h=300&w=300',\n    see: 'See Platform',\n    seeHref: 'http://digital.mooc:3000/sso/connect',\n    title: 'chanel'\n  }\n];\n\nconst create = {\n  edit: '',\n  editHref: ''\n};\n\ntest('should only return the right brand', t => {\n  t.plan(1);\n\n  const searchValue = {\n    value: 'digital',\n    placeholder: 'search',\n    onChange: value => t.is(value, 'digital')\n  };\n  const wrapper = mount(\n    <BrandList brands={brands} search={searchValue} create={create} header={Header.props} />\n  );\n  const SearchBar = wrapper.find('div > .layout__contentWrapper').find('div > #search');\n  SearchBar.simulate('input', {target: {value: 'digital'}});\n});\n"],"file":"change.js"}
+{"version":3,"sources":["../../../../../src/template/back-office/brand-list/test/change.js"],"names":["browserEnv","test","React","mount","configure","Adapter","BrandList","Header","adapter","brands","description","undefined","edit","editHref","image","see","seeHref","title","create","t","plan","searchValue","value","placeholder","onChange","is","wrapper","props","SearchBar","find","simulate","target"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AACA,OAAOC,OAAP,MAAoB,oCAApB;AACA,OAAOC,SAAP,MAAsB,IAAtB;AACA,OAAOC,MAAP,MAAmB,yDAAnB;AAEAP,UAAU;AACVI,SAAS,CAAC;AAACI,EAAAA,OAAO,EAAE,IAAIH,OAAJ;AAAV,CAAD,CAAT;AAEA,MAAMI,MAAM,GAAG,CACb;AACEC,EAAAA,WAAW,EAAEC,SADf;AAEEC,EAAAA,IAAI,EAAE,eAFR;AAGEC,EAAAA,QAAQ,EAAE,iBAHZ;AAIEC,EAAAA,KAAK,EACH,iKALJ;AAMEC,EAAAA,GAAG,EAAE,cANP;AAOEC,EAAAA,OAAO,EAAE,sCAPX;AAQEC,EAAAA,KAAK,EAAE;AART,CADa,EAWb;AACEP,EAAAA,WAAW,EAAEC,SADf;AAEEC,EAAAA,IAAI,EAAE,eAFR;AAGEC,EAAAA,QAAQ,EAAE,gBAHZ;AAIEC,EAAAA,KAAK,EACH,iKALJ;AAMEC,EAAAA,GAAG,EAAE,cANP;AAOEC,EAAAA,OAAO,EAAE,sCAPX;AAQEC,EAAAA,KAAK,EAAE;AART,CAXa,CAAf;AAuBA,MAAMC,MAAM,GAAG;AACbN,EAAAA,IAAI,EAAE,EADO;AAEbC,EAAAA,QAAQ,EAAE;AAFG,CAAf;AAKAZ,IAAI,CAAC,oCAAD,EAAuCkB,CAAC,IAAI;AAC9CA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AAEA,QAAMC,WAAW,GAAG;AAClBC,IAAAA,KAAK,EAAE,SADW;AAElBC,IAAAA,WAAW,EAAE,QAFK;AAGlBC,IAAAA,QAAQ,EAAEF,KAAK,IAAIH,CAAC,CAACM,EAAF,CAAKH,KAAL,EAAY,SAAZ;AAHD,GAApB;AAKA,QAAMI,OAAO,GAAGvB,KAAK,eACnB,oBAAC,SAAD;AAAW,IAAA,MAAM,EAAEM,MAAnB;AAA2B,IAAA,MAAM,EAAEY,WAAnC;AAAgD,IAAA,MAAM,EAAEH,MAAxD;AAAgE,IAAA,MAAM,EAAEX,MAAM,CAACoB;AAA/E,IADmB,CAArB;AAGA,QAAMC,SAAS,GAAGF,OAAO,CAACG,IAAR,CAAa,+BAAb,EAA8CA,IAA9C,CAAmD,eAAnD,CAAlB;AACAD,EAAAA,SAAS,CAACE,QAAV,CAAmB,OAAnB,EAA4B;AAACC,IAAAA,MAAM,EAAE;AAACT,MAAAA,KAAK,EAAE;AAAR;AAAT,GAA5B;AACD,CAbG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from '@wojtekmaj/enzyme-adapter-react-17';\nimport BrandList from '..';\nimport Header from '../../../../organism/setup-header/test/fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\nconst brands = [\n  {\n    description: undefined,\n    edit: 'Edit Platform',\n    editHref: '/brands/digital',\n    image:\n      'https://api-staging.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/digital/raw/logo_coorpacademy-1487689750995.svg&h=300&w=300',\n    see: 'See Platform',\n    seeHref: 'http://digital.mooc:3000/sso/connect',\n    title: 'digital'\n  },\n  {\n    description: undefined,\n    edit: 'Edit Platform',\n    editHref: '/brands/chanel',\n    image:\n      'https://api-staging.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/digital/raw/logo_coorpacademy-1487689750995.svg&h=300&w=300',\n    see: 'See Platform',\n    seeHref: 'http://digital.mooc:3000/sso/connect',\n    title: 'chanel'\n  }\n];\n\nconst create = {\n  edit: '',\n  editHref: ''\n};\n\ntest('should only return the right brand', t => {\n  t.plan(1);\n\n  const searchValue = {\n    value: 'digital',\n    placeholder: 'search',\n    onChange: value => t.is(value, 'digital')\n  };\n  const wrapper = mount(\n    <BrandList brands={brands} search={searchValue} create={create} header={Header.props} />\n  );\n  const SearchBar = wrapper.find('div > .layout__contentWrapper').find('div > #search');\n  SearchBar.simulate('input', {target: {value: 'digital'}});\n});\n"],"file":"change.js"}

package/es/template/back-office/dashboard-preview/test/on-select-dashboard.js

@@ -5,7 +5,7 @@ import test from 'ava';
 import React from 'react';
 import PropTypes from 'prop-types';
 import { mount, configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import DashboardPreview from '..';
 import defaultFixture from './fixtures/selected';
 browserEnv();

package/es/template/back-office/dashboard-preview/test/on-select-dashboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/template/back-office/dashboard-preview/test/on-select-dashboard.js"],"names":["browserEnv","test","React","PropTypes","mount","configure","Adapter","DashboardPreview","defaultFixture","adapter","t","plan","selector","onClick","value","is","wrapper","props","context","translate","id","childContextTypes","func","true","find","exists","simulate","undefined"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,gBAAP,MAA6B,IAA7B;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AAEAR,UAAU;AACVK,SAAS,CAAC;AAACI,EAAAA,OAAO,EAAE,IAAIH,OAAJ;AAAV,CAAD,CAAT;AAEAL,IAAI,CAAC,yEAAD,EAA4ES,CAAC,IAAI;AACnFA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AAEA,QAAMC,QAAQ,GAAG,uCAAjB;;AACA,QAAMC,OAAO,GAAGC,KAAK,IAAI;AACvBJ,IAAAA,CAAC,CAACK,EAAF,CAAKD,KAAL,EAAY,mBAAZ;AACD,GAFD;;AAIA,QAAME,OAAO,GAAGZ,KAAK,eACnB,oBAAC,gBAAD,eAAsBI,cAAc,CAACS,KAArC;AAA4C,IAAA,iBAAiB,EAAEJ;AAA/D,KADmB,EAEnB;AACEK,IAAAA,OAAO,EAAE;AAACC,MAAAA,SAAS,EAAEC,EAAE,IAAIA;AAAlB,KADX;AAEEC,IAAAA,iBAAiB,EAAE;AAACF,MAAAA,SAAS,EAAEhB,SAAS,CAACmB;AAAtB;AAFrB,GAFmB,CAArB;AAQAZ,EAAAA,CAAC,CAACa,IAAF,CAAOP,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBa,MAAvB,EAAP;AAEAT,EAAAA,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBc,QAAvB,CAAgC,OAAhC;AACD,CAnBG,CAAJ;AAqBAzB,IAAI,CAAC,kEAAD,EAAqES,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AACA,QAAMC,QAAQ,GAAG,uCAAjB;AACA,QAAMI,OAAO,GAAGZ,KAAK,eACnB,oBAAC,gBAAD,eAAsBI,cAAc,CAACS,KAArC;AAA4C,IAAA,iBAAiB,EAAEU;AAA/D,KADmB,EAEnB;AACET,IAAAA,OAAO,EAAE;AAACC,MAAAA,SAAS,EAAEC,EAAE,IAAIA;AAAlB,KADX;AAEEC,IAAAA,iBAAiB,EAAE;AAACF,MAAAA,SAAS,EAAEhB,SAAS,CAACmB;AAAtB;AAFrB,GAFmB,CAArB;AAQAZ,EAAAA,CAAC,CAACa,IAAF,CAAOP,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBa,MAAvB,EAAP;AAEAT,EAAAA,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBc,QAAvB,CAAgC,OAAhC;AACD,CAdG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport DashboardPreview from '..';\nimport defaultFixture from './fixtures/selected';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should call the onSelectDashboard function with the value of the target', t => {\n  t.plan(2);\n\n  const selector = 'a[data-name=\"analytics-content-link\"]';\n  const onClick = value => {\n    t.is(value, 'analytics-content');\n  };\n\n  const wrapper = mount(\n    <DashboardPreview {...defaultFixture.props} onSelectDashboard={onClick} />,\n    {\n      context: {translate: id => id},\n      childContextTypes: {translate: PropTypes.func}\n    }\n  );\n\n  t.true(wrapper.find(selector).exists());\n\n  wrapper.find(selector).simulate('click');\n});\n\ntest('should not crash if the onChange function has not been specified', t => {\n  t.plan(1);\n  const selector = 'a[data-name=\"analytics-content-link\"]';\n  const wrapper = mount(\n    <DashboardPreview {...defaultFixture.props} onSelectDashboard={undefined} />,\n    {\n      context: {translate: id => id},\n      childContextTypes: {translate: PropTypes.func}\n    }\n  );\n\n  t.true(wrapper.find(selector).exists());\n\n  wrapper.find(selector).simulate('click');\n});\n"],"file":"on-select-dashboard.js"}
+{"version":3,"sources":["../../../../../src/template/back-office/dashboard-preview/test/on-select-dashboard.js"],"names":["browserEnv","test","React","PropTypes","mount","configure","Adapter","DashboardPreview","defaultFixture","adapter","t","plan","selector","onClick","value","is","wrapper","props","context","translate","id","childContextTypes","func","true","find","exists","simulate","undefined"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AACA,OAAOC,OAAP,MAAoB,oCAApB;AACA,OAAOC,gBAAP,MAA6B,IAA7B;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AAEAR,UAAU;AACVK,SAAS,CAAC;AAACI,EAAAA,OAAO,EAAE,IAAIH,OAAJ;AAAV,CAAD,CAAT;AAEAL,IAAI,CAAC,yEAAD,EAA4ES,CAAC,IAAI;AACnFA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AAEA,QAAMC,QAAQ,GAAG,uCAAjB;;AACA,QAAMC,OAAO,GAAGC,KAAK,IAAI;AACvBJ,IAAAA,CAAC,CAACK,EAAF,CAAKD,KAAL,EAAY,mBAAZ;AACD,GAFD;;AAIA,QAAME,OAAO,GAAGZ,KAAK,eACnB,oBAAC,gBAAD,eAAsBI,cAAc,CAACS,KAArC;AAA4C,IAAA,iBAAiB,EAAEJ;AAA/D,KADmB,EAEnB;AACEK,IAAAA,OAAO,EAAE;AAACC,MAAAA,SAAS,EAAEC,EAAE,IAAIA;AAAlB,KADX;AAEEC,IAAAA,iBAAiB,EAAE;AAACF,MAAAA,SAAS,EAAEhB,SAAS,CAACmB;AAAtB;AAFrB,GAFmB,CAArB;AAQAZ,EAAAA,CAAC,CAACa,IAAF,CAAOP,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBa,MAAvB,EAAP;AAEAT,EAAAA,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBc,QAAvB,CAAgC,OAAhC;AACD,CAnBG,CAAJ;AAqBAzB,IAAI,CAAC,kEAAD,EAAqES,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AACA,QAAMC,QAAQ,GAAG,uCAAjB;AACA,QAAMI,OAAO,GAAGZ,KAAK,eACnB,oBAAC,gBAAD,eAAsBI,cAAc,CAACS,KAArC;AAA4C,IAAA,iBAAiB,EAAEU;AAA/D,KADmB,EAEnB;AACET,IAAAA,OAAO,EAAE;AAACC,MAAAA,SAAS,EAAEC,EAAE,IAAIA;AAAlB,KADX;AAEEC,IAAAA,iBAAiB,EAAE;AAACF,MAAAA,SAAS,EAAEhB,SAAS,CAACmB;AAAtB;AAFrB,GAFmB,CAArB;AAQAZ,EAAAA,CAAC,CAACa,IAAF,CAAOP,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBa,MAAvB,EAAP;AAEAT,EAAAA,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBc,QAAvB,CAAgC,OAAhC;AACD,CAdG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {mount, configure} from 'enzyme';\nimport Adapter from '@wojtekmaj/enzyme-adapter-react-17';\nimport DashboardPreview from '..';\nimport defaultFixture from './fixtures/selected';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should call the onSelectDashboard function with the value of the target', t => {\n  t.plan(2);\n\n  const selector = 'a[data-name=\"analytics-content-link\"]';\n  const onClick = value => {\n    t.is(value, 'analytics-content');\n  };\n\n  const wrapper = mount(\n    <DashboardPreview {...defaultFixture.props} onSelectDashboard={onClick} />,\n    {\n      context: {translate: id => id},\n      childContextTypes: {translate: PropTypes.func}\n    }\n  );\n\n  t.true(wrapper.find(selector).exists());\n\n  wrapper.find(selector).simulate('click');\n});\n\ntest('should not crash if the onChange function has not been specified', t => {\n  t.plan(1);\n  const selector = 'a[data-name=\"analytics-content-link\"]';\n  const wrapper = mount(\n    <DashboardPreview {...defaultFixture.props} onSelectDashboard={undefined} />,\n    {\n      context: {translate: id => id},\n      childContextTypes: {translate: PropTypes.func}\n    }\n  );\n\n  t.true(wrapper.find(selector).exists());\n\n  wrapper.find(selector).simulate('click');\n});\n"],"file":"on-select-dashboard.js"}

package/es/template/back-office/dashboard-preview/test/on-update-field.js

@@ -5,7 +5,7 @@ import test from 'ava';
 import React from 'react';
 import PropTypes from 'prop-types';
 import { mount, configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import DashboardPreview from '..';
 import defaultFixture from './fixtures/selected';
 browserEnv();

package/es/template/back-office/dashboard-preview/test/on-update-field.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/template/back-office/dashboard-preview/test/on-update-field.js"],"names":["browserEnv","test","React","PropTypes","mount","configure","Adapter","DashboardPreview","defaultFixture","adapter","t","plan","selector","onChange","field","value","is","wrapper","props","context","translate","id","childContextTypes","func","true","find","exists","simulate","target","undefined"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,gBAAP,MAA6B,IAA7B;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AAEAR,UAAU;AACVK,SAAS,CAAC;AAACI,EAAAA,OAAO,EAAE,IAAIH,OAAJ;AAAV,CAAD,CAAT;AAEAL,IAAI,CAAC,qEAAD,EAAwES,CAAC,IAAI;AAC/EA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AAEA,QAAMC,QAAQ,GAAG,sCAAjB;;AACA,QAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQC,KAAR,KAAkB;AACjCL,IAAAA,CAAC,CAACM,EAAF,CAAKF,KAAL,EAAY,UAAZ;AACAJ,IAAAA,CAAC,CAACM,EAAF,CAAKD,KAAL,EAAY,MAAZ;AACD,GAHD;;AAKA,QAAME,OAAO,GAAGb,KAAK,eAAC,oBAAC,gBAAD,eAAsBI,cAAc,CAACU,KAArC;AAA4C,IAAA,aAAa,EAAEL;AAA3D,KAAD,EAA0E;AAC7FM,IAAAA,OAAO,EAAE;AAACC,MAAAA,SAAS,EAAEC,EAAE,IAAIA;AAAlB,KADoF;AAE7FC,IAAAA,iBAAiB,EAAE;AAACF,MAAAA,SAAS,EAAEjB,SAAS,CAACoB;AAAtB;AAF0E,GAA1E,CAArB;AAKAb,EAAAA,CAAC,CAACc,IAAF,CAAOP,OAAO,CAACQ,IAAR,CAAab,QAAb,EAAuBc,MAAvB,EAAP;AAEAT,EAAAA,OAAO,CAACQ,IAAR,CAAab,QAAb,EAAuBe,QAAvB,CAAgC,QAAhC,EAA0C;AACxCC,IAAAA,MAAM,EAAE;AACNb,MAAAA,KAAK,EAAE;AADD;AADgC,GAA1C;AAKD,CArBG,CAAJ;AAuBAd,IAAI,CAAC,uEAAD,EAA0ES,CAAC,IAAI;AACjFA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AACA,QAAMC,QAAQ,GAAG,sCAAjB;AACA,QAAMK,OAAO,GAAGb,KAAK,eAAC,oBAAC,gBAAD,eAAsBI,cAAc,CAACU,KAArC;AAA4C,IAAA,aAAa,EAAEW;AAA3D,KAAD,EAA2E;AAC9FV,IAAAA,OAAO,EAAE;AAACC,MAAAA,SAAS,EAAEC,EAAE,IAAIA;AAAlB,KADqF;AAE9FC,IAAAA,iBAAiB,EAAE;AAACF,MAAAA,SAAS,EAAEjB,SAAS,CAACoB;AAAtB;AAF2E,GAA3E,CAArB;AAKAb,EAAAA,CAAC,CAACc,IAAF,CAAOP,OAAO,CAACQ,IAAR,CAAab,QAAb,EAAuBc,MAAvB,EAAP;AAEAT,EAAAA,OAAO,CAACQ,IAAR,CAAab,QAAb,EAAuBe,QAAvB,CAAgC,QAAhC,EAA0C;AACxCC,IAAAA,MAAM,EAAE;AACNb,MAAAA,KAAK,EAAE;AADD;AADgC,GAA1C;AAKD,CAfG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport DashboardPreview from '..';\nimport defaultFixture from './fixtures/selected';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should call the onUpdateField function with the value of the target', t => {\n  t.plan(3);\n\n  const selector = 'li[data-name=\"platform-field\"] input';\n  const onChange = (field, value) => {\n    t.is(field, 'platform');\n    t.is(value, 'toto');\n  };\n\n  const wrapper = mount(<DashboardPreview {...defaultFixture.props} onUpdateField={onChange} />, {\n    context: {translate: id => id},\n    childContextTypes: {translate: PropTypes.func}\n  });\n\n  t.true(wrapper.find(selector).exists());\n\n  wrapper.find(selector).simulate('change', {\n    target: {\n      value: 'toto'\n    }\n  });\n});\n\ntest('should not crash if the onUpdateField function has not been specified', t => {\n  t.plan(1);\n  const selector = 'li[data-name=\"platform-field\"] input';\n  const wrapper = mount(<DashboardPreview {...defaultFixture.props} onUpdateField={undefined} />, {\n    context: {translate: id => id},\n    childContextTypes: {translate: PropTypes.func}\n  });\n\n  t.true(wrapper.find(selector).exists());\n\n  wrapper.find(selector).simulate('change', {\n    target: {\n      value: 'toto'\n    }\n  });\n});\n"],"file":"on-update-field.js"}
+{"version":3,"sources":["../../../../../src/template/back-office/dashboard-preview/test/on-update-field.js"],"names":["browserEnv","test","React","PropTypes","mount","configure","Adapter","DashboardPreview","defaultFixture","adapter","t","plan","selector","onChange","field","value","is","wrapper","props","context","translate","id","childContextTypes","func","true","find","exists","simulate","target","undefined"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AACA,OAAOC,OAAP,MAAoB,oCAApB;AACA,OAAOC,gBAAP,MAA6B,IAA7B;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AAEAR,UAAU;AACVK,SAAS,CAAC;AAACI,EAAAA,OAAO,EAAE,IAAIH,OAAJ;AAAV,CAAD,CAAT;AAEAL,IAAI,CAAC,qEAAD,EAAwES,CAAC,IAAI;AAC/EA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AAEA,QAAMC,QAAQ,GAAG,sCAAjB;;AACA,QAAMC,QAAQ,GAAG,CAACC,KAAD,EAAQC,KAAR,KAAkB;AACjCL,IAAAA,CAAC,CAACM,EAAF,CAAKF,KAAL,EAAY,UAAZ;AACAJ,IAAAA,CAAC,CAACM,EAAF,CAAKD,KAAL,EAAY,MAAZ;AACD,GAHD;;AAKA,QAAME,OAAO,GAAGb,KAAK,eAAC,oBAAC,gBAAD,eAAsBI,cAAc,CAACU,KAArC;AAA4C,IAAA,aAAa,EAAEL;AAA3D,KAAD,EAA0E;AAC7FM,IAAAA,OAAO,EAAE;AAACC,MAAAA,SAAS,EAAEC,EAAE,IAAIA;AAAlB,KADoF;AAE7FC,IAAAA,iBAAiB,EAAE;AAACF,MAAAA,SAAS,EAAEjB,SAAS,CAACoB;AAAtB;AAF0E,GAA1E,CAArB;AAKAb,EAAAA,CAAC,CAACc,IAAF,CAAOP,OAAO,CAACQ,IAAR,CAAab,QAAb,EAAuBc,MAAvB,EAAP;AAEAT,EAAAA,OAAO,CAACQ,IAAR,CAAab,QAAb,EAAuBe,QAAvB,CAAgC,QAAhC,EAA0C;AACxCC,IAAAA,MAAM,EAAE;AACNb,MAAAA,KAAK,EAAE;AADD;AADgC,GAA1C;AAKD,CArBG,CAAJ;AAuBAd,IAAI,CAAC,uEAAD,EAA0ES,CAAC,IAAI;AACjFA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AACA,QAAMC,QAAQ,GAAG,sCAAjB;AACA,QAAMK,OAAO,GAAGb,KAAK,eAAC,oBAAC,gBAAD,eAAsBI,cAAc,CAACU,KAArC;AAA4C,IAAA,aAAa,EAAEW;AAA3D,KAAD,EAA2E;AAC9FV,IAAAA,OAAO,EAAE;AAACC,MAAAA,SAAS,EAAEC,EAAE,IAAIA;AAAlB,KADqF;AAE9FC,IAAAA,iBAAiB,EAAE;AAACF,MAAAA,SAAS,EAAEjB,SAAS,CAACoB;AAAtB;AAF2E,GAA3E,CAArB;AAKAb,EAAAA,CAAC,CAACc,IAAF,CAAOP,OAAO,CAACQ,IAAR,CAAab,QAAb,EAAuBc,MAAvB,EAAP;AAEAT,EAAAA,OAAO,CAACQ,IAAR,CAAab,QAAb,EAAuBe,QAAvB,CAAgC,QAAhC,EAA0C;AACxCC,IAAAA,MAAM,EAAE;AACNb,MAAAA,KAAK,EAAE;AADD;AADgC,GAA1C;AAKD,CAfG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {mount, configure} from 'enzyme';\nimport Adapter from '@wojtekmaj/enzyme-adapter-react-17';\nimport DashboardPreview from '..';\nimport defaultFixture from './fixtures/selected';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should call the onUpdateField function with the value of the target', t => {\n  t.plan(3);\n\n  const selector = 'li[data-name=\"platform-field\"] input';\n  const onChange = (field, value) => {\n    t.is(field, 'platform');\n    t.is(value, 'toto');\n  };\n\n  const wrapper = mount(<DashboardPreview {...defaultFixture.props} onUpdateField={onChange} />, {\n    context: {translate: id => id},\n    childContextTypes: {translate: PropTypes.func}\n  });\n\n  t.true(wrapper.find(selector).exists());\n\n  wrapper.find(selector).simulate('change', {\n    target: {\n      value: 'toto'\n    }\n  });\n});\n\ntest('should not crash if the onUpdateField function has not been specified', t => {\n  t.plan(1);\n  const selector = 'li[data-name=\"platform-field\"] input';\n  const wrapper = mount(<DashboardPreview {...defaultFixture.props} onUpdateField={undefined} />, {\n    context: {translate: id => id},\n    childContextTypes: {translate: PropTypes.func}\n  });\n\n  t.true(wrapper.find(selector).exists());\n\n  wrapper.find(selector).simulate('change', {\n    target: {\n      value: 'toto'\n    }\n  });\n});\n"],"file":"on-update-field.js"}

package/es/template/back-office/dashboard-preview/test/on-update-version.js

@@ -5,7 +5,7 @@ import test from 'ava';
 import React from 'react';
 import PropTypes from 'prop-types';
 import { mount, configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import DashboardPreview from '..';
 import defaultFixture from './fixtures/selected';
 browserEnv();

package/es/template/back-office/dashboard-preview/test/on-update-version.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/template/back-office/dashboard-preview/test/on-update-version.js"],"names":["browserEnv","test","React","PropTypes","mount","configure","Adapter","DashboardPreview","defaultFixture","adapter","t","plan","selector","onChange","value","is","wrapper","props","context","translate","id","childContextTypes","func","true","find","exists","simulate","target","undefined"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,gBAAP,MAA6B,IAA7B;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AAEAR,UAAU;AACVK,SAAS,CAAC;AAACI,EAAAA,OAAO,EAAE,IAAIH,OAAJ;AAAV,CAAD,CAAT;AAEAL,IAAI,CAAC,uEAAD,EAA0ES,CAAC,IAAI;AACjFA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AAEA,QAAMC,QAAQ,GAAG,sCAAjB;;AACA,QAAMC,QAAQ,GAAGC,KAAK,IAAI;AACxBJ,IAAAA,CAAC,CAACK,EAAF,CAAKD,KAAL,EAAY,KAAZ;AACD,GAFD;;AAIA,QAAME,OAAO,GAAGZ,KAAK,eAAC,oBAAC,gBAAD,eAAsBI,cAAc,CAACS,KAArC;AAA4C,IAAA,eAAe,EAAEJ;AAA7D,KAAD,EAA4E;AAC/FK,IAAAA,OAAO,EAAE;AAACC,MAAAA,SAAS,EAAEC,EAAE,IAAIA;AAAlB,KADsF;AAE/FC,IAAAA,iBAAiB,EAAE;AAACF,MAAAA,SAAS,EAAEhB,SAAS,CAACmB;AAAtB;AAF4E,GAA5E,CAArB;AAKAZ,EAAAA,CAAC,CAACa,IAAF,CAAOP,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBa,MAAvB,EAAP;AAEAT,EAAAA,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBc,QAAvB,CAAgC,QAAhC,EAA0C;AACxCC,IAAAA,MAAM,EAAE;AACNb,MAAAA,KAAK,EAAE;AADD;AADgC,GAA1C;AAKD,CApBG,CAAJ;AAsBAb,IAAI,CAAC,yEAAD,EAA4ES,CAAC,IAAI;AACnFA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AACA,QAAMC,QAAQ,GAAG,sCAAjB;AACA,QAAMI,OAAO,GAAGZ,KAAK,eACnB,oBAAC,gBAAD,eAAsBI,cAAc,CAACS,KAArC;AAA4C,IAAA,eAAe,EAAEW;AAA7D,KADmB,EAEnB;AACEV,IAAAA,OAAO,EAAE;AAACC,MAAAA,SAAS,EAAEC,EAAE,IAAIA;AAAlB,KADX;AAEEC,IAAAA,iBAAiB,EAAE;AAACF,MAAAA,SAAS,EAAEhB,SAAS,CAACmB;AAAtB;AAFrB,GAFmB,CAArB;AAQAZ,EAAAA,CAAC,CAACa,IAAF,CAAOP,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBa,MAAvB,EAAP;AAEAT,EAAAA,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBc,QAAvB,CAAgC,QAAhC,EAA0C;AACxCC,IAAAA,MAAM,EAAE;AACNb,MAAAA,KAAK,EAAE;AADD;AADgC,GAA1C;AAKD,CAlBG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport DashboardPreview from '..';\nimport defaultFixture from './fixtures/selected';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should call the onUpdateVersion function with the value of the target', t => {\n  t.plan(2);\n\n  const selector = 'li[data-name=\"version-field\"] select';\n  const onChange = value => {\n    t.is(value, 'foo');\n  };\n\n  const wrapper = mount(<DashboardPreview {...defaultFixture.props} onUpdateVersion={onChange} />, {\n    context: {translate: id => id},\n    childContextTypes: {translate: PropTypes.func}\n  });\n\n  t.true(wrapper.find(selector).exists());\n\n  wrapper.find(selector).simulate('change', {\n    target: {\n      value: 'foo'\n    }\n  });\n});\n\ntest('should not crash if the onUpdateVersion function has not been specified', t => {\n  t.plan(1);\n  const selector = 'li[data-name=\"version-field\"] select';\n  const wrapper = mount(\n    <DashboardPreview {...defaultFixture.props} onUpdateVersion={undefined} />,\n    {\n      context: {translate: id => id},\n      childContextTypes: {translate: PropTypes.func}\n    }\n  );\n\n  t.true(wrapper.find(selector).exists());\n\n  wrapper.find(selector).simulate('change', {\n    target: {\n      value: 'foo'\n    }\n  });\n});\n"],"file":"on-update-version.js"}
+{"version":3,"sources":["../../../../../src/template/back-office/dashboard-preview/test/on-update-version.js"],"names":["browserEnv","test","React","PropTypes","mount","configure","Adapter","DashboardPreview","defaultFixture","adapter","t","plan","selector","onChange","value","is","wrapper","props","context","translate","id","childContextTypes","func","true","find","exists","simulate","target","undefined"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AACA,OAAOC,OAAP,MAAoB,oCAApB;AACA,OAAOC,gBAAP,MAA6B,IAA7B;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AAEAR,UAAU;AACVK,SAAS,CAAC;AAACI,EAAAA,OAAO,EAAE,IAAIH,OAAJ;AAAV,CAAD,CAAT;AAEAL,IAAI,CAAC,uEAAD,EAA0ES,CAAC,IAAI;AACjFA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AAEA,QAAMC,QAAQ,GAAG,sCAAjB;;AACA,QAAMC,QAAQ,GAAGC,KAAK,IAAI;AACxBJ,IAAAA,CAAC,CAACK,EAAF,CAAKD,KAAL,EAAY,KAAZ;AACD,GAFD;;AAIA,QAAME,OAAO,GAAGZ,KAAK,eAAC,oBAAC,gBAAD,eAAsBI,cAAc,CAACS,KAArC;AAA4C,IAAA,eAAe,EAAEJ;AAA7D,KAAD,EAA4E;AAC/FK,IAAAA,OAAO,EAAE;AAACC,MAAAA,SAAS,EAAEC,EAAE,IAAIA;AAAlB,KADsF;AAE/FC,IAAAA,iBAAiB,EAAE;AAACF,MAAAA,SAAS,EAAEhB,SAAS,CAACmB;AAAtB;AAF4E,GAA5E,CAArB;AAKAZ,EAAAA,CAAC,CAACa,IAAF,CAAOP,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBa,MAAvB,EAAP;AAEAT,EAAAA,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBc,QAAvB,CAAgC,QAAhC,EAA0C;AACxCC,IAAAA,MAAM,EAAE;AACNb,MAAAA,KAAK,EAAE;AADD;AADgC,GAA1C;AAKD,CApBG,CAAJ;AAsBAb,IAAI,CAAC,yEAAD,EAA4ES,CAAC,IAAI;AACnFA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AACA,QAAMC,QAAQ,GAAG,sCAAjB;AACA,QAAMI,OAAO,GAAGZ,KAAK,eACnB,oBAAC,gBAAD,eAAsBI,cAAc,CAACS,KAArC;AAA4C,IAAA,eAAe,EAAEW;AAA7D,KADmB,EAEnB;AACEV,IAAAA,OAAO,EAAE;AAACC,MAAAA,SAAS,EAAEC,EAAE,IAAIA;AAAlB,KADX;AAEEC,IAAAA,iBAAiB,EAAE;AAACF,MAAAA,SAAS,EAAEhB,SAAS,CAACmB;AAAtB;AAFrB,GAFmB,CAArB;AAQAZ,EAAAA,CAAC,CAACa,IAAF,CAAOP,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBa,MAAvB,EAAP;AAEAT,EAAAA,OAAO,CAACQ,IAAR,CAAaZ,QAAb,EAAuBc,QAAvB,CAAgC,QAAhC,EAA0C;AACxCC,IAAAA,MAAM,EAAE;AACNb,MAAAA,KAAK,EAAE;AADD;AADgC,GAA1C;AAKD,CAlBG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {mount, configure} from 'enzyme';\nimport Adapter from '@wojtekmaj/enzyme-adapter-react-17';\nimport DashboardPreview from '..';\nimport defaultFixture from './fixtures/selected';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should call the onUpdateVersion function with the value of the target', t => {\n  t.plan(2);\n\n  const selector = 'li[data-name=\"version-field\"] select';\n  const onChange = value => {\n    t.is(value, 'foo');\n  };\n\n  const wrapper = mount(<DashboardPreview {...defaultFixture.props} onUpdateVersion={onChange} />, {\n    context: {translate: id => id},\n    childContextTypes: {translate: PropTypes.func}\n  });\n\n  t.true(wrapper.find(selector).exists());\n\n  wrapper.find(selector).simulate('change', {\n    target: {\n      value: 'foo'\n    }\n  });\n});\n\ntest('should not crash if the onUpdateVersion function has not been specified', t => {\n  t.plan(1);\n  const selector = 'li[data-name=\"version-field\"] select';\n  const wrapper = mount(\n    <DashboardPreview {...defaultFixture.props} onUpdateVersion={undefined} />,\n    {\n      context: {translate: id => id},\n      childContextTypes: {translate: PropTypes.func}\n    }\n  );\n\n  t.true(wrapper.find(selector).exists());\n\n  wrapper.find(selector).simulate('change', {\n    target: {\n      value: 'foo'\n    }\n  });\n});\n"],"file":"on-update-version.js"}

package/es/template/battle-requests/index.js

@@ -5,7 +5,6 @@ import classnames from 'classnames';
 import Provider from '../../atom/provider';
 import CardWithButton from '../../molecule/card-with-button';
 import Avatar from '../../atom/avatar';
-import { innerHTML } from '../../atom/label/style.css';
 import style from './style.css';
 
 const Battles = (props, context) => {
@@ -43,7 +42,7 @@ const Battles = (props, context) => {
     }, /*#__PURE__*/React.createElement(Avatar, {
       url: battle.urlAvatar
     })), /*#__PURE__*/React.createElement("div", {
-      className: classnames(style.wrapper, innerHTML) // eslint-disable-next-line react/no-danger
+      className: classnames(style.wrapper, style.innerHTML) // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: challengeLabel

package/es/template/battle-requests/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/battle-requests/index.js"],"names":["React","PropTypes","classnames","Provider","CardWithButton","Avatar","innerHTML","style","Battles","props","context","translate","battles","trads","cards","battle","challengeLabel","username","courseName","battleCardProps","primaryButtonLabel","battleCTA","lightButtonLabel","reviewCTA","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","id","cardsItem","card","injection","urlAvatar","wrapper","__html","contextTypes","childContextTypes","propTypes","arrayOf","shape","isRequired","string"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport CardWithButton from '../../molecule/card-with-button';\nimport Avatar from '../../atom/avatar';\nimport {innerHTML} from '../../atom/label/style.css';\nimport style from './style.css';\n\nconst Battles = (props, context) => {\n  const {translate} = context;\n  const {battles, trads} = props;\n  return (\n    <ul className={style.cards}>\n      {map(battle => {\n        const challengeLabel = translate('is challenging you', {\n          username: `<strong>${battle.username}</strong>`,\n          courseName: `<p><strong>${battle.courseName}</strong></p>`\n        });\n        const battleCardProps = {\n          username: battle.username,\n          courseName: battle.courseName,\n          primaryButtonLabel: trads.battleCTA,\n          lightButtonLabel: trads.reviewCTA,\n          tagLabel: battle.tagLabel,\n          onLightButtonClick: battle.onLightButtonClick,\n          onPrimaryButtonClick: battle.onPrimaryButtonClick,\n          backgroundImg: battle.backgroundImg\n        };\n        return (\n          <li key={battle.id} className={style.cardsItem}>\n            <div className={style.card}>\n              <CardWithButton {...battleCardProps}>\n                <div className={style.injection}>\n                  <Avatar url={battle.urlAvatar} />\n                </div>\n                <div\n                  className={classnames(style.wrapper, innerHTML)}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: challengeLabel}}\n                />\n              </CardWithButton>\n            </div>\n          </li>\n        );\n      }, battles)}\n    </ul>\n  );\n};\n\nBattles.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBattles.propTypes = {\n  battles: PropTypes.arrayOf(\n    PropTypes.shape({\n      username: CardWithButton.propTypes.username,\n      courseName: CardWithButton.propTypes.courseName,\n      tagLabel: CardWithButton.propTypes.tagLabel,\n      onLightButtonClick: CardWithButton.propTypes.onLightButtonClick,\n      onPrimaryButtonClick: CardWithButton.propTypes.onPrimaryButtonClick,\n      backgroundImg: CardWithButton.propTypes.backgroundImg\n    })\n  ).isRequired,\n  trads: PropTypes.shape({\n    battleCTA: PropTypes.string.isRequired,\n    reviewCTA: PropTypes.string.isRequired\n  }).isRequired\n};\n\nexport default Battles;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/template/battle-requests/index.js"],"names":["React","PropTypes","classnames","Provider","CardWithButton","Avatar","style","Battles","props","context","translate","battles","trads","cards","battle","challengeLabel","username","courseName","battleCardProps","primaryButtonLabel","battleCTA","lightButtonLabel","reviewCTA","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","id","cardsItem","card","injection","urlAvatar","wrapper","innerHTML","__html","contextTypes","childContextTypes","propTypes","arrayOf","shape","isRequired","string"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport CardWithButton from '../../molecule/card-with-button';\nimport Avatar from '../../atom/avatar';\nimport style from './style.css';\n\nconst Battles = (props, context) => {\n  const {translate} = context;\n  const {battles, trads} = props;\n  return (\n    <ul className={style.cards}>\n      {map(battle => {\n        const challengeLabel = translate('is challenging you', {\n          username: `<strong>${battle.username}</strong>`,\n          courseName: `<p><strong>${battle.courseName}</strong></p>`\n        });\n        const battleCardProps = {\n          username: battle.username,\n          courseName: battle.courseName,\n          primaryButtonLabel: trads.battleCTA,\n          lightButtonLabel: trads.reviewCTA,\n          tagLabel: battle.tagLabel,\n          onLightButtonClick: battle.onLightButtonClick,\n          onPrimaryButtonClick: battle.onPrimaryButtonClick,\n          backgroundImg: battle.backgroundImg\n        };\n        return (\n          <li key={battle.id} className={style.cardsItem}>\n            <div className={style.card}>\n              <CardWithButton {...battleCardProps}>\n                <div className={style.injection}>\n                  <Avatar url={battle.urlAvatar} />\n                </div>\n                <div\n                  className={classnames(style.wrapper, style.innerHTML)}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: challengeLabel}}\n                />\n              </CardWithButton>\n            </div>\n          </li>\n        );\n      }, battles)}\n    </ul>\n  );\n};\n\nBattles.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBattles.propTypes = {\n  battles: PropTypes.arrayOf(\n    PropTypes.shape({\n      username: CardWithButton.propTypes.username,\n      courseName: CardWithButton.propTypes.courseName,\n      tagLabel: CardWithButton.propTypes.tagLabel,\n      onLightButtonClick: CardWithButton.propTypes.onLightButtonClick,\n      onPrimaryButtonClick: CardWithButton.propTypes.onPrimaryButtonClick,\n      backgroundImg: CardWithButton.propTypes.backgroundImg\n    })\n  ).isRequired,\n  trads: PropTypes.shape({\n    battleCTA: PropTypes.string.isRequired,\n    reviewCTA: PropTypes.string.isRequired\n  }).isRequired\n};\n\nexport default Battles;\n"],"file":"index.js"}

package/es/template/battle-requests/style.css

@@ -72,3 +72,7 @@
   justify-content: center;
   align-items: center;
 }
+
+.innerHTML {
+  composes: innerHTML from '../../atom/label/style.css'
+}

package/es/template/common/authors/test/show-more.js

@@ -3,7 +3,7 @@ import browserEnv from 'browser-env';
 import test from 'ava';
 import React from 'react';
 import { mount, configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import style from '../style.css'; // eslint-disable-line css-modules/no-unused-class
 
 import Authors from '..';

package/es/template/common/authors/test/show-more.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/template/common/authors/test/show-more.js"],"names":["browserEnv","test","React","mount","configure","Adapter","style","Authors","authorFixture","adapter","t","context","skin","translate","key","toggleStyle","toggle","plan","wrapper","props","is","find","exists","text","simulate"],"mappings":";AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AAEA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,KAAP,MAAkB,cAAlB,C,CAAkC;;AAClC,OAAOC,OAAP,MAAoB,IAApB;AACA,OAAOC,aAAP,MAA0B,oBAA1B;AAEAR,UAAU;AACVI,SAAS,CAAC;AAACK,EAAAA,OAAO,EAAE,IAAIJ,OAAJ;AAAV,CAAD,CAAT;AAEAJ,IAAI,CAAC,kBAAD,EAAqBS,CAAC,IAAI;AAC5B,QAAMC,OAAO,GAAG;AACdC,IAAAA,IAAI,EAAE,EADQ;AAEdC,IAAAA,SAAS,EAAEC,GAAG,IAAIA;AAFJ,GAAhB;AAKA,QAAMC,WAAW,GAAI,IAAG,SAAQ,GAAR,EAAa,GAAb,EAAkBT,KAAK,CAACU,MAAxB,CAAgC,EAAxD;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAO,CAAP;AAEA,QAAMC,OAAO,GAAGf,KAAK,eAAC,oBAAC,OAAD,EAAaK,aAAa,CAACW,KAA3B,CAAD,EAAuC;AAACR,IAAAA;AAAD,GAAvC,CAArB;AAEAD,EAAAA,CAAC,CAACU,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BO,MAA1B,EAAL,EAAyC,IAAzC;AACAZ,EAAAA,CAAC,CAACU,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BQ,IAA1B,EAAL,EAAuC,WAAvC;AAEAL,EAAAA,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BS,QAA1B,CAAmC,OAAnC;AAEAd,EAAAA,CAAC,CAACU,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BO,MAA1B,EAAL,EAAyC,IAAzC;AACAZ,EAAAA,CAAC,CAACU,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BQ,IAA1B,EAAL,EAAuC,UAAvC;AAEAL,EAAAA,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BS,QAA1B,CAAmC,OAAnC;AAEAd,EAAAA,CAAC,CAACU,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BO,MAA1B,EAAL,EAAyC,IAAzC;AACAZ,EAAAA,CAAC,CAACU,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BQ,IAA1B,EAAL,EAAuC,WAAvC;AACD,CAvBG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport {replace} from 'lodash/fp';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport style from '../style.css'; // eslint-disable-line css-modules/no-unused-class\nimport Authors from '..';\nimport authorFixture from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should show more', t => {\n  const context = {\n    skin: {},\n    translate: key => key\n  };\n\n  const toggleStyle = `.${replace(' ', '.', style.toggle)}`;\n  t.plan(6);\n\n  const wrapper = mount(<Authors {...authorFixture.props} />, {context});\n\n  t.is(wrapper.find(toggleStyle).exists(), true);\n  t.is(wrapper.find(toggleStyle).text(), 'Show more');\n\n  wrapper.find(toggleStyle).simulate('click');\n\n  t.is(wrapper.find(toggleStyle).exists(), true);\n  t.is(wrapper.find(toggleStyle).text(), 'See less');\n\n  wrapper.find(toggleStyle).simulate('click');\n\n  t.is(wrapper.find(toggleStyle).exists(), true);\n  t.is(wrapper.find(toggleStyle).text(), 'Show more');\n});\n"],"file":"show-more.js"}
+{"version":3,"sources":["../../../../../src/template/common/authors/test/show-more.js"],"names":["browserEnv","test","React","mount","configure","Adapter","style","Authors","authorFixture","adapter","t","context","skin","translate","key","toggleStyle","toggle","plan","wrapper","props","is","find","exists","text","simulate"],"mappings":";AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AAEA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AACA,OAAOC,OAAP,MAAoB,oCAApB;AACA,OAAOC,KAAP,MAAkB,cAAlB,C,CAAkC;;AAClC,OAAOC,OAAP,MAAoB,IAApB;AACA,OAAOC,aAAP,MAA0B,oBAA1B;AAEAR,UAAU;AACVI,SAAS,CAAC;AAACK,EAAAA,OAAO,EAAE,IAAIJ,OAAJ;AAAV,CAAD,CAAT;AAEAJ,IAAI,CAAC,kBAAD,EAAqBS,CAAC,IAAI;AAC5B,QAAMC,OAAO,GAAG;AACdC,IAAAA,IAAI,EAAE,EADQ;AAEdC,IAAAA,SAAS,EAAEC,GAAG,IAAIA;AAFJ,GAAhB;AAKA,QAAMC,WAAW,GAAI,IAAG,SAAQ,GAAR,EAAa,GAAb,EAAkBT,KAAK,CAACU,MAAxB,CAAgC,EAAxD;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAO,CAAP;AAEA,QAAMC,OAAO,GAAGf,KAAK,eAAC,oBAAC,OAAD,EAAaK,aAAa,CAACW,KAA3B,CAAD,EAAuC;AAACR,IAAAA;AAAD,GAAvC,CAArB;AAEAD,EAAAA,CAAC,CAACU,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BO,MAA1B,EAAL,EAAyC,IAAzC;AACAZ,EAAAA,CAAC,CAACU,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BQ,IAA1B,EAAL,EAAuC,WAAvC;AAEAL,EAAAA,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BS,QAA1B,CAAmC,OAAnC;AAEAd,EAAAA,CAAC,CAACU,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BO,MAA1B,EAAL,EAAyC,IAAzC;AACAZ,EAAAA,CAAC,CAACU,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BQ,IAA1B,EAAL,EAAuC,UAAvC;AAEAL,EAAAA,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BS,QAA1B,CAAmC,OAAnC;AAEAd,EAAAA,CAAC,CAACU,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BO,MAA1B,EAAL,EAAyC,IAAzC;AACAZ,EAAAA,CAAC,CAACU,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaN,WAAb,EAA0BQ,IAA1B,EAAL,EAAuC,WAAvC;AACD,CAvBG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport {replace} from 'lodash/fp';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from '@wojtekmaj/enzyme-adapter-react-17';\nimport style from '../style.css'; // eslint-disable-line css-modules/no-unused-class\nimport Authors from '..';\nimport authorFixture from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should show more', t => {\n  const context = {\n    skin: {},\n    translate: key => key\n  };\n\n  const toggleStyle = `.${replace(' ', '.', style.toggle)}`;\n  t.plan(6);\n\n  const wrapper = mount(<Authors {...authorFixture.props} />, {context});\n\n  t.is(wrapper.find(toggleStyle).exists(), true);\n  t.is(wrapper.find(toggleStyle).text(), 'Show more');\n\n  wrapper.find(toggleStyle).simulate('click');\n\n  t.is(wrapper.find(toggleStyle).exists(), true);\n  t.is(wrapper.find(toggleStyle).text(), 'See less');\n\n  wrapper.find(toggleStyle).simulate('click');\n\n  t.is(wrapper.find(toggleStyle).exists(), true);\n  t.is(wrapper.find(toggleStyle).text(), 'Show more');\n});\n"],"file":"show-more.js"}