@coorpacademy/components 10.19.10 → 10.19.13-alpha.8

package/lib/template/app-review/slides/index.native.js

@@ -0,0 +1,229 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactNative = require("react-native");
+
+var _propTypes2 = _interopRequireDefault(require("./prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// import theme from '../../../modules/theme';
+// import translations from '../../../translations';
+// import {BrandThemeContext} from '../../../app-shared/components/brand-theme-provider';
+// import Button from '../../../app-shared/components/button';
+// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';
+// export type _Choice_ = {
+//   text?: string,
+//   selected: boolean
+// };
+// export type _Slide_ = {
+//   category: string,
+//   question: string,
+//   instruction: string,
+//   type: 'multiSelection' | 'singleSelection' | 'trueOrFalse',
+//   choices?: _Choice_[]
+// };
+// interface Props {
+//   slide: _Slide_;
+//   num: number;
+// }
+const quizzerStyle = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 20,
+    // paddingTop: HEADER_HEIGHT + 20,      @todo with props
+    // backgroundColor: theme.colors.white, @todo with props
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  }
+});
+
+const SLIDE_HEIGHT = () => (0, _reactNative.useWindowDimensions)().height * 0.75; // const creatSlideStyle = (num: number) =>
+
+
+const creatSlideStyle = (num, width, height) => _reactNative.StyleSheet.create({
+  slide: {
+    position: 'absolute',
+    // backgroundColor: theme.colors.white, @todo with props
+    top: height / 2 - SLIDE_HEIGHT() / 2 - num * 4,
+    flex: 1,
+    height: SLIDE_HEIGHT(),
+    width: width - 40 - num * 8,
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: 25,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: -1
+    },
+    shadowOpacity: 0.05,
+    shadowRadius: 16,
+    elevation: 10 - num * 1,
+    borderRadius: 16
+  },
+  category: {
+    fontSize: 12,
+    lineHeight: 16,
+    // color: theme.colors.text.primary, @todo with props
+    // marginBottom: theme.spacing.tiny, @todo with props
+    // marginTop: theme.spacing.small,   @todo with props
+    textAlign: 'center'
+  },
+  question: {
+    fontSize: 16,
+    lineHeight: 22,
+    fontWeight: '700',
+    // color: theme.colors.text.primary, @todo with props
+    textAlign: 'center'
+  },
+  instruction: {
+    fontSize: 12,
+    lineHeight: 16,
+    // color: theme.colors.gray.medium,  @todo with props
+    // marginBottom: theme.spacing.base, @todo with props
+    // marginTop: theme.spacing.small,   @todo with props
+    textAlign: 'center'
+  },
+  button: {
+    width: 287,
+    height: 52,
+    borderRadius: 7 // marginTop: theme.spacing.base  @todo with props
+
+  }
+});
+
+const createOptionStyle = selected => {
+  // const brandTheme = React.useContext(BrandThemeContext); @todo with props
+  return _reactNative.StyleSheet.create({
+    box: {
+      width: '100%',
+      // https://stackoverflow.com/a/66561995/959219
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: -1
+      },
+      shadowOpacity: 0.2,
+      shadowRadius: 16,
+      elevation: 8,
+      // backgroundColor: selected ? brandTheme.colors.primary : theme.colors.white, @todo with props
+      padding: 12,
+      marginTop: 4,
+      marginBottom: 4,
+      borderRadius: 8
+    },
+    text: {
+      fontSize: 15,
+      fontWeight: 'bold',
+      lineHeight: 24,
+      // color: selected ? theme.colors.white : theme.colors.text.primary, @todo with props
+      textAlign: 'center'
+    }
+  });
+};
+
+const choicesStyle = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+}); // -----------------------------------------------------------------------------
+
+/* {choices.map(({text, selected = false}: _Choice_) => { */
+
+
+const Choices = ({
+  choices
+}) => /*#__PURE__*/React.createElement(_reactNative.View, {
+  style: choicesStyle.container
+}, choices.map(({
+  text,
+  selected = false
+}, index) => {
+  const optionStyle = createOptionStyle(selected);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: optionStyle.box,
+    key: `choice-${index}`
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: optionStyle.text
+  }, text, " ", selected));
+}));
+
+Choices.propTypes = process.env.NODE_ENV !== "production" ? {
+  choices: _propTypes.default.arrayOf({
+    text: _propTypes.default.text,
+    selected: _propTypes.default.bool
+  })
+} : {}; // -----------------------------------------------------------------------------
+// const Slide = ({slide, num}: Props) => {
+
+const Slide = ({
+  validateSlide,
+  slide,
+  num
+}) => {
+  const {
+    width,
+    height
+  } = (0, _reactNative.useWindowDimensions)();
+  const slideStyle = creatSlideStyle(num, width, height);
+  const validateLabel = '__validate'; // translations.validate
+  // TODO replace choices with <Answer>; move mobile answers in the package..
+
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: slideStyle.slide
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: slideStyle.category
+  }, slide.category, " ", num), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: slideStyle.question
+  }, slide.question), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: slideStyle.instruction
+  }, slide.instruction), /*#__PURE__*/React.createElement(Choices, {
+    choices: slide.choices
+  }), /*#__PURE__*/React.createElement(_reactNative.Button, {
+    style: slideStyle.button,
+    onPress: validateSlide,
+    testID: `button-quizzer-validate`
+  }, validateLabel));
+};
+
+Slide.propTypes = process.env.NODE_ENV !== "production" ? {
+  slide: _propTypes2.default.slide,
+  validateSlide: _propTypes2.default.validateSlide,
+  num: _propTypes.default.number
+} : {}; // -----------------------------------------------------------------------------
+// const Slides = ({slide}: Props) => {
+
+const Slides = ({
+  slide,
+  validateSlide
+}) => {
+  const slides = [slide, slide, slide, slide, slide];
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: quizzerStyle.container
+  }, slides.reverse().map((_slide, index) => /*#__PURE__*/React.createElement(Slide, {
+    validateSlide: validateSlide,
+    slide: _slide,
+    num: slides.length - index,
+    key: `slide-${index}`
+  })));
+};
+
+Slides.propTypes = process.env.NODE_ENV !== "production" ? _propTypes2.default : {}; // -----------------------------------------------------------------------------
+
+var _default = Slides;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/lib/template/app-review/slides/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/slides/index.native.js"],"names":["quizzerStyle","StyleSheet","create","container","flex","padding","justifyContent","alignItems","SLIDE_HEIGHT","height","creatSlideStyle","num","width","slide","position","top","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","category","fontSize","lineHeight","textAlign","question","fontWeight","instruction","button","createOptionStyle","selected","box","marginTop","marginBottom","text","choicesStyle","Choices","choices","map","index","optionStyle","propTypes","PropTypes","arrayOf","bool","Slide","validateSlide","slideStyle","validateLabel","number","Slides","slides","reverse","_slide","length"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport {View, StyleSheet, Text, useWindowDimensions, Button} from 'react-native';\n\nimport propTypes from './prop-types';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import {BrandThemeContext} from '../../../app-shared/components/brand-theme-provider';\n// import Button from '../../../app-shared/components/button';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n\n// export type _Choice_ = {\n//   text?: string,\n//   selected: boolean\n// };\n\n// export type _Slide_ = {\n//   category: string,\n//   question: string,\n//   instruction: string,\n//   type: 'multiSelection' | 'singleSelection' | 'trueOrFalse',\n//   choices?: _Choice_[]\n// };\n\n// interface Props {\n//   slide: _Slide_;\n//   num: number;\n// }\n\nconst quizzerStyle = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 20,\n    // paddingTop: HEADER_HEIGHT + 20,      @todo with props\n    // backgroundColor: theme.colors.white, @todo with props\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  }\n});\n\nconst SLIDE_HEIGHT = () => useWindowDimensions().height * 0.75;\n\n// const creatSlideStyle = (num: number) =>\nconst creatSlideStyle = (num, width, height) =>\n  StyleSheet.create({\n    slide: {\n      position: 'absolute',\n      // backgroundColor: theme.colors.white, @todo with props\n      top: height / 2 - SLIDE_HEIGHT() / 2 - num * 4,\n      flex: 1,\n      height: SLIDE_HEIGHT(),\n      width: width - 40 - num * 8,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    },\n    category: {\n      fontSize: 12,\n      lineHeight: 16,\n      // color: theme.colors.text.primary, @todo with props\n      // marginBottom: theme.spacing.tiny, @todo with props\n      // marginTop: theme.spacing.small,   @todo with props\n      textAlign: 'center'\n    },\n    question: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      // color: theme.colors.text.primary, @todo with props\n      textAlign: 'center'\n    },\n    instruction: {\n      fontSize: 12,\n      lineHeight: 16,\n      // color: theme.colors.gray.medium,  @todo with props\n      // marginBottom: theme.spacing.base, @todo with props\n      // marginTop: theme.spacing.small,   @todo with props\n      textAlign: 'center'\n    },\n    button: {\n      width: 287,\n      height: 52,\n      borderRadius: 7\n      // marginTop: theme.spacing.base  @todo with props\n    }\n  });\n\nconst createOptionStyle = selected => {\n  // const brandTheme = React.useContext(BrandThemeContext); @todo with props\n\n  return StyleSheet.create({\n    box: {\n      width: '100%',\n      // https://stackoverflow.com/a/66561995/959219\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.2,\n      shadowRadius: 16,\n      elevation: 8,\n      // backgroundColor: selected ? brandTheme.colors.primary : theme.colors.white, @todo with props\n      padding: 12,\n      marginTop: 4,\n      marginBottom: 4,\n      borderRadius: 8\n    },\n    text: {\n      fontSize: 15,\n      fontWeight: 'bold',\n      lineHeight: 24,\n      // color: selected ? theme.colors.white : theme.colors.text.primary, @todo with props\n      textAlign: 'center'\n    }\n  });\n};\n\nconst choicesStyle = StyleSheet.create({\n  container: {\n    flex: 1,\n    width: '100%',\n    justifyContent: 'center',\n    alignItems: 'center'\n  }\n});\n\n// -----------------------------------------------------------------------------\n\n/* {choices.map(({text, selected = false}: _Choice_) => { */\nconst Choices = ({choices}) => (\n  <View style={choicesStyle.container}>\n    {choices.map(({text, selected = false}, index) => {\n      const optionStyle = createOptionStyle(selected);\n      return (\n        <View style={optionStyle.box} key={`choice-${index}`}>\n          <Text style={optionStyle.text}>\n            {text} {selected}\n          </Text>\n        </View>\n      );\n    })}\n  </View>\n);\n\nChoices.propTypes = {\n  choices: PropTypes.arrayOf({\n    text: PropTypes.text,\n    selected: PropTypes.bool\n  })\n};\n\n// -----------------------------------------------------------------------------\n\n// const Slide = ({slide, num}: Props) => {\nconst Slide = ({validateSlide, slide, num}) => {\n  const {width, height} = useWindowDimensions();\n  const slideStyle = creatSlideStyle(num, width, height);\n  const validateLabel = '__validate'; // translations.validate\n\n  // TODO replace choices with <Answer>; move mobile answers in the package..\n  return (\n    <View style={slideStyle.slide}>\n      <Text style={slideStyle.category}>\n        {slide.category} {num}\n      </Text>\n      <Text style={slideStyle.question}>{slide.question}</Text>\n      <Text style={slideStyle.instruction}>{slide.instruction}</Text>\n\n      <Choices choices={slide.choices} />\n\n      <Button style={slideStyle.button} onPress={validateSlide} testID={`button-quizzer-validate`}>\n        {validateLabel}\n      </Button>\n    </View>\n  );\n};\n\nSlide.propTypes = {\n  slide: propTypes.slide,\n  validateSlide: propTypes.validateSlide,\n  num: PropTypes.number\n};\n\n// -----------------------------------------------------------------------------\n\n// const Slides = ({slide}: Props) => {\nconst Slides = ({slide, validateSlide}) => {\n  const slides = [slide, slide, slide, slide, slide];\n  return (\n    <View style={quizzerStyle.container}>\n      {slides.reverse().map((_slide, index) => (\n        <Slide\n          validateSlide={validateSlide}\n          slide={_slide}\n          num={slides.length - index}\n          key={`slide-${index}`}\n        />\n      ))}\n    </View>\n  );\n};\n\nSlides.propTypes = propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default Slides;\n"],"file":"index.native.js"}

