@coorpacademy/components 10.19.1 → 10.19.4

package/es/atom/button-link-icon-only/test/button-link-icon-only.js

@@ -1,40 +1,35 @@
-import _identity from "lodash/fp/identity";
-
 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 browserEnv from 'browser-env';
 import test from 'ava';
 import React from 'react';
-import { shallow, configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import { render, fireEvent } from '@testing-library/react';
 import ButtonLinkIconOnly from '..';
 import defaultFixture from './fixtures/button-icon-bullet';
 browserEnv();
-configure({
-  adapter: new Adapter()
-});
-const translate = _identity;
 test('should launch onClick on click event for ButtonLinkIconOnly', t => {
-  const wrapper = shallow( /*#__PURE__*/React.createElement(ButtonLinkIconOnly, defaultFixture.props), {
-    context: {
-      translate
-    }
+  t.plan(3);
+
+  const props = _extends(_extends({}, defaultFixture.props), {}, {
+    onClick: () => t.pass()
   });
-  const button = wrapper.find('[data-name="bullet-button"]');
-  t.true(button.exists());
-  button.first().simulate('click', {});
+
+  const {
+    container
+  } = render( /*#__PURE__*/React.createElement(ButtonLinkIconOnly, props));
+  const bulletButton = container.querySelector('[data-name="bullet-button"]');
+  t.truthy(bulletButton);
+  fireEvent.click(bulletButton);
   t.pass();
 });
 test('should mount ButtonLinkIconOnly even if the className does not exist', t => {
-  const wrapper = shallow( /*#__PURE__*/React.createElement(ButtonLinkIconOnly, _extends({}, defaultFixture.props, {
+  const {
+    container
+  } = render( /*#__PURE__*/React.createElement(ButtonLinkIconOnly, _extends({}, defaultFixture.props, {
     className: 'noClass'
-  })), {
-    context: {
-      translate
-    }
-  });
-  const button = wrapper.find('[data-name="bullet-button"]');
-  t.true(button.exists());
+  })));
+  const bulletButton = container.querySelector('[data-name="bullet-button"]');
+  t.truthy(bulletButton);
   t.pass();
 });
 //# sourceMappingURL=button-link-icon-only.js.map

package/es/atom/button-link-icon-only/test/button-link-icon-only.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/button-link-icon-only.js"],"names":["browserEnv","test","React","shallow","configure","Adapter","ButtonLinkIconOnly","defaultFixture","adapter","translate","t","wrapper","props","context","button","find","true","exists","first","simulate","pass"],"mappings":";;;;AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,OAAR,EAAiBC,SAAjB,QAAiC,QAAjC;AAEA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,kBAAP,MAA+B,IAA/B;AACA,OAAOC,cAAP,MAA2B,+BAA3B;AAEAP,UAAU;AACVI,SAAS,CAAC;AAACI,EAAAA,OAAO,EAAE,IAAIH,OAAJ;AAAV,CAAD,CAAT;AACA,MAAMI,SAAS,YAAf;AAEAR,IAAI,CAAC,6DAAD,EAAgES,CAAC,IAAI;AACvE,QAAMC,OAAO,GAAGR,OAAO,eAAC,oBAAC,kBAAD,EAAwBI,cAAc,CAACK,KAAvC,CAAD,EAAmD;AACxEC,IAAAA,OAAO,EAAE;AAACJ,MAAAA;AAAD;AAD+D,GAAnD,CAAvB;AAGA,QAAMK,MAAM,GAAGH,OAAO,CAACI,IAAR,CAAa,6BAAb,CAAf;AACAL,EAAAA,CAAC,CAACM,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACAT,EAAAA,CAAC,CAACU,IAAF;AACD,CARG,CAAJ;AAUAnB,IAAI,CAAC,sEAAD,EAAyES,CAAC,IAAI;AAChF,QAAMC,OAAO,GAAGR,OAAO,eAAC,oBAAC,kBAAD,eAAwBI,cAAc,CAACK,KAAvC;AAA8C,IAAA,SAAS,EAAE;AAAzD,KAAD,EAAyE;AAC9FC,IAAAA,OAAO,EAAE;AAACJ,MAAAA;AAAD;AADqF,GAAzE,CAAvB;AAGA,QAAMK,MAAM,GAAGH,OAAO,CAACI,IAAR,CAAa,6BAAb,CAAf;AACAL,EAAAA,CAAC,CAACM,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAP,EAAAA,CAAC,CAACU,IAAF;AACD,CAPG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport ButtonLinkIconOnly from '..';\nimport defaultFixture from './fixtures/button-icon-bullet';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('should launch onClick on click event for ButtonLinkIconOnly', t => {\n  const wrapper = shallow(<ButtonLinkIconOnly {...defaultFixture.props} />, {\n    context: {translate}\n  });\n  const button = wrapper.find('[data-name=\"bullet-button\"]');\n  t.true(button.exists());\n  button.first().simulate('click', {});\n  t.pass();\n});\n\ntest('should mount ButtonLinkIconOnly even if the className does not exist', t => {\n  const wrapper = shallow(<ButtonLinkIconOnly {...defaultFixture.props} className={'noClass'} />, {\n    context: {translate}\n  });\n  const button = wrapper.find('[data-name=\"bullet-button\"]');\n  t.true(button.exists());\n  t.pass();\n});\n"],"file":"button-link-icon-only.js"}
+{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/button-link-icon-only.js"],"names":["browserEnv","test","React","render","fireEvent","ButtonLinkIconOnly","defaultFixture","t","plan","props","onClick","pass","container","bulletButton","querySelector","truthy","click"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,MAAR,EAAgBC,SAAhB,QAAgC,wBAAhC;AACA,OAAOC,kBAAP,MAA+B,IAA/B;AACA,OAAOC,cAAP,MAA2B,+BAA3B;AAEAN,UAAU;AAEVC,IAAI,CAAC,6DAAD,EAAgEM,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;;AAEA,QAAMC,KAAK,yBACNH,cAAc,CAACG,KADT;AAETC,IAAAA,OAAO,EAAE,MAAMH,CAAC,CAACI,IAAF;AAFN,IAAX;;AAKA,QAAM;AAACC,IAAAA;AAAD,MAAcT,MAAM,eAAC,oBAAC,kBAAD,EAAwBM,KAAxB,CAAD,CAA1B;AAEA,QAAMI,YAAY,GAAGD,SAAS,CAACE,aAAV,CAAwB,6BAAxB,CAArB;AACAP,EAAAA,CAAC,CAACQ,MAAF,CAASF,YAAT;AAEAT,EAAAA,SAAS,CAACY,KAAV,CAAgBH,YAAhB;AAEAN,EAAAA,CAAC,CAACI,IAAF;AACD,CAhBG,CAAJ;AAkBAV,IAAI,CAAC,sEAAD,EAAyEM,CAAC,IAAI;AAChF,QAAM;AAACK,IAAAA;AAAD,MAAcT,MAAM,eACxB,oBAAC,kBAAD,eAAwBG,cAAc,CAACG,KAAvC;AAA8C,IAAA,SAAS,EAAE;AAAzD,KADwB,CAA1B;AAIA,QAAMI,YAAY,GAAGD,SAAS,CAACE,aAAV,CAAwB,6BAAxB,CAArB;AACAP,EAAAA,CAAC,CAACQ,MAAF,CAASF,YAAT;AAEAN,EAAAA,CAAC,CAACI,IAAF;AACD,CATG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {render, fireEvent} from '@testing-library/react';\nimport ButtonLinkIconOnly from '..';\nimport defaultFixture from './fixtures/button-icon-bullet';\n\nbrowserEnv();\n\ntest('should launch onClick on click event for ButtonLinkIconOnly', t => {\n  t.plan(3);\n\n  const props = {\n    ...defaultFixture.props,\n    onClick: () => t.pass()\n  };\n\n  const {container} = render(<ButtonLinkIconOnly {...props} />);\n\n  const bulletButton = container.querySelector('[data-name=\"bullet-button\"]');\n  t.truthy(bulletButton);\n\n  fireEvent.click(bulletButton);\n\n  t.pass();\n});\n\ntest('should mount ButtonLinkIconOnly even if the className does not exist', t => {\n  const {container} = render(\n    <ButtonLinkIconOnly {...defaultFixture.props} className={'noClass'} />\n  );\n\n  const bulletButton = container.querySelector('[data-name=\"bullet-button\"]');\n  t.truthy(bulletButton);\n\n  t.pass();\n});\n"],"file":"button-link-icon-only.js"}

package/es/atom/checkbox/index.js

@@ -2,56 +2,40 @@ import _noop from "lodash/fp/noop";
 
 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); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import React from 'react';
+import React, { useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
 
-class Checkbox extends React.Component {
-  constructor(props) {
-    super(props);
-    const {
-      checked
-    } = props;
-    this.state = {
-      checked
-    };
-    this.handleChangeBound = this.handleChange.bind(this);
-  }
+const Checkbox = props => {
+  const {
+    checked,
+    onChange = _noop,
+    type = 'checkbox'
+  } = props,
+        rest = _objectWithoutPropertiesLoose(props, ["checked", "onChange", "type"]);
 
-  handleChange(e) {
-    const {
-      onChange = _noop
-    } = this.props;
+  const [_checked, setChecked] = useState(checked);
+  const handleChange = useCallback(e => {
     onChange(e.target.checked);
-    this.setState({
-      checked: e.target.checked
-    });
-  }
-
-  render() {
-    const {
-      props,
-      state,
-      'data-name': dataName
-    } = this;
-    return /*#__PURE__*/React.createElement("input", _extends({}, props, state, {
-      type: "checkbox",
-      "data-name": dataName,
-      onChange: this.handleChangeBound
-    }));
-  }
-
-}
-
-_defineProperty(Checkbox, "defaultProps", {
-  onChange: _noop
-});
+    setChecked(!_checked);
+  }, [_checked, onChange]);
+  return /*#__PURE__*/React.createElement("input", _extends({}, rest, {
+    checked: _checked,
+    type: type,
+    onChange: handleChange
+  }));
+};
 
 Checkbox.propTypes = process.env.NODE_ENV !== "production" ? {
   checked: PropTypes.bool,
   onChange: PropTypes.func,
-  'data-name': PropTypes.string
+  title: PropTypes.string,
+  type: PropTypes.string,
+  required: PropTypes.bool,
+  disabled: PropTypes.bool,
+  'data-name': PropTypes.string,
+  'aria-label': PropTypes.string
 } : {};
 export default Checkbox;
 //# sourceMappingURL=index.js.map

package/es/atom/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/checkbox/index.js"],"names":["React","PropTypes","Checkbox","Component","constructor","props","checked","state","handleChangeBound","handleChange","bind","e","onChange","target","setState","render","dataName","propTypes","bool","func","string"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAGA,MAAMC,QAAN,SAAuBF,KAAK,CAACG,SAA7B,CAAuC;AAWrCC,EAAAA,WAAW,CAACC,KAAD,EAAQ;AACjB,UAAMA,KAAN;AACA,UAAM;AAACC,MAAAA;AAAD,QAAYD,KAAlB;AACA,SAAKE,KAAL,GAAa;AAACD,MAAAA;AAAD,KAAb;AACA,SAAKE,iBAAL,GAAyB,KAAKC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAAzB;AACD;;AAEDD,EAAAA,YAAY,CAACE,CAAD,EAAI;AACd,UAAM;AAACC,MAAAA,QAAQ;AAAT,QAAoB,KAAKP,KAA/B;AACAO,IAAAA,QAAQ,CAACD,CAAC,CAACE,MAAF,CAASP,OAAV,CAAR;AACA,SAAKQ,QAAL,CAAc;AACZR,MAAAA,OAAO,EAAEK,CAAC,CAACE,MAAF,CAASP;AADN,KAAd;AAGD;;AAEDS,EAAAA,MAAM,GAAG;AACP,UAAM;AAACV,MAAAA,KAAD;AAAQE,MAAAA,KAAR;AAAe,mBAAaS;AAA5B,QAAwC,IAA9C;AACA,wBACE,0CACMX,KADN,EAEME,KAFN;AAGE,MAAA,IAAI,EAAC,UAHP;AAIE,mBAAWS,QAJb;AAKE,MAAA,QAAQ,EAAE,KAAKR;AALjB,OADF;AASD;;AArCoC;;gBAAjCN,Q,kBAOkB;AACpBU,EAAAA,QAAQ;AADY,C;;AAPlBV,Q,CACGe,S,2CAAY;AACjBX,EAAAA,OAAO,EAAEL,SAAS,CAACiB,IADF;AAEjBN,EAAAA,QAAQ,EAAEX,SAAS,CAACkB,IAFH;AAGjB,eAAalB,SAAS,CAACmB;AAHN,C;AAuCrB,eAAelB,QAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop} from 'lodash/fp';\n\nclass Checkbox extends React.Component {\n  static propTypes = {\n    checked: PropTypes.bool,\n    onChange: PropTypes.func,\n    'data-name': PropTypes.string\n  };\n\n  static defaultProps = {\n    onChange: noop\n  };\n\n  constructor(props) {\n    super(props);\n    const {checked} = props;\n    this.state = {checked};\n    this.handleChangeBound = this.handleChange.bind(this);\n  }\n\n  handleChange(e) {\n    const {onChange = noop} = this.props;\n    onChange(e.target.checked);\n    this.setState({\n      checked: e.target.checked\n    });\n  }\n\n  render() {\n    const {props, state, 'data-name': dataName} = this;\n    return (\n      <input\n        {...props}\n        {...state}\n        type=\"checkbox\"\n        data-name={dataName}\n        onChange={this.handleChangeBound}\n      />\n    );\n  }\n}\n\nexport default Checkbox;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/checkbox/index.js"],"names":["React","useState","useCallback","PropTypes","Checkbox","props","checked","onChange","type","rest","_checked","setChecked","handleChange","e","target","propTypes","bool","func","title","string","required","disabled"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAGA,MAAMC,QAAQ,GAAGC,KAAK,IAAI;AACxB,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA,QAAQ,QAAlB;AAA2BC,IAAAA,IAAI,GAAG;AAAlC,MAAyDH,KAA/D;AAAA,QAAuDI,IAAvD,iCAA+DJ,KAA/D;;AACA,QAAM,CAACK,QAAD,EAAWC,UAAX,IAAyBV,QAAQ,CAACK,OAAD,CAAvC;AAEA,QAAMM,YAAY,GAAGV,WAAW,CAC9BW,CAAC,IAAI;AACHN,IAAAA,QAAQ,CAACM,CAAC,CAACC,MAAF,CAASR,OAAV,CAAR;AACAK,IAAAA,UAAU,CAAC,CAACD,QAAF,CAAV;AACD,GAJ6B,EAK9B,CAACA,QAAD,EAAWH,QAAX,CAL8B,CAAhC;AAQA,sBAAO,0CAAWE,IAAX;AAAiB,IAAA,OAAO,EAAEC,QAA1B;AAAoC,IAAA,IAAI,EAAEF,IAA1C;AAAgD,IAAA,QAAQ,EAAEI;AAA1D,KAAP;AACD,CAbD;;AAeAR,QAAQ,CAACW,SAAT,2CAAqB;AACnBT,EAAAA,OAAO,EAAEH,SAAS,CAACa,IADA;AAEnBT,EAAAA,QAAQ,EAAEJ,SAAS,CAACc,IAFD;AAGnBC,EAAAA,KAAK,EAAEf,SAAS,CAACgB,MAHE;AAInBX,EAAAA,IAAI,EAAEL,SAAS,CAACgB,MAJG;AAKnBC,EAAAA,QAAQ,EAAEjB,SAAS,CAACa,IALD;AAMnBK,EAAAA,QAAQ,EAAElB,SAAS,CAACa,IAND;AAOnB,eAAab,SAAS,CAACgB,MAPJ;AAQnB,gBAAchB,SAAS,CAACgB;AARL,CAArB;AAWA,eAAef,QAAf","sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop} from 'lodash/fp';\n\nconst Checkbox = props => {\n  const {checked, onChange = noop, type = 'checkbox', ...rest} = props;\n  const [_checked, setChecked] = useState(checked);\n\n  const handleChange = useCallback(\n    e => {\n      onChange(e.target.checked);\n      setChecked(!_checked);\n    },\n    [_checked, onChange]\n  );\n\n  return <input {...rest} checked={_checked} type={type} onChange={handleChange} />;\n};\n\nCheckbox.propTypes = {\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  required: PropTypes.bool,\n  disabled: PropTypes.bool,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nexport default Checkbox;\n"],"file":"index.js"}

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

@@ -3,7 +3,8 @@ export default {
     type: 'checkbox',
     title: 'OK',
     checked: false,
-    onChange: value => console.log(value)
+    'aria-label': 'checkbox-aria-label',
+    onChange: value => console.log('onChange', value)
   }
 };
 //# sourceMappingURL=default.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/checkbox/test/fixtures/default.js"],"names":["props","type","title","checked","onChange","value","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,UADD;AAELC,IAAAA,KAAK,EAAE,IAFF;AAGLC,IAAAA,OAAO,EAAE,KAHJ;AAILC,IAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ;AAJd;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    type: 'checkbox',\n    title: 'OK',\n    checked: false,\n    onChange: value => console.log(value)\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/atom/checkbox/test/fixtures/default.js"],"names":["props","type","title","checked","onChange","value","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,UADD;AAELC,IAAAA,KAAK,EAAE,IAFF;AAGLC,IAAAA,OAAO,EAAE,KAHJ;AAIL,kBAAc,qBAJT;AAKLC,IAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAY,UAAZ,EAAwBF,KAAxB;AALd;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    type: 'checkbox',\n    title: 'OK',\n    checked: false,\n    'aria-label': 'checkbox-aria-label',\n    onChange: value => console.log('onChange', value)\n  }\n};\n"],"file":"default.js"}

package/es/atom/checkbox/test/on-change.js

@@ -1,38 +1,41 @@
 import browserEnv from 'browser-env';
 import test from 'ava';
 import React from 'react';
-import { shallow, configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import { render, fireEvent } from '@testing-library/react';
 import Checkbox from '..';
 browserEnv();
-configure({
-  adapter: new Adapter()
-});
 test('should call the onChange function and toggle the value on change', t => {
-  t.plan(5);
+  t.plan(6);
   const expectedOnChangeValues = [false, true];
 
   const onChange = value => {
     t.is(value, expectedOnChangeValues.shift());
   };
 
-  const wrapper = shallow( /*#__PURE__*/React.createElement(Checkbox, {
+  const dataName = 'check-box';
+  const {
+    container
+  } = render( /*#__PURE__*/React.createElement(Checkbox, {
     checked: true,
-    onChange: onChange
+    onChange: onChange,
+    "data-name": dataName
+  }));
+  const checkBox = container.querySelector(`[data-name="${dataName}"]`);
+  t.truthy(checkBox);
+  t.true(checkBox.checked);
+  fireEvent.click(checkBox);
+  t.false(checkBox.checked);
+  fireEvent.click(checkBox);
+  t.true(checkBox.checked);
+});
+test('should mount the checkbox with default values', t => {
+  const dataName = 'check-box';
+  const {
+    container
+  } = render( /*#__PURE__*/React.createElement(Checkbox, {
+    "data-name": dataName
   }));
-  const instance = wrapper.instance();
-  t.true(instance.state.checked);
-  wrapper.find('input').simulate('change', {
-    target: {
-      checked: false
-    }
-  });
-  t.false(instance.state.checked);
-  wrapper.find('input').simulate('change', {
-    target: {
-      checked: true
-    }
-  });
-  t.true(instance.state.checked);
+  const checkBox = container.querySelector(`[data-name="${dataName}"]`);
+  t.truthy(checkBox);
 });
 //# sourceMappingURL=on-change.js.map

package/es/atom/checkbox/test/on-change.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/checkbox/test/on-change.js"],"names":["browserEnv","test","React","shallow","configure","Adapter","Checkbox","adapter","t","plan","expectedOnChangeValues","onChange","value","is","shift","wrapper","instance","true","state","checked","find","simulate","target","false"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,OAAR,EAAiBC,SAAjB,QAAiC,QAAjC;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,QAAP,MAAqB,IAArB;AAEAN,UAAU;AACVI,SAAS,CAAC;AAACG,EAAAA,OAAO,EAAE,IAAIF,OAAJ;AAAV,CAAD,CAAT;AAEAJ,IAAI,CAAC,kEAAD,EAAqEO,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AACA,QAAMC,sBAAsB,GAAG,CAAC,KAAD,EAAQ,IAAR,CAA/B;;AACA,QAAMC,QAAQ,GAAGC,KAAK,IAAI;AACxBJ,IAAAA,CAAC,CAACK,EAAF,CAAKD,KAAL,EAAYF,sBAAsB,CAACI,KAAvB,EAAZ;AACD,GAFD;;AAGA,QAAMC,OAAO,GAAGZ,OAAO,eAAC,oBAAC,QAAD;AAAU,IAAA,OAAO,MAAjB;AAAkB,IAAA,QAAQ,EAAEQ;AAA5B,IAAD,CAAvB;AACA,QAAMK,QAAQ,GAAGD,OAAO,CAACC,QAAR,EAAjB;AAEAR,EAAAA,CAAC,CAACS,IAAF,CAAOD,QAAQ,CAACE,KAAT,CAAeC,OAAtB;AACAJ,EAAAA,OAAO,CAACK,IAAR,CAAa,OAAb,EAAsBC,QAAtB,CAA+B,QAA/B,EAAyC;AAACC,IAAAA,MAAM,EAAE;AAACH,MAAAA,OAAO,EAAE;AAAV;AAAT,GAAzC;AACAX,EAAAA,CAAC,CAACe,KAAF,CAAQP,QAAQ,CAACE,KAAT,CAAeC,OAAvB;AACAJ,EAAAA,OAAO,CAACK,IAAR,CAAa,OAAb,EAAsBC,QAAtB,CAA+B,QAA/B,EAAyC;AAACC,IAAAA,MAAM,EAAE;AAACH,MAAAA,OAAO,EAAE;AAAV;AAAT,GAAzC;AACAX,EAAAA,CAAC,CAACS,IAAF,CAAOD,QAAQ,CAACE,KAAT,CAAeC,OAAtB;AACD,CAdG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport Checkbox from '..';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should call the onChange function and toggle the value on change', t => {\n  t.plan(5);\n  const expectedOnChangeValues = [false, true];\n  const onChange = value => {\n    t.is(value, expectedOnChangeValues.shift());\n  };\n  const wrapper = shallow(<Checkbox checked onChange={onChange} />);\n  const instance = wrapper.instance();\n\n  t.true(instance.state.checked);\n  wrapper.find('input').simulate('change', {target: {checked: false}});\n  t.false(instance.state.checked);\n  wrapper.find('input').simulate('change', {target: {checked: true}});\n  t.true(instance.state.checked);\n});\n"],"file":"on-change.js"}
+{"version":3,"sources":["../../../../src/atom/checkbox/test/on-change.js"],"names":["browserEnv","test","React","render","fireEvent","Checkbox","t","plan","expectedOnChangeValues","onChange","value","is","shift","dataName","container","checkBox","querySelector","truthy","true","checked","click","false"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,MAAR,EAAgBC,SAAhB,QAAgC,wBAAhC;AACA,OAAOC,QAAP,MAAqB,IAArB;AAEAL,UAAU;AAEVC,IAAI,CAAC,kEAAD,EAAqEK,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;AACA,QAAMC,sBAAsB,GAAG,CAAC,KAAD,EAAQ,IAAR,CAA/B;;AACA,QAAMC,QAAQ,GAAGC,KAAK,IAAI;AACxBJ,IAAAA,CAAC,CAACK,EAAF,CAAKD,KAAL,EAAYF,sBAAsB,CAACI,KAAvB,EAAZ;AACD,GAFD;;AAGA,QAAMC,QAAQ,GAAG,WAAjB;AACA,QAAM;AAACC,IAAAA;AAAD,MAAcX,MAAM,eAAC,oBAAC,QAAD;AAAU,IAAA,OAAO,MAAjB;AAAkB,IAAA,QAAQ,EAAEM,QAA5B;AAAsC,iBAAWI;AAAjD,IAAD,CAA1B;AAEA,QAAME,QAAQ,GAAGD,SAAS,CAACE,aAAV,CAAyB,eAAcH,QAAS,IAAhD,CAAjB;AACAP,EAAAA,CAAC,CAACW,MAAF,CAASF,QAAT;AAEAT,EAAAA,CAAC,CAACY,IAAF,CAAOH,QAAQ,CAACI,OAAhB;AAEAf,EAAAA,SAAS,CAACgB,KAAV,CAAgBL,QAAhB;AACAT,EAAAA,CAAC,CAACe,KAAF,CAAQN,QAAQ,CAACI,OAAjB;AAEAf,EAAAA,SAAS,CAACgB,KAAV,CAAgBL,QAAhB;AACAT,EAAAA,CAAC,CAACY,IAAF,CAAOH,QAAQ,CAACI,OAAhB;AACD,CAnBG,CAAJ;AAqBAlB,IAAI,CAAC,+CAAD,EAAkDK,CAAC,IAAI;AACzD,QAAMO,QAAQ,GAAG,WAAjB;AACA,QAAM;AAACC,IAAAA;AAAD,MAAcX,MAAM,eAAC,oBAAC,QAAD;AAAU,iBAAWU;AAArB,IAAD,CAA1B;AAEA,QAAME,QAAQ,GAAGD,SAAS,CAACE,aAAV,CAAyB,eAAcH,QAAS,IAAhD,CAAjB;AACAP,EAAAA,CAAC,CAACW,MAAF,CAASF,QAAT;AACD,CANG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {render, fireEvent} from '@testing-library/react';\nimport Checkbox from '..';\n\nbrowserEnv();\n\ntest('should call the onChange function and toggle the value on change', t => {\n  t.plan(6);\n  const expectedOnChangeValues = [false, true];\n  const onChange = value => {\n    t.is(value, expectedOnChangeValues.shift());\n  };\n  const dataName = 'check-box';\n  const {container} = render(<Checkbox checked onChange={onChange} data-name={dataName} />);\n\n  const checkBox = container.querySelector(`[data-name=\"${dataName}\"]`);\n  t.truthy(checkBox);\n\n  t.true(checkBox.checked);\n\n  fireEvent.click(checkBox);\n  t.false(checkBox.checked);\n\n  fireEvent.click(checkBox);\n  t.true(checkBox.checked);\n});\n\ntest('should mount the checkbox with default values', t => {\n  const dataName = 'check-box';\n  const {container} = render(<Checkbox data-name={dataName} />);\n\n  const checkBox = container.querySelector(`[data-name=\"${dataName}\"]`);\n  t.truthy(checkBox);\n});\n"],"file":"on-change.js"}

package/es/atom/clue/index.js

@@ -97,7 +97,8 @@ class Clue extends React.Component {
       className: classnames(style.clueCard, !_isEmpty(text) && style.flip)
     }, /*#__PURE__*/React.createElement("div", {
       className: style.back,
-      style: inlineStyle
+      style: inlineStyle,
+      "data-name": "clue-back-side"
     }, isLoading ? /*#__PURE__*/React.createElement(Loader, null) : null, /*#__PURE__*/React.createElement("div", {
       className: classnames(style.backContent, isLoading && style.loading)
     }, /*#__PURE__*/React.createElement("div", {

package/es/atom/clue/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/clue/index.js"],"names":["React","PropTypes","classnames","Provider","Loader","Cta","style","LoadedClue","text","clueText","__html","propTypes","string","Clue","Component","getDerivedStateFromProps","props","isLoading","constructor","context","state","handleClick","bind","e","stopPropagation","preventDefault","onClick","setState","render","starsDiff","skin","translate","primaryColor","inlineStyle","backgroundColor","starsToLoose","count","Math","abs","seeClueCta","wrapperClue","clueCard","flip","back","backContent","loading","stars","front","childContextTypes","number"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport Loader from '../loader';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst LoadedClue = ({text}) => {\n  return (\n    <div data-name=\"text\" className={style.clueText}>\n      <div\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: text}}\n      />\n    </div>\n  );\n};\n\nLoadedClue.propTypes = {\n  text: PropTypes.string\n};\n\nclass Clue extends React.Component {\n  static propTypes = {\n    text: LoadedClue.propTypes.text,\n    onClick: Cta.propTypes.onClick,\n    starsDiff: PropTypes.number\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  static getDerivedStateFromProps(props) {\n    const {text} = props;\n    const isLoading = isEmpty(text);\n\n    if (isLoading) return null;\n    return {isLoading};\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      isLoading: false\n    };\n    this.handleClick = this.handleClick.bind(this);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {text, onClick = noop} = this.props;\n    onClick(e);\n    const isLoading = isEmpty(text);\n    return this.setState({\n      isLoading\n    });\n  }\n\n  render() {\n    const {text, starsDiff} = this.props;\n    const {skin, translate} = this.context;\n    const {isLoading} = this.state;\n    const primaryColor = get('common.primary', skin);\n    const inlineStyle = {backgroundColor: primaryColor};\n    const starsToLoose = translate('clue_stars_to_loose', {count: Math.abs(starsDiff)});\n    const seeClueCta = translate('See clue');\n\n    return (\n      <div data-name=\"clue\" className={style.wrapperClue}>\n        <div className={classnames(style.clueCard, !isEmpty(text) && style.flip)}>\n          <div className={style.back} style={inlineStyle}>\n            {isLoading ? <Loader /> : null}\n            <div className={classnames(style.backContent, isLoading && style.loading)}>\n              <div className={style.stars}>{starsToLoose}</div>\n              <Cta submitValue={seeClueCta} secondary light onClick={this.handleClick} />\n            </div>\n          </div>\n          <div className={style.front} style={inlineStyle}>\n            <LoadedClue text={text} />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Clue;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/clue/index.js"],"names":["React","PropTypes","classnames","Provider","Loader","Cta","style","LoadedClue","text","clueText","__html","propTypes","string","Clue","Component","getDerivedStateFromProps","props","isLoading","constructor","context","state","handleClick","bind","e","stopPropagation","preventDefault","onClick","setState","render","starsDiff","skin","translate","primaryColor","inlineStyle","backgroundColor","starsToLoose","count","Math","abs","seeClueCta","wrapperClue","clueCard","flip","back","backContent","loading","stars","front","childContextTypes","number"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport Loader from '../loader';\nimport Cta from '../cta';\nimport style from './style.css';\n\nconst LoadedClue = ({text}) => {\n  return (\n    <div data-name=\"text\" className={style.clueText}>\n      <div\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: text}}\n      />\n    </div>\n  );\n};\n\nLoadedClue.propTypes = {\n  text: PropTypes.string\n};\n\nclass Clue extends React.Component {\n  static propTypes = {\n    text: LoadedClue.propTypes.text,\n    onClick: Cta.propTypes.onClick,\n    starsDiff: PropTypes.number\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  static getDerivedStateFromProps(props) {\n    const {text} = props;\n    const isLoading = isEmpty(text);\n\n    if (isLoading) return null;\n    return {isLoading};\n  }\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      isLoading: false\n    };\n    this.handleClick = this.handleClick.bind(this);\n  }\n\n  handleClick(e) {\n    e.stopPropagation();\n    e.preventDefault();\n    const {text, onClick = noop} = this.props;\n    onClick(e);\n    const isLoading = isEmpty(text);\n    return this.setState({\n      isLoading\n    });\n  }\n\n  render() {\n    const {text, starsDiff} = this.props;\n    const {skin, translate} = this.context;\n    const {isLoading} = this.state;\n    const primaryColor = get('common.primary', skin);\n    const inlineStyle = {backgroundColor: primaryColor};\n    const starsToLoose = translate('clue_stars_to_loose', {count: Math.abs(starsDiff)});\n    const seeClueCta = translate('See clue');\n\n    return (\n      <div data-name=\"clue\" className={style.wrapperClue}>\n        <div className={classnames(style.clueCard, !isEmpty(text) && style.flip)}>\n          <div className={style.back} style={inlineStyle} data-name=\"clue-back-side\">\n            {isLoading ? <Loader /> : null}\n            <div className={classnames(style.backContent, isLoading && style.loading)}>\n              <div className={style.stars}>{starsToLoose}</div>\n              <Cta submitValue={seeClueCta} secondary light onClick={this.handleClick} />\n            </div>\n          </div>\n          <div className={style.front} style={inlineStyle}>\n            <LoadedClue text={text} />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Clue;\n"],"file":"index.js"}

package/es/atom/clue/test/see-clue.js

@@ -1,70 +1,80 @@
-import _replace from "lodash/fp/replace";
-
 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 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 { fireEvent } from '@testing-library/react';
+import forEach from 'lodash/fp/forEach';
+import replace from 'lodash/fp/replace';
+import { renderWithContext } from '../../../util/render-with-context';
 import style from '../style.css'; // eslint-disable-line css-modules/no-unused-class
 
 import Clue from '..';
-import Provider from '../../provider';
 import defaultFixture from './fixtures/default';
 browserEnv();
-configure({
-  adapter: new Adapter()
-});
+
+const checkStyles = (stylesToCheck, container, t) => {
+  forEach(([styleToCheck, shouldBePresent]) => {
+    const styledClue = container.querySelector(styleToCheck);
+    shouldBePresent ? t.truthy(styledClue) : t.falsy(styledClue);
+  }, stylesToCheck);
+};
+
+const findElementAndCheckText = (container, selector, expectedText, t) => {
+  const element = container.querySelector(selector);
+  t.is(element.textContent, expectedText);
+};
+
 test('should See the clue', t => {
   const context = {
     skin: {},
-    translate: key => key
+    translate: key => {
+      t.pass();
+      return key;
+    }
   };
-  t.plan(16);
-  const clueCardStyle = `.${_replace(' ', '.', style.clueCard)}`;
-  const flipStyle = `.${_replace(' ', '.', style.flip)}`;
-  const loadingStyle = `.${_replace(' ', '.', style.loading)}`;
-  const backContentStyle = `.${_replace(' ', '.', style.backContent)}`;
-  const clueTextStyle = `.${_replace(' ', '.', style.clueText)}`;
+  t.plan(26);
+  const clueCardStyle = `.${replace(' ', '.', style.clueCard)}`;
+  const flipStyle = `.${replace(' ', '.', style.flip)}`;
+  const loadingStyle = `.${replace(' ', '.', style.loading)}`;
+  const backContentStyle = `.${replace(' ', '.', style.backContent)}`;
+  const clueTextStyle = `.${replace(' ', '.', style.clueText)}`;
 
   const onClick = e => {
     t.pass();
   };
 
-  const wrapper = mount( /*#__PURE__*/React.createElement(Clue, _extends({}, defaultFixture.props, {
+  const {
+    container,
+    rerender
+  } = renderWithContext( /*#__PURE__*/React.createElement(Clue, _extends({}, defaultFixture.props, {
     onClick: onClick
   })), {
     context
   });
-  t.is(wrapper.find(clueCardStyle).exists(), true);
-  t.is(wrapper.find(flipStyle).exists(), false);
-  t.is(wrapper.find(loadingStyle).exists(), false);
-  t.is(wrapper.find(backContentStyle).exists(), true);
-  wrapper.find('a').simulate('click', {
-    preventDefault: () => {},
-    stopPropagation: () => {}
-  });
-  t.is(wrapper.find(clueCardStyle).exists(), true);
-  t.is(wrapper.find(flipStyle).exists(), false);
-  t.is(wrapper.find(loadingStyle).exists(), true);
-  t.is(wrapper.find(backContentStyle).exists(), true);
-  wrapper.setProps({
-    text: 'This is the clue ...'
-  });
-  t.is(wrapper.find(clueTextStyle).text(), 'This is the clue ...');
-  t.is(wrapper.find(clueCardStyle).exists(), true);
-  t.is(wrapper.find(flipStyle).exists(), true);
-  t.is(wrapper.find(loadingStyle).exists(), false);
-  t.is(wrapper.find(backContentStyle).exists(), true);
-  wrapper.setProps({
-    text: ''
-  });
-  t.is(wrapper.find(clueTextStyle).text(), '');
-  wrapper.setProps({
-    text: 'This is the new clue ...'
-  });
-  t.is(wrapper.find(clueTextStyle).text(), 'This is the new clue ...');
+  const stylesToCheckPreClick = [[clueCardStyle, true], [flipStyle, false], [loadingStyle, false], [backContentStyle, true]];
+  checkStyles(stylesToCheckPreClick, container, t);
+  const link = container.querySelector('a');
+  fireEvent.click(link);
+  const stylesToCheckPostClick = [[clueCardStyle, true], [flipStyle, false], [loadingStyle, true], [backContentStyle, true]];
+  checkStyles(stylesToCheckPostClick, container, t);
+  rerender( /*#__PURE__*/React.createElement(Clue, _extends({}, defaultFixture.props, {
+    text: "This is the clue ...",
+    onClick: onClick
+  })));
+  findElementAndCheckText(container, clueTextStyle, 'This is the clue ...', t);
+  const stylesToCheckPostTextChange = [[clueCardStyle, true], [flipStyle, true], [loadingStyle, false], [backContentStyle, true]];
+  checkStyles(stylesToCheckPostTextChange, container, t);
+  rerender( /*#__PURE__*/React.createElement(Clue, _extends({}, defaultFixture.props, {
+    text: "",
+    onClick: onClick
+  })));
+  findElementAndCheckText(container, clueTextStyle, '', t);
+  rerender( /*#__PURE__*/React.createElement(Clue, _extends({}, defaultFixture.props, {
+    text: "This is the new clue ...",
+    onClick: onClick
+  })));
+  findElementAndCheckText(container, clueTextStyle, 'This is the new clue ...', t);
 });
 test('should clue color is the primary color if color is defined on skin', t => {
   const context = {
@@ -73,14 +83,23 @@ test('should clue color is the primary color if color is defined on skin', t =>
         primary: '#FF0000'
       }
     },
-    translate: key => key
+    translate: key => {
+      t.pass();
+      return key;
+    }
   };
-  t.plan(1);
-  const backStyle = `.${_replace(' ', '.', style.back)}`;
-  const wrapper = mount( /*#__PURE__*/React.createElement(Provider, context, /*#__PURE__*/React.createElement(Clue, defaultFixture.props)));
-  t.deepEqual(wrapper.find(backStyle).get(0).props.style, {
-    backgroundColor: '#FF0000'
-  });
+  t.plan(6);
+  const {
+    container
+  } = renderWithContext( /*#__PURE__*/React.createElement(Clue, defaultFixture.props), {
+    context
+  }); // inline  '#FF0000' becomes  rgb(255, 0, 0)
+
+  const cardReverse = container.querySelector('[data-name="clue-back-side"][style="background-color: rgb(255, 0, 0);"]');
+  t.truthy(cardReverse);
+  const seeClueCta = cardReverse.querySelector('a[data-name="cta"]');
+  t.truthy(seeClueCta);
+  fireEvent.click(seeClueCta);
 });
 test('should clue color is the fallback primary color if color not defined on skin', t => {
   const context = {
@@ -89,13 +108,19 @@ test('should clue color is the fallback primary color if color not defined on sk
         secondary: '#FF0000'
       }
     },
-    translate: key => key
+    translate: key => {
+      t.pass();
+      return key;
+    }
   };
-  t.plan(1);
-  const backStyle = `.${_replace(' ', '.', style.back)}`;
-  const wrapper = mount( /*#__PURE__*/React.createElement(Provider, context, /*#__PURE__*/React.createElement(Clue, defaultFixture.props)));
-  t.deepEqual(wrapper.find(backStyle).get(0).props.style, {
-    backgroundColor: '#00B0FF'
-  });
+  t.plan(3);
+  const {
+    container
+  } = renderWithContext( /*#__PURE__*/React.createElement(Clue, defaultFixture.props), {
+    context
+  }); // inline  '#00B0FF' becomes  rgb(0, 176, 255)
+
+  const cardReverse = container.querySelector('[data-name="clue-back-side"][style="background-color: rgb(0, 176, 255);"]');
+  t.truthy(cardReverse);
 });
 //# sourceMappingURL=see-clue.js.map

package/es/atom/clue/test/see-clue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/clue/test/see-clue.js"],"names":["browserEnv","test","React","mount","configure","Adapter","style","Clue","Provider","defaultFixture","adapter","t","context","skin","translate","key","plan","clueCardStyle","clueCard","flipStyle","flip","loadingStyle","loading","backContentStyle","backContent","clueTextStyle","clueText","onClick","e","pass","wrapper","props","is","find","exists","simulate","preventDefault","stopPropagation","setProps","text","common","primary","backStyle","back","deepEqual","get","backgroundColor","secondary"],"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;AAEA,OAAOC,KAAP,MAAkB,cAAlB,C,CAAkC;;AAClC,OAAOC,IAAP,MAAiB,IAAjB;AACA,OAAOC,QAAP,MAAqB,gBAArB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAT,UAAU;AACVI,SAAS,CAAC;AAACM,EAAAA,OAAO,EAAE,IAAIL,OAAJ;AAAV,CAAD,CAAT;AAEAJ,IAAI,CAAC,qBAAD,EAAwBU,CAAC,IAAI;AAC/B,QAAMC,OAAO,GAAG;AACdC,IAAAA,IAAI,EAAE,EADQ;AAEdC,IAAAA,SAAS,EAAEC,GAAG,IAAIA;AAFJ,GAAhB;AAIAJ,EAAAA,CAAC,CAACK,IAAF,CAAO,EAAP;AAEA,QAAMC,aAAa,GAAI,IAAG,SAAQ,GAAR,EAAa,GAAb,EAAkBX,KAAK,CAACY,QAAxB,CAAkC,EAA5D;AACA,QAAMC,SAAS,GAAI,IAAG,SAAQ,GAAR,EAAa,GAAb,EAAkBb,KAAK,CAACc,IAAxB,CAA8B,EAApD;AAEA,QAAMC,YAAY,GAAI,IAAG,SAAQ,GAAR,EAAa,GAAb,EAAkBf,KAAK,CAACgB,OAAxB,CAAiC,EAA1D;AACA,QAAMC,gBAAgB,GAAI,IAAG,SAAQ,GAAR,EAAa,GAAb,EAAkBjB,KAAK,CAACkB,WAAxB,CAAqC,EAAlE;AAEA,QAAMC,aAAa,GAAI,IAAG,SAAQ,GAAR,EAAa,GAAb,EAAkBnB,KAAK,CAACoB,QAAxB,CAAkC,EAA5D;;AAEA,QAAMC,OAAO,GAAGC,CAAC,IAAI;AACnBjB,IAAAA,CAAC,CAACkB,IAAF;AACD,GAFD;;AAIA,QAAMC,OAAO,GAAG3B,KAAK,eAAC,oBAAC,IAAD,eAAUM,cAAc,CAACsB,KAAzB;AAAgC,IAAA,OAAO,EAAEJ;AAAzC,KAAD,EAAuD;AAACf,IAAAA;AAAD,GAAvD,CAArB;AAEAD,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAahB,aAAb,EAA4BiB,MAA5B,EAAL,EAA2C,IAA3C;AACAvB,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAad,SAAb,EAAwBe,MAAxB,EAAL,EAAuC,KAAvC;AACAvB,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaZ,YAAb,EAA2Ba,MAA3B,EAAL,EAA0C,KAA1C;AACAvB,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaV,gBAAb,EAA+BW,MAA/B,EAAL,EAA8C,IAA9C;AAEAJ,EAAAA,OAAO,CAACG,IAAR,CAAa,GAAb,EAAkBE,QAAlB,CAA2B,OAA3B,EAAoC;AAClCC,IAAAA,cAAc,EAAE,MAAM,CAAE,CADU;AAElCC,IAAAA,eAAe,EAAE,MAAM,CAAE;AAFS,GAApC;AAKA1B,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAahB,aAAb,EAA4BiB,MAA5B,EAAL,EAA2C,IAA3C;AACAvB,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAad,SAAb,EAAwBe,MAAxB,EAAL,EAAuC,KAAvC;AACAvB,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaZ,YAAb,EAA2Ba,MAA3B,EAAL,EAA0C,IAA1C;AACAvB,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaV,gBAAb,EAA+BW,MAA/B,EAAL,EAA8C,IAA9C;AAEAJ,EAAAA,OAAO,CAACQ,QAAR,CAAiB;AAACC,IAAAA,IAAI,EAAE;AAAP,GAAjB;AAEA5B,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaR,aAAb,EAA4Bc,IAA5B,EAAL,EAAyC,sBAAzC;AAEA5B,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAahB,aAAb,EAA4BiB,MAA5B,EAAL,EAA2C,IAA3C;AACAvB,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAad,SAAb,EAAwBe,MAAxB,EAAL,EAAuC,IAAvC;AACAvB,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaZ,YAAb,EAA2Ba,MAA3B,EAAL,EAA0C,KAA1C;AACAvB,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaV,gBAAb,EAA+BW,MAA/B,EAAL,EAA8C,IAA9C;AAEAJ,EAAAA,OAAO,CAACQ,QAAR,CAAiB;AAACC,IAAAA,IAAI,EAAE;AAAP,GAAjB;AAEA5B,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaR,aAAb,EAA4Bc,IAA5B,EAAL,EAAyC,EAAzC;AAEAT,EAAAA,OAAO,CAACQ,QAAR,CAAiB;AAACC,IAAAA,IAAI,EAAE;AAAP,GAAjB;AAEA5B,EAAAA,CAAC,CAACqB,EAAF,CAAKF,OAAO,CAACG,IAAR,CAAaR,aAAb,EAA4Bc,IAA5B,EAAL,EAAyC,0BAAzC;AACD,CApDG,CAAJ;AAsDAtC,IAAI,CAAC,oEAAD,EAAuEU,CAAC,IAAI;AAC9E,QAAMC,OAAO,GAAG;AACdC,IAAAA,IAAI,EAAE;AACJ2B,MAAAA,MAAM,EAAE;AACNC,QAAAA,OAAO,EAAE;AADH;AADJ,KADQ;AAMd3B,IAAAA,SAAS,EAAEC,GAAG,IAAIA;AANJ,GAAhB;AAQAJ,EAAAA,CAAC,CAACK,IAAF,CAAO,CAAP;AACA,QAAM0B,SAAS,GAAI,IAAG,SAAQ,GAAR,EAAa,GAAb,EAAkBpC,KAAK,CAACqC,IAAxB,CAA8B,EAApD;AAEA,QAAMb,OAAO,GAAG3B,KAAK,eACnB,oBAAC,QAAD,EAAcS,OAAd,eACE,oBAAC,IAAD,EAAUH,cAAc,CAACsB,KAAzB,CADF,CADmB,CAArB;AAMApB,EAAAA,CAAC,CAACiC,SAAF,CAAYd,OAAO,CAACG,IAAR,CAAaS,SAAb,EAAwBG,GAAxB,CAA4B,CAA5B,EAA+Bd,KAA/B,CAAqCzB,KAAjD,EAAwD;AACtDwC,IAAAA,eAAe,EAAE;AADqC,GAAxD;AAGD,CArBG,CAAJ;AAuBA7C,IAAI,CAAC,8EAAD,EAAiFU,CAAC,IAAI;AACxF,QAAMC,OAAO,GAAG;AACdC,IAAAA,IAAI,EAAE;AACJ2B,MAAAA,MAAM,EAAE;AACNO,QAAAA,SAAS,EAAE;AADL;AADJ,KADQ;AAMdjC,IAAAA,SAAS,EAAEC,GAAG,IAAIA;AANJ,GAAhB;AAQAJ,EAAAA,CAAC,CAACK,IAAF,CAAO,CAAP;AACA,QAAM0B,SAAS,GAAI,IAAG,SAAQ,GAAR,EAAa,GAAb,EAAkBpC,KAAK,CAACqC,IAAxB,CAA8B,EAApD;AAEA,QAAMb,OAAO,GAAG3B,KAAK,eACnB,oBAAC,QAAD,EAAcS,OAAd,eACE,oBAAC,IAAD,EAAUH,cAAc,CAACsB,KAAzB,CADF,CADmB,CAArB;AAMApB,EAAAA,CAAC,CAACiC,SAAF,CAAYd,OAAO,CAACG,IAAR,CAAaS,SAAb,EAAwBG,GAAxB,CAA4B,CAA5B,EAA+Bd,KAA/B,CAAqCzB,KAAjD,EAAwD;AACtDwC,IAAAA,eAAe,EAAE;AADqC,GAAxD;AAGD,CArBG,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 {replace} from 'lodash/fp';\nimport style from '../style.css'; // eslint-disable-line css-modules/no-unused-class\nimport Clue from '..';\nimport Provider from '../../provider';\nimport defaultFixture from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should See the clue', t => {\n  const context = {\n    skin: {},\n    translate: key => key\n  };\n  t.plan(16);\n\n  const clueCardStyle = `.${replace(' ', '.', style.clueCard)}`;\n  const flipStyle = `.${replace(' ', '.', style.flip)}`;\n\n  const loadingStyle = `.${replace(' ', '.', style.loading)}`;\n  const backContentStyle = `.${replace(' ', '.', style.backContent)}`;\n\n  const clueTextStyle = `.${replace(' ', '.', style.clueText)}`;\n\n  const onClick = e => {\n    t.pass();\n  };\n\n  const wrapper = mount(<Clue {...defaultFixture.props} onClick={onClick} />, {context});\n\n  t.is(wrapper.find(clueCardStyle).exists(), true);\n  t.is(wrapper.find(flipStyle).exists(), false);\n  t.is(wrapper.find(loadingStyle).exists(), false);\n  t.is(wrapper.find(backContentStyle).exists(), true);\n\n  wrapper.find('a').simulate('click', {\n    preventDefault: () => {},\n    stopPropagation: () => {}\n  });\n\n  t.is(wrapper.find(clueCardStyle).exists(), true);\n  t.is(wrapper.find(flipStyle).exists(), false);\n  t.is(wrapper.find(loadingStyle).exists(), true);\n  t.is(wrapper.find(backContentStyle).exists(), true);\n\n  wrapper.setProps({text: 'This is the clue ...'});\n\n  t.is(wrapper.find(clueTextStyle).text(), 'This is the clue ...');\n\n  t.is(wrapper.find(clueCardStyle).exists(), true);\n  t.is(wrapper.find(flipStyle).exists(), true);\n  t.is(wrapper.find(loadingStyle).exists(), false);\n  t.is(wrapper.find(backContentStyle).exists(), true);\n\n  wrapper.setProps({text: ''});\n\n  t.is(wrapper.find(clueTextStyle).text(), '');\n\n  wrapper.setProps({text: 'This is the new clue ...'});\n\n  t.is(wrapper.find(clueTextStyle).text(), 'This is the new clue ...');\n});\n\ntest('should clue color is the primary color if color is defined on skin', t => {\n  const context = {\n    skin: {\n      common: {\n        primary: '#FF0000'\n      }\n    },\n    translate: key => key\n  };\n  t.plan(1);\n  const backStyle = `.${replace(' ', '.', style.back)}`;\n\n  const wrapper = mount(\n    <Provider {...context}>\n      <Clue {...defaultFixture.props} />\n    </Provider>\n  );\n\n  t.deepEqual(wrapper.find(backStyle).get(0).props.style, {\n    backgroundColor: '#FF0000'\n  });\n});\n\ntest('should clue color is the fallback primary color if color not defined on skin', t => {\n  const context = {\n    skin: {\n      common: {\n        secondary: '#FF0000'\n      }\n    },\n    translate: key => key\n  };\n  t.plan(1);\n  const backStyle = `.${replace(' ', '.', style.back)}`;\n\n  const wrapper = mount(\n    <Provider {...context}>\n      <Clue {...defaultFixture.props} />\n    </Provider>\n  );\n\n  t.deepEqual(wrapper.find(backStyle).get(0).props.style, {\n    backgroundColor: '#00B0FF'\n  });\n});\n"],"file":"see-clue.js"}
+{"version":3,"sources":["../../../../src/atom/clue/test/see-clue.js"],"names":["browserEnv","test","React","fireEvent","forEach","replace","renderWithContext","style","Clue","defaultFixture","checkStyles","stylesToCheck","container","t","styleToCheck","shouldBePresent","styledClue","querySelector","truthy","falsy","findElementAndCheckText","selector","expectedText","element","is","textContent","context","skin","translate","key","pass","plan","clueCardStyle","clueCard","flipStyle","flip","loadingStyle","loading","backContentStyle","backContent","clueTextStyle","clueText","onClick","e","rerender","props","stylesToCheckPreClick","link","click","stylesToCheckPostClick","stylesToCheckPostTextChange","common","primary","cardReverse","seeClueCta","secondary"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {fireEvent} from '@testing-library/react';\nimport forEach from 'lodash/fp/forEach';\nimport replace from 'lodash/fp/replace';\nimport {renderWithContext} from '../../../util/render-with-context';\nimport style from '../style.css'; // eslint-disable-line css-modules/no-unused-class\nimport Clue from '..';\nimport defaultFixture from './fixtures/default';\n\nbrowserEnv();\n\nconst checkStyles = (stylesToCheck, container, t) => {\n  forEach(([styleToCheck, shouldBePresent]) => {\n    const styledClue = container.querySelector(styleToCheck);\n    shouldBePresent ? t.truthy(styledClue) : t.falsy(styledClue);\n  }, stylesToCheck);\n};\n\nconst findElementAndCheckText = (container, selector, expectedText, t) => {\n  const element = container.querySelector(selector);\n  t.is(element.textContent, expectedText);\n};\n\ntest('should See the clue', t => {\n  const context = {\n    skin: {},\n    translate: key => {\n      t.pass();\n      return key;\n    }\n  };\n  t.plan(26);\n\n  const clueCardStyle = `.${replace(' ', '.', style.clueCard)}`;\n  const flipStyle = `.${replace(' ', '.', style.flip)}`;\n\n  const loadingStyle = `.${replace(' ', '.', style.loading)}`;\n  const backContentStyle = `.${replace(' ', '.', style.backContent)}`;\n\n  const clueTextStyle = `.${replace(' ', '.', style.clueText)}`;\n\n  const onClick = e => {\n    t.pass();\n  };\n\n  const {container, rerender} = renderWithContext(\n    <Clue {...defaultFixture.props} onClick={onClick} />,\n    {\n      context\n    }\n  );\n\n  const stylesToCheckPreClick = [\n    [clueCardStyle, true],\n    [flipStyle, false],\n    [loadingStyle, false],\n    [backContentStyle, true]\n  ];\n\n  checkStyles(stylesToCheckPreClick, container, t);\n\n  const link = container.querySelector('a');\n\n  fireEvent.click(link);\n\n  const stylesToCheckPostClick = [\n    [clueCardStyle, true],\n    [flipStyle, false],\n    [loadingStyle, true],\n    [backContentStyle, true]\n  ];\n\n  checkStyles(stylesToCheckPostClick, container, t);\n\n  rerender(<Clue {...defaultFixture.props} text=\"This is the clue ...\" onClick={onClick} />);\n  findElementAndCheckText(container, clueTextStyle, 'This is the clue ...', t);\n\n  const stylesToCheckPostTextChange = [\n    [clueCardStyle, true],\n    [flipStyle, true],\n    [loadingStyle, false],\n    [backContentStyle, true]\n  ];\n\n  checkStyles(stylesToCheckPostTextChange, container, t);\n\n  rerender(<Clue {...defaultFixture.props} text=\"\" onClick={onClick} />);\n  findElementAndCheckText(container, clueTextStyle, '', t);\n\n  rerender(<Clue {...defaultFixture.props} text=\"This is the new clue ...\" onClick={onClick} />);\n  findElementAndCheckText(container, clueTextStyle, 'This is the new clue ...', t);\n});\n\ntest('should clue color is the primary color if color is defined on skin', t => {\n  const context = {\n    skin: {\n      common: {\n        primary: '#FF0000'\n      }\n    },\n    translate: key => {\n      t.pass();\n      return key;\n    }\n  };\n  t.plan(6);\n\n  const {container} = renderWithContext(<Clue {...defaultFixture.props} />, {\n    context\n  });\n\n  // inline  '#FF0000' becomes  rgb(255, 0, 0)\n  const cardReverse = container.querySelector(\n    '[data-name=\"clue-back-side\"][style=\"background-color: rgb(255, 0, 0);\"]'\n  );\n\n  t.truthy(cardReverse);\n\n  const seeClueCta = cardReverse.querySelector('a[data-name=\"cta\"]');\n\n  t.truthy(seeClueCta);\n\n  fireEvent.click(seeClueCta);\n});\n\ntest('should clue color is the fallback primary color if color not defined on skin', t => {\n  const context = {\n    skin: {\n      common: {\n        secondary: '#FF0000'\n      }\n    },\n    translate: key => {\n      t.pass();\n      return key;\n    }\n  };\n  t.plan(3);\n\n  const {container} = renderWithContext(<Clue {...defaultFixture.props} />, {\n    context\n  });\n\n  // inline  '#00B0FF' becomes  rgb(0, 176, 255)\n  const cardReverse = container.querySelector(\n    '[data-name=\"clue-back-side\"][style=\"background-color: rgb(0, 176, 255);\"]'\n  );\n\n  t.truthy(cardReverse);\n});\n"],"file":"see-clue.js"}

package/es/atom/lottie-wrapper/index.js

@@ -37,7 +37,7 @@ export const fetchAndLoadAnimation = async (_lottie, _fetch, animationSrc, conta
   });
   const animationData = await fetchResult.json();
 
-  const animation = _lottie.loadAnimation({
+  const animation = _lottie.loadAnimation && _lottie.loadAnimation({
     container: containerRef.current,
     // the dom element that will contain the animation
     renderer: 'svg',