package/lib/template/app-review/slides/prop-types.js

@@ -0,0 +1,84 @@
+"use strict";
+
+exports.__esModule = true;
+exports.StackedSlidesPropTypes = exports.SlidePropTypes = exports.SlidesReviewPropTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _omit = _interopRequireDefault(require("lodash/fp/omit"));
+
+var _reviewCongrats = _interopRequireDefault(require("../../../organism/review-congrats"));
+
+var _reviewCorrectionPopin = _interopRequireDefault(require("../../../molecule/review-correction-popin"));
+
+var _reviewBackground = _interopRequireDefault(require("../../../atom/review-background"));
+
+var _reviewHeader = _interopRequireDefault(require("../../../organism/review-header"));
+
+var _answer = _interopRequireDefault(require("../../../molecule/answer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const SlidesReviewPropTypes = {
+  headerProps: _propTypes.default.shape((0, _omit.default)('steps', _reviewHeader.default.propTypes)),
+  reviewBackgroundAriaLabel: _reviewBackground.default.propTypes['aria-label'],
+  validate: _propTypes.default.shape({
+    label: _propTypes.default.string
+  }),
+  slides: _propTypes.default.instanceOf(Map),
+  finishedSlides: _propTypes.default.instanceOf(Map),
+  stepItems: _propTypes.default.instanceOf(Map),
+  reviewStatus: _propTypes.default.oneOfType(['finished', 'ongoing']),
+  correctionPopinProps: _propTypes.default.shape({
+    // ---------------
+    klf: _reviewCorrectionPopin.default.propTypes.klf,
+    information: _reviewCorrectionPopin.default.propTypes.information,
+    next: _propTypes.default.shape({
+      label: _propTypes.default.string,
+      'aria-label': _propTypes.default.string
+    }),
+    successLabel: _reviewCorrectionPopin.default.propTypes.resultLabel,
+    failureLabel: _reviewCorrectionPopin.default.propTypes.resultLabel
+  }),
+  congratsProps: _propTypes.default.shape(_reviewCongrats.default.propTypes),
+  // ---------------
+  // Dispatchers
+  validateSlide: _propTypes.default.func.isRequired,
+  updateSlidesOnValidation: _propTypes.default.func.isRequired,
+  updateSlidesOnNext: _propTypes.default.func.isRequired,
+  updateReviewStatus: _propTypes.default.func.isRequired,
+  updateStepItemsOnValidation: _propTypes.default.func.isRequired,
+  updateStepItemsOnNext: _propTypes.default.func.isRequired,
+  updateFinishedSlides: _propTypes.default.func.isRequired,
+  slideValidationResult: _propTypes.default.shape({
+    slideNumber: _propTypes.default.number,
+    result: _propTypes.default.oneOfType(['success', 'failure']),
+    exitNode: _propTypes.default.oneOfType(['successExitNode', 'failExitNode', undefined]),
+    nextSlide: _propTypes.default.shape({
+      questionText: _propTypes.default.string,
+      answerUI: _propTypes.default.shape(_answer.default.propTypes)
+    })
+  })
+};
+exports.SlidesReviewPropTypes = SlidesReviewPropTypes;
+const SlidePropTypes = {
+  slideNumber: _propTypes.default.number,
+  slides: SlidesReviewPropTypes.slides,
+  validate: SlidesReviewPropTypes.validate,
+  finishedSlides: SlidesReviewPropTypes.finishedSlides,
+  correctionPopinProps: SlidesReviewPropTypes.correctionPopinProps,
+  // ---------------
+  // Dispatchers
+  validateSlide: SlidesReviewPropTypes.validateSlide,
+  updateSlidesOnValidation: SlidesReviewPropTypes.updateSlidesOnValidation,
+  updateSlidesOnNext: SlidesReviewPropTypes.updateSlidesOnNext,
+  updateReviewStatus: SlidesReviewPropTypes.updateReviewStatus,
+  updateStepItemsOnValidation: SlidesReviewPropTypes.updateStepItemsOnValidation,
+  updateStepItemsOnNext: SlidesReviewPropTypes.updateStepItemsOnNext,
+  updateFinishedSlides: SlidesReviewPropTypes.updateFinishedSlides,
+  slideValidationResult: SlidesReviewPropTypes.slideValidationResult
+};
+exports.SlidePropTypes = SlidePropTypes;
+const StackedSlidesPropTypes = (0, _omit.default)('slideNumber', SlidePropTypes);
+exports.StackedSlidesPropTypes = StackedSlidesPropTypes;
+//# sourceMappingURL=prop-types.js.map

package/lib/template/app-review/slides/prop-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/app-review/slides/prop-types.js"],"names":["SlidesReviewPropTypes","headerProps","PropTypes","shape","ReviewHeader","propTypes","reviewBackgroundAriaLabel","ReviewBackground","validate","label","string","slides","instanceOf","Map","finishedSlides","stepItems","reviewStatus","oneOfType","correctionPopinProps","klf","ReviewCorrectionPopin","information","next","successLabel","resultLabel","failureLabel","congratsProps","ReviewCongrats","validateSlide","func","isRequired","updateSlidesOnValidation","updateSlidesOnNext","updateReviewStatus","updateStepItemsOnValidation","updateStepItemsOnNext","updateFinishedSlides","slideValidationResult","slideNumber","number","result","exitNode","undefined","nextSlide","questionText","answerUI","Answer","SlidePropTypes","StackedSlidesPropTypes"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport omit from 'lodash/fp/omit';\n\nimport ReviewCongrats from '../../../organism/review-congrats';\nimport ReviewCorrectionPopin from '../../../molecule/review-correction-popin';\nimport ReviewBackground from '../../../atom/review-background';\nimport ReviewHeader from '../../../organism/review-header';\nimport Answer from '../../../molecule/answer';\n\nexport const SlidesReviewPropTypes = {\n  headerProps: PropTypes.shape(omit('steps', ReviewHeader.propTypes)),\n  reviewBackgroundAriaLabel: ReviewBackground.propTypes['aria-label'],\n  validate: PropTypes.shape({\n    label: PropTypes.string\n  }),\n  slides: PropTypes.instanceOf(Map),\n  finishedSlides: PropTypes.instanceOf(Map),\n  stepItems: PropTypes.instanceOf(Map),\n  reviewStatus: PropTypes.oneOfType(['finished', 'ongoing']),\n  correctionPopinProps: PropTypes.shape({\n    // ---------------\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  // Dispatchers\n  validateSlide: PropTypes.func.isRequired,\n  updateSlidesOnValidation: PropTypes.func.isRequired,\n  updateSlidesOnNext: PropTypes.func.isRequired,\n  updateReviewStatus: PropTypes.func.isRequired,\n  updateStepItemsOnValidation: PropTypes.func.isRequired,\n  updateStepItemsOnNext: PropTypes.func.isRequired,\n  updateFinishedSlides: PropTypes.func.isRequired,\n  slideValidationResult: PropTypes.shape({\n    slideNumber: PropTypes.number,\n    result: PropTypes.oneOfType(['success', 'failure']),\n    exitNode: PropTypes.oneOfType(['successExitNode', 'failExitNode', undefined]),\n    nextSlide: PropTypes.shape({\n      questionText: PropTypes.string,\n      answerUI: PropTypes.shape(Answer.propTypes)\n    })\n  })\n};\n\nexport const SlidePropTypes = {\n  slideNumber: PropTypes.number,\n  slides: SlidesReviewPropTypes.slides,\n  validate: SlidesReviewPropTypes.validate,\n  finishedSlides: SlidesReviewPropTypes.finishedSlides,\n  correctionPopinProps: SlidesReviewPropTypes.correctionPopinProps,\n  // ---------------\n  // Dispatchers\n  validateSlide: SlidesReviewPropTypes.validateSlide,\n  updateSlidesOnValidation: SlidesReviewPropTypes.updateSlidesOnValidation,\n  updateSlidesOnNext: SlidesReviewPropTypes.updateSlidesOnNext,\n  updateReviewStatus: SlidesReviewPropTypes.updateReviewStatus,\n  updateStepItemsOnValidation: SlidesReviewPropTypes.updateStepItemsOnValidation,\n  updateStepItemsOnNext: SlidesReviewPropTypes.updateStepItemsOnNext,\n  updateFinishedSlides: SlidesReviewPropTypes.updateFinishedSlides,\n  slideValidationResult: SlidesReviewPropTypes.slideValidationResult\n};\n\nexport const StackedSlidesPropTypes = omit('slideNumber', SlidePropTypes);\n"],"file":"prop-types.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.19.10",
+  "version": "10.19.13-alpha.8+78b219b1f",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -12,8 +12,8 @@
     "README.md"
   ],
   "scripts": {
-    "build:commonjs": "cross-env BABEL_ENV=commonjs babel src --out-dir lib -s --ignore test --copy-files",
-    "build:es": "cross-env BABEL_ENV=es babel src --out-dir es -s --ignore test --copy-files",
+    "build:commonjs": "cross-env BABEL_ENV=commonjs babel src --out-dir lib -s --copy-files --no-copy-ignored --ignore \"**/test\" --extensions \".ts,.tsx,.js\"",
+    "build:es": "cross-env BABEL_ENV=es babel src --out-dir es -s --copy-files --no-copy-ignored --ignore \"**/test\" --extensions \".ts,.tsx,.js\"",
     "build": "concurrently \"npm run build:commonjs\" \"npm run build:es\"",
     "clean:commonjs": "rm -rf lib",
     "clean:es": "rm -rf es",
@@ -50,7 +50,9 @@
     "Soualmi Djamel <djamel.soualmi@coorpacademy.com>"
   ],
   "dependencies": {
-    "@coorpacademy/nova-icons": "3.11.4",
+    "@coorpacademy/nova-icons": "3.11.5",
+    "@types/react": "^18.0.12",
+    "@types/react-dom": "^18.0.5",
     "autoprefixer": "^9.8.0",
     "classnames": "^2.2.6",
     "css-color-function": "^1.3.3",
@@ -89,6 +91,7 @@
     "@babel/plugin-transform-destructuring": "^7.9.5",
     "@babel/preset-env": "^7.9.6",
     "@babel/preset-react": "^7.9.4",
+    "@babel/preset-typescript": "^7.17.12",
     "@coorpacademy/css-modules-require-hook": "2.1.3",
     "@coorpacademy/eslint-plugin-coorpacademy": "^10.0.0",
     "@coorpacademy/translate": "6.1.3",
@@ -121,10 +124,10 @@
     "rxjs": "^6.5.5",
     "style-loader": "^1.2.1",
     "stylelint-config-standard": "^20.0.0",
-    "webpack": "^4.43.0",
-    "webpack-dev-middleware": "^3.7.2",
-    "webpack-hot-middleware": "^2.25.0"
+    "ts-node": "^10.8.1",
+    "typescript": "^4.7.3",
+    "webpack": "^4.43.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "a7b81a6e80b8f07ec4cf97e16c975dbf5a502dc4"
+  "gitHead": "78b219b1f697fdc10dae58a4a6000cd155321a2a"
 }

package/es/atom/autocomplete/test/fixtures/default.js

@@ -1,27 +0,0 @@
-export default {
-  props: {
-    title: 'Population',
-    placeholder: "Type 'c'",
-    value: '',
-    description: '',
-    required: false,
-    modified: false,
-    error: false,
-    suggestions: [],
-    onChange: value => {
-      console.log(`onChange ${value}`);
-    },
-    onFetch: ({
-      value
-    }) => {
-      console.log(`onFetch ${value}`);
-    },
-    onClear: () => {
-      console.log('onClear');
-    },
-    onSuggestionSelected: data => {
-      console.log('onSuggestionSelected', data);
-    }
-  }
-};
-//# sourceMappingURL=default.js.map

package/es/atom/autocomplete/test/fixtures/default.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/atom/autocomplete/test/fixtures/default.js"],"names":["props","title","placeholder","value","description","required","modified","error","suggestions","onChange","console","log","onFetch","onClear","onSuggestionSelected","data"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,YADF;AAELC,IAAAA,WAAW,EAAE,UAFR;AAGLC,IAAAA,KAAK,EAAE,EAHF;AAILC,IAAAA,WAAW,EAAE,EAJR;AAKLC,IAAAA,QAAQ,EAAE,KALL;AAMLC,IAAAA,QAAQ,EAAE,KANL;AAOLC,IAAAA,KAAK,EAAE,KAPF;AAQLC,IAAAA,WAAW,EAAE,EARR;AASLC,IAAAA,QAAQ,EAAEN,KAAK,IAAI;AACjBO,MAAAA,OAAO,CAACC,GAAR,CAAa,YAAWR,KAAM,EAA9B;AACD,KAXI;AAYLS,IAAAA,OAAO,EAAE,CAAC;AAACT,MAAAA;AAAD,KAAD,KAAa;AACpBO,MAAAA,OAAO,CAACC,GAAR,CAAa,WAAUR,KAAM,EAA7B;AACD,KAdI;AAeLU,IAAAA,OAAO,EAAE,MAAM;AACbH,MAAAA,OAAO,CAACC,GAAR,CAAY,SAAZ;AACD,KAjBI;AAkBLG,IAAAA,oBAAoB,EAAEC,IAAI,IAAI;AAC5BL,MAAAA,OAAO,CAACC,GAAR,CAAY,sBAAZ,EAAoCI,IAApC;AACD;AApBI;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Population',\n    placeholder: \"Type 'c'\",\n    value: '',\n    description: '',\n    required: false,\n    modified: false,\n    error: false,\n    suggestions: [],\n    onChange: value => {\n      console.log(`onChange ${value}`);\n    },\n    onFetch: ({value}) => {\n      console.log(`onFetch ${value}`);\n    },\n    onClear: () => {\n      console.log('onClear');\n    },\n    onSuggestionSelected: data => {\n      console.log('onSuggestionSelected', data);\n    }\n  }\n};\n"],"file":"default.js"}

package/es/atom/autocomplete/test/fixtures/error.js

@@ -1,12 +0,0 @@
-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 Filled from './filled';
-const {
-  props
-} = Filled;
-export default {
-  props: _extends(_extends({}, props), {}, {
-    error: true
-  })
-};
-//# sourceMappingURL=error.js.map

package/es/atom/autocomplete/test/fixtures/error.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/atom/autocomplete/test/fixtures/error.js"],"names":["Filled","props","error"],"mappings":";;AAAA,OAAOA,MAAP,MAAmB,UAAnB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,MAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACAA,KADA;AAEHC,IAAAA,KAAK,EAAE;AAFJ;AADQ,CAAf","sourcesContent":["import Filled from './filled';\n\nconst {props} = Filled;\n\nexport default {\n  props: {\n    ...props,\n    error: true\n  }\n};\n"],"file":"error.js"}

package/es/atom/autocomplete/test/fixtures/filled.js

@@ -1,45 +0,0 @@
-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 Default from './default';
-const {
-  props
-} = Default;
-export default {
-  props: _extends(_extends({}, props), {}, {
-    title: 'Population',
-    value: 'c',
-    suggestions: [{
-      name: 'C',
-      value: 1972
-    }, {
-      name: 'C#',
-      value: 2000
-    }, {
-      name: 'C++',
-      value: 1983
-    }, {
-      name: 'Clojure',
-      value: 2007
-    }],
-    onChange: e => {
-      const value = e.target.value;
-      console.log(`onChange ${value}`, e);
-    },
-    onFetch: e => {
-      const {
-        value
-      } = e;
-      console.log(`onFetch ${value}`);
-    },
-    onClear: e => {
-      console.log('onClear', e);
-    },
-    onSuggestionSelected: data => {
-      console.log('onSuggestionSelected', data);
-    },
-    onBlur: (e, selectedSuggestion) => {
-      console.log('onBlur > selected', selectedSuggestion);
-    }
-  })
-};
-//# sourceMappingURL=filled.js.map

package/es/atom/autocomplete/test/fixtures/filled.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/atom/autocomplete/test/fixtures/filled.js"],"names":["Default","props","title","value","suggestions","name","onChange","e","target","console","log","onFetch","onClear","onSuggestionSelected","data","onBlur","selectedSuggestion"],"mappings":";;AAAA,OAAOA,OAAP,MAAoB,WAApB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,OAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACAA,KADA;AAEHC,IAAAA,KAAK,EAAE,YAFJ;AAGHC,IAAAA,KAAK,EAAE,GAHJ;AAIHC,IAAAA,WAAW,EAAE,CACX;AACEC,MAAAA,IAAI,EAAE,GADR;AAEEF,MAAAA,KAAK,EAAE;AAFT,KADW,EAKX;AACEE,MAAAA,IAAI,EAAE,IADR;AAEEF,MAAAA,KAAK,EAAE;AAFT,KALW,EASX;AACEE,MAAAA,IAAI,EAAE,KADR;AAEEF,MAAAA,KAAK,EAAE;AAFT,KATW,EAaX;AACEE,MAAAA,IAAI,EAAE,SADR;AAEEF,MAAAA,KAAK,EAAE;AAFT,KAbW,CAJV;AAsBHG,IAAAA,QAAQ,EAAEC,CAAC,IAAI;AACb,YAAMJ,KAAK,GAAGI,CAAC,CAACC,MAAF,CAASL,KAAvB;AACAM,MAAAA,OAAO,CAACC,GAAR,CAAa,YAAWP,KAAM,EAA9B,EAAiCI,CAAjC;AACD,KAzBE;AA0BHI,IAAAA,OAAO,EAAEJ,CAAC,IAAI;AACZ,YAAM;AAACJ,QAAAA;AAAD,UAAUI,CAAhB;AACAE,MAAAA,OAAO,CAACC,GAAR,CAAa,WAAUP,KAAM,EAA7B;AACD,KA7BE;AA8BHS,IAAAA,OAAO,EAAEL,CAAC,IAAI;AACZE,MAAAA,OAAO,CAACC,GAAR,CAAY,SAAZ,EAAuBH,CAAvB;AACD,KAhCE;AAiCHM,IAAAA,oBAAoB,EAAEC,IAAI,IAAI;AAC5BL,MAAAA,OAAO,CAACC,GAAR,CAAY,sBAAZ,EAAoCI,IAApC;AACD,KAnCE;AAoCHC,IAAAA,MAAM,EAAE,CAACR,CAAD,EAAIS,kBAAJ,KAA2B;AACjCP,MAAAA,OAAO,CAACC,GAAR,CAAY,mBAAZ,EAAiCM,kBAAjC;AACD;AAtCE;AADQ,CAAf","sourcesContent":["import Default from './default';\n\nconst {props} = Default;\n\nexport default {\n  props: {\n    ...props,\n    title: 'Population',\n    value: 'c',\n    suggestions: [\n      {\n        name: 'C',\n        value: 1972\n      },\n      {\n        name: 'C#',\n        value: 2000\n      },\n      {\n        name: 'C++',\n        value: 1983\n      },\n      {\n        name: 'Clojure',\n        value: 2007\n      }\n    ],\n    onChange: e => {\n      const value = e.target.value;\n      console.log(`onChange ${value}`, e);\n    },\n    onFetch: e => {\n      const {value} = e;\n      console.log(`onFetch ${value}`);\n    },\n    onClear: e => {\n      console.log('onClear', e);\n    },\n    onSuggestionSelected: data => {\n      console.log('onSuggestionSelected', data);\n    },\n    onBlur: (e, selectedSuggestion) => {\n      console.log('onBlur > selected', selectedSuggestion);\n    }\n  }\n};\n"],"file":"filled.js"}

package/es/atom/autocomplete/test/fixtures/modified.js

@@ -1,12 +0,0 @@
-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 Filled from './filled';
-const {
-  props
-} = Filled;
-export default {
-  props: _extends(_extends({}, props), {}, {
-    modified: true
-  })
-};
-//# sourceMappingURL=modified.js.map

package/es/atom/autocomplete/test/fixtures/modified.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/atom/autocomplete/test/fixtures/modified.js"],"names":["Filled","props","modified"],"mappings":";;AAAA,OAAOA,MAAP,MAAmB,UAAnB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,MAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACAA,KADA;AAEHC,IAAAA,QAAQ,EAAE;AAFP;AADQ,CAAf","sourcesContent":["import Filled from './filled';\n\nconst {props} = Filled;\n\nexport default {\n  props: {\n    ...props,\n    modified: true\n  }\n};\n"],"file":"modified.js"}

package/es/atom/autocomplete/test/fixtures.js

@@ -1,19 +0,0 @@
-import test from 'ava';
-import forEach from 'lodash/forEach';
-import renderComponentMacro from '../../../test/helpers/render-component';
-import AtomAutocomplete from '..';
-import fixtureDefault from './fixtures/default';
-import fixtureError from './fixtures/error';
-import fixtureFilled from './fixtures/filled';
-import fixtureModified from './fixtures/modified';
-test('Atom › AtomAutocomplete > should have valid propTypes', t => {
-  t.pass();
-  forEach(AtomAutocomplete.propTypes, (value, key) => {
-    t.not(value, undefined, `PropType for "Atom.AtomAutocomplete.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
-  });
-});
-test('Atom › AtomAutocomplete › Default › should be rendered', renderComponentMacro, AtomAutocomplete, fixtureDefault);
-test('Atom › AtomAutocomplete › Error › should be rendered', renderComponentMacro, AtomAutocomplete, fixtureError);
-test('Atom › AtomAutocomplete › Filled › should be rendered', renderComponentMacro, AtomAutocomplete, fixtureFilled);
-test('Atom › AtomAutocomplete › Modified › should be rendered', renderComponentMacro, AtomAutocomplete, fixtureModified);
-//# sourceMappingURL=fixtures.js.map

package/es/atom/autocomplete/test/fixtures.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/atom/autocomplete/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomAutocomplete","fixtureDefault","fixtureError","fixtureFilled","fixtureModified","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,gBAAP,MAA6B,IAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAP,IAAI,CAAC,uDAAD,EAA0DQ,CAAC,IAAI;AACjEA,EAAAA,CAAC,CAACC,IAAF;AACAR,EAAAA,OAAO,CAACE,gBAAgB,CAACO,SAAlB,EAA6B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAClDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,iDAAgDF,GAAI,mEAA7E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAZ,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,gBAAjF,EAAmGC,cAAnG,CAAJ;AACAJ,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,gBAA/E,EAAiGE,YAAjG,CAAJ;AACAL,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,gBAAhF,EAAkGG,aAAlG,CAAJ;AACAN,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,gBAAlF,EAAoGI,eAApG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomAutocomplete from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureError from './fixtures/error';\nimport fixtureFilled from './fixtures/filled';\nimport fixtureModified from './fixtures/modified';\n\ntest('Atom › AtomAutocomplete > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomAutocomplete.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomAutocomplete.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomAutocomplete › Default › should be rendered', renderComponentMacro, AtomAutocomplete, fixtureDefault);\ntest('Atom › AtomAutocomplete › Error › should be rendered', renderComponentMacro, AtomAutocomplete, fixtureError);\ntest('Atom › AtomAutocomplete › Filled › should be rendered', renderComponentMacro, AtomAutocomplete, fixtureFilled);\ntest('Atom › AtomAutocomplete › Modified › should be rendered', renderComponentMacro, AtomAutocomplete, fixtureModified);\n"],"file":"fixtures.js"}

package/es/atom/avatar/test/fixtures/default.js

@@ -1,6 +0,0 @@
-export default {
-  props: {
-    url: 'http://minecraft.fr/wp-content/uploads/2013/05/Pa8WZj1-235x300.jpg'
-  }
-};
-//# sourceMappingURL=default.js.map

package/es/atom/avatar/test/fixtures/default.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/atom/avatar/test/fixtures/default.js"],"names":["props","url"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,GAAG,EAAE;AADA;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    url: 'http://minecraft.fr/wp-content/uploads/2013/05/Pa8WZj1-235x300.jpg'\n  }\n};\n"],"file":"default.js"}

package/es/atom/avatar/test/fixtures.js

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

package/es/atom/avatar/test/fixtures.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/atom/avatar/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomAvatar","fixtureDefault","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,UAAP,MAAuB,IAAvB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,iDAAD,EAAoDK,CAAC,IAAI;AAC3DA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,UAAU,CAACI,SAAZ,EAAuB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC5CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2CAA0CF,GAAI,mEAAvE;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,kDAAD,EAAqDE,oBAArD,EAA2EC,UAA3E,EAAuFC,cAAvF,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomAvatar from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Atom › AtomAvatar > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomAvatar.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomAvatar.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomAvatar › Default › should be rendered', renderComponentMacro, AtomAvatar, fixtureDefault);\n"],"file":"fixtures.js"}

package/es/atom/button/test/fixtures/a.js

@@ -1,12 +0,0 @@
-import _defaultsDeep from "lodash/fp/defaultsDeep";
-import Default from './default';
-const {
-  props
-} = Default;
-export default {
-  props: _defaultsDeep(props, {
-    type: 'a',
-    href: '/plop'
-  })
-};
-//# sourceMappingURL=a.js.map

package/es/atom/button/test/fixtures/a.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/atom/button/test/fixtures/a.js"],"names":["Default","props","type","href"],"mappings":";AACA,OAAOA,OAAP,MAAoB,WAApB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,OAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,IAAI,EAAE,GADmB;AAEzBC,IAAAA,IAAI,EAAE;AAFmB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Default from './default';\n\nconst {props} = Default;\n\nexport default {\n  props: defaultsDeep(props, {\n    type: 'a',\n    href: '/plop'\n  })\n};\n"],"file":"a.js"}

package/es/atom/button/test/fixtures/class-name.js

@@ -1,11 +0,0 @@
-import _defaultsDeep from "lodash/fp/defaultsDeep";
-import Default from './default';
-const {
-  props
-} = Default;
-export default {
-  props: _defaultsDeep(props, {
-    className: 'foo'
-  })
-};
-//# sourceMappingURL=class-name.js.map

package/es/atom/button/test/fixtures/class-name.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/atom/button/test/fixtures/class-name.js"],"names":["Default","props","className"],"mappings":";AACA,OAAOA,OAAP,MAAoB,WAApB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,OAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,SAAS,EAAE;AADc,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Default from './default';\n\nconst {props} = Default;\n\nexport default {\n  props: defaultsDeep(props, {\n    className: 'foo'\n  })\n};\n"],"file":"class-name.js"}

package/es/atom/button/test/fixtures/clear.js

@@ -1,8 +0,0 @@
-export default {
-  props: {
-    type: 'button',
-    submitValue: 'Clear filters',
-    onClick: () => console.log('clear all filter')
-  }
-};
-//# sourceMappingURL=clear.js.map