@coorpacademy/components 10.1.4 → 10.1.8

package/es/molecule/cm-popin/test/fixtures.js

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

package/es/molecule/cm-popin/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/cm-popin/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeCmPopin","fixtureDangerous","fixtureDefault","fixtureWarningWithClose","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,eAAP,MAA4B,IAA5B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AAEAN,IAAI,CAAC,0DAAD,EAA6DO,CAAC,IAAI;AACpEA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,eAAe,CAACM,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,oDAAmDF,GAAI,mEAAhF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,eAAtF,EAAuGC,gBAAvG,CAAJ;AACAJ,IAAI,CAAC,2DAAD,EAA8DE,oBAA9D,EAAoFC,eAApF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,eAA7F,EAA8GG,uBAA9G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCmPopin from '..';\nimport fixtureDangerous from './fixtures/dangerous';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWarningWithClose from './fixtures/warning-with-close';\n\ntest('Molecule › MoleculeCmPopin > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCmPopin.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCmPopin.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCmPopin › Dangerous › should be rendered', renderComponentMacro, MoleculeCmPopin, fixtureDangerous);\ntest('Molecule › MoleculeCmPopin › Default › should be rendered', renderComponentMacro, MoleculeCmPopin, fixtureDefault);\ntest('Molecule › MoleculeCmPopin › WarningWithClose › should be rendered', renderComponentMacro, MoleculeCmPopin, fixtureWarningWithClose);\n"],"file":"fixtures.js"}

package/es/molecule/coorp-manager-roles/test/fixtures.js

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

package/es/molecule/coorp-manager-roles/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/coorp-manager-roles/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeCoorpManagerRoles","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,yBAAP,MAAsC,IAAtC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,oEAAD,EAAuEK,CAAC,IAAI;AAC9EA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,yBAAyB,CAACI,SAA3B,EAAsC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,8DAA6DF,GAAI,mEAA1F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,yBAA9F,EAAyHC,cAAzH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCoorpManagerRoles from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Molecule › MoleculeCoorpManagerRoles > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCoorpManagerRoles.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCoorpManagerRoles.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCoorpManagerRoles › Default › should be rendered', renderComponentMacro, MoleculeCoorpManagerRoles, fixtureDefault);\n"],"file":"fixtures.js"}

package/es/molecule/popin/test/fixtures.js

@@ -0,0 +1,21 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculePopin from '..';
+import fixtureAssistance from './fixtures/assistance';
+import fixtureBackgroundNoSecondButton from './fixtures/background-no-second-button';
+import fixtureDefault from './fixtures/default';
+import fixtureLoading from './fixtures/loading';
+import fixtureVideoTranslate from './fixtures/video-translate';
+test('Molecule › MoleculePopin > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculePopin.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculePopin.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculePopin › Assistance › should be rendered', renderComponentMacro, MoleculePopin, fixtureAssistance);
+test('Molecule › MoleculePopin › BackgroundNoSecondButton › should be rendered', renderComponentMacro, MoleculePopin, fixtureBackgroundNoSecondButton);
+test('Molecule › MoleculePopin › Default › should be rendered', renderComponentMacro, MoleculePopin, fixtureDefault);
+test('Molecule › MoleculePopin › Loading › should be rendered', renderComponentMacro, MoleculePopin, fixtureLoading);
+test('Molecule › MoleculePopin › VideoTranslate › should be rendered', renderComponentMacro, MoleculePopin, fixtureVideoTranslate);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/popin/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/popin/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculePopin","fixtureAssistance","fixtureBackgroundNoSecondButton","fixtureDefault","fixtureLoading","fixtureVideoTranslate","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,aAAP,MAA0B,IAA1B;AACA,OAAOC,iBAAP,MAA8B,uBAA9B;AACA,OAAOC,+BAAP,MAA4C,wCAA5C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AAEAR,IAAI,CAAC,wDAAD,EAA2DS,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,aAAa,CAACQ,SAAf,EAA0B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,aAArF,EAAoGC,iBAApG,CAAJ;AACAJ,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,aAAnG,EAAkHE,+BAAlH,CAAJ;AACAL,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,aAAlF,EAAiGG,cAAjG,CAAJ;AACAN,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,aAAlF,EAAiGI,cAAjG,CAAJ;AACAP,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,aAAzF,EAAwGK,qBAAxG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculePopin from '..';\nimport fixtureAssistance from './fixtures/assistance';\nimport fixtureBackgroundNoSecondButton from './fixtures/background-no-second-button';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureVideoTranslate from './fixtures/video-translate';\n\ntest('Molecule › MoleculePopin > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculePopin.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculePopin.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculePopin › Assistance › should be rendered', renderComponentMacro, MoleculePopin, fixtureAssistance);\ntest('Molecule › MoleculePopin › BackgroundNoSecondButton › should be rendered', renderComponentMacro, MoleculePopin, fixtureBackgroundNoSecondButton);\ntest('Molecule › MoleculePopin › Default › should be rendered', renderComponentMacro, MoleculePopin, fixtureDefault);\ntest('Molecule › MoleculePopin › Loading › should be rendered', renderComponentMacro, MoleculePopin, fixtureLoading);\ntest('Molecule › MoleculePopin › VideoTranslate › should be rendered', renderComponentMacro, MoleculePopin, fixtureVideoTranslate);\n"],"file":"fixtures.js"}

package/es/molecule/quick-access-card/test/fixtures.js

@@ -0,0 +1,21 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeQuickAccessCard from '..';
+import fixtureAnalytics from './fixtures/analytics';
+import fixtureDefault from './fixtures/default';
+import fixtureLookAndFeel from './fixtures/look-and-feel';
+import fixtureMassiveBattle from './fixtures/massive-battle';
+import fixtureUploadUsers from './fixtures/upload-users';
+test('Molecule › MoleculeQuickAccessCard > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeQuickAccessCard.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeQuickAccessCard.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeQuickAccessCard › Analytics › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureAnalytics);
+test('Molecule › MoleculeQuickAccessCard › Default › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureDefault);
+test('Molecule › MoleculeQuickAccessCard › LookAndFeel › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureLookAndFeel);
+test('Molecule › MoleculeQuickAccessCard › MassiveBattle › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureMassiveBattle);
+test('Molecule › MoleculeQuickAccessCard › UploadUsers › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureUploadUsers);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/quick-access-card/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/quick-access-card/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeQuickAccessCard","fixtureAnalytics","fixtureDefault","fixtureLookAndFeel","fixtureMassiveBattle","fixtureUploadUsers","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,uBAAP,MAAoC,IAApC;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,kBAAP,MAA+B,0BAA/B;AACA,OAAOC,oBAAP,MAAiC,2BAAjC;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AAEAR,IAAI,CAAC,kEAAD,EAAqES,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,uBAAuB,CAACQ,SAAzB,EAAoC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,uBAA9F,EAAuHC,gBAAvH,CAAJ;AACAJ,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,uBAA5F,EAAqHE,cAArH,CAAJ;AACAL,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,uBAAhG,EAAyHG,kBAAzH,CAAJ;AACAN,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,uBAAlG,EAA2HI,oBAA3H,CAAJ;AACAP,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,uBAAhG,EAAyHK,kBAAzH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeQuickAccessCard from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLookAndFeel from './fixtures/look-and-feel';\nimport fixtureMassiveBattle from './fixtures/massive-battle';\nimport fixtureUploadUsers from './fixtures/upload-users';\n\ntest('Molecule › MoleculeQuickAccessCard > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeQuickAccessCard.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeQuickAccessCard.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeQuickAccessCard › Analytics › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureAnalytics);\ntest('Molecule › MoleculeQuickAccessCard › Default › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureDefault);\ntest('Molecule › MoleculeQuickAccessCard › LookAndFeel › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureLookAndFeel);\ntest('Molecule › MoleculeQuickAccessCard › MassiveBattle › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureMassiveBattle);\ntest('Molecule › MoleculeQuickAccessCard › UploadUsers › should be rendered', renderComponentMacro, MoleculeQuickAccessCard, fixtureUploadUsers);\n"],"file":"fixtures.js"}

package/es/molecule/quick-access-cards-group/test/fixtures.js

@@ -0,0 +1,21 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeQuickAccessCardsGroup from '..';
+import fixtureDefault from './fixtures/default';
+import fixtureLoading from './fixtures/loading';
+import fixtureOneCard from './fixtures/one-card';
+import fixtureThreeCards from './fixtures/three-cards';
+import fixtureTwoCards from './fixtures/two-cards';
+test('Molecule › MoleculeQuickAccessCardsGroup > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeQuickAccessCardsGroup.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeQuickAccessCardsGroup.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeQuickAccessCardsGroup › Default › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureDefault);
+test('Molecule › MoleculeQuickAccessCardsGroup › Loading › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureLoading);
+test('Molecule › MoleculeQuickAccessCardsGroup › OneCard › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureOneCard);
+test('Molecule › MoleculeQuickAccessCardsGroup › ThreeCards › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureThreeCards);
+test('Molecule › MoleculeQuickAccessCardsGroup › TwoCards › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureTwoCards);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/quick-access-cards-group/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/quick-access-cards-group/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeQuickAccessCardsGroup","fixtureDefault","fixtureLoading","fixtureOneCard","fixtureThreeCards","fixtureTwoCards","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,6BAAP,MAA0C,IAA1C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,eAAP,MAA4B,sBAA5B;AAEAR,IAAI,CAAC,wEAAD,EAA2ES,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,6BAA6B,CAACQ,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIC,cAAjI,CAAJ;AACAJ,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIE,cAAjI,CAAJ;AACAL,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIG,cAAjI,CAAJ;AACAN,IAAI,CAAC,4EAAD,EAA+EE,oBAA/E,EAAqGC,6BAArG,EAAoII,iBAApI,CAAJ;AACAP,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,6BAAnG,EAAkIK,eAAlI,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeQuickAccessCardsGroup from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureOneCard from './fixtures/one-card';\nimport fixtureThreeCards from './fixtures/three-cards';\nimport fixtureTwoCards from './fixtures/two-cards';\n\ntest('Molecule › MoleculeQuickAccessCardsGroup > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeQuickAccessCardsGroup.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeQuickAccessCardsGroup.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeQuickAccessCardsGroup › Default › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureDefault);\ntest('Molecule › MoleculeQuickAccessCardsGroup › Loading › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureLoading);\ntest('Molecule › MoleculeQuickAccessCardsGroup › OneCard › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureOneCard);\ntest('Molecule › MoleculeQuickAccessCardsGroup › ThreeCards › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureThreeCards);\ntest('Molecule › MoleculeQuickAccessCardsGroup › TwoCards › should be rendered', renderComponentMacro, MoleculeQuickAccessCardsGroup, fixtureTwoCards);\n"],"file":"fixtures.js"}

package/es/molecule/select-multiple/index.js

@@ -7,9 +7,7 @@ import _map from "lodash/fp/map";
 
 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; }
-
-import React from 'react';
+import React, { useState, useEffect, useRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { NovaCompositionNavigationArrowDown as ArrowDown } from '@coorpacademy/nova-icons';
@@ -22,155 +20,124 @@ const themeStyle = {
   cockpit: style.cockpit,
   sidebar: style.sidebar
 };
+export const useChoices = options => {
+  const choicesRef = useRef(options);
 
-class SelectMultiple extends React.Component {
-  constructor(props) {
-    super(props);
-
-    _defineProperty(this, "handleOnClick", e => {
-      const {
-        opened
-      } = this.state;
-      e.preventDefault();
-      e.stopPropagation();
-      this.setState({
-        opened: !opened
-      });
-    });
-
-    _defineProperty(this, "closeHandle", e => {
-      if (this.node && !this.node.contains(e.target)) {
-        this.setState({
-          opened: false
-        });
-      }
-    });
-
-    _defineProperty(this, "handleChange", choice => {
-      const {
-        multiple,
-        onChange
-      } = this.props; // if multiple prop is turned on
-      // we return all selected choices
-
-      if (multiple) {
-        this.choices = choice;
-        return onChange(this.choices);
-      }
-
-      return onChange(choice);
-    });
-
-    this.state = {
-      opened: false
-    };
-    this.node = null;
+  const getChoices = () => {
+    return choicesRef.current;
+  };
 
-    this.setNode = el => this.node = el;
-  }
+  const setChoices = choice => {
+    const choices = _set(`[${choice.i}].selected`, !choice.selected, getChoices());
 
-  componentDidMount() {
-    if (typeof document !== 'undefined') {
-      document.addEventListener('click', this.closeHandle);
-      document.addEventListener('touchstart', this.closeHandle);
-    }
-  }
+    choicesRef.current = choices.filter(c => c.selected);
+  };
 
-  componentWillUnmount() {
-    if (typeof document !== 'undefined') {
-      document.removeEventListener('click', this.closeHandle);
-      document.removeEventListener('touchstart', this.closeHandle);
+  return [getChoices, setChoices];
+};
+
+const SelectMultiple = ({
+  title,
+  options,
+  theme,
+  placeholder,
+  description,
+  multiple,
+  onChange,
+  modified = false,
+  required = false,
+  error = false
+}, {
+  skin
+}) => {
+  const [isOpened, updateIsOpened] = useState(false);
+  const [getChoices, setChoices] = useChoices(options);
+  const nodeRef = useRef(null);
+
+  const defaultColor = _get('common.primary', skin);
+
+  const black = _get('common.black', skin);
+
+  const handleOnClick = useCallback(e => {
+    e.preventDefault();
+    e.stopPropagation();
+    updateIsOpened(prev => !prev);
+  }, []);
+  const closeHandle = useCallback(e => {
+    if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {
+      updateIsOpened(false);
     }
-  }
-
-  set choices(choice) {
-    const choices = _set(`[${choice.i}].selected`, !choice.selected, this._choices);
-
-    this._choices = choices.filter(c => c.selected);
-  }
-
-  get choices() {
-    return this._choices;
-  }
-
-  render() {
-    const {
-      skin
-    } = this.context;
-
-    const defaultColor = _get('common.primary', skin);
-
-    const black = _get('common.black', skin);
-
-    const {
-      title,
-      options,
-      theme,
-      placeholder,
-      description,
-      modified = false,
-      required = false,
-      error = false
-    } = this.props;
-    const {
-      opened
-    } = this.state;
-    this._choices = options;
-
-    const lines = _map.convert({
-      cap: false
-    })((choice, i) => {
-      return /*#__PURE__*/React.createElement("li", {
-        key: i,
-        className: style.choice
-      }, /*#__PURE__*/React.createElement(TitledCheckbox, {
-        onToggle: this.handleChange,
-        choice: _extends(_extends({}, choice), {}, {
-          i
-        }),
-        background: defaultColor
-      }));
-    }, options);
-
-    const selection = _pipe(_filter({
-      selected: true
-    }), _map('name'), _join(', '))(options);
-
-    const _title = title && `${title}${required ? ' *' : ''}`;
-
-    const titleView = title ? /*#__PURE__*/React.createElement("span", {
-      className: style.title
-    }, _title, " ") : null;
-    const isActive = opened === true;
-    const mainClass = theme ? themeStyle[theme] : style.default;
-    const behaviourClassName = getClassState(style.default, style.modified, style.error, modified, error);
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames(mainClass, behaviourClassName),
-      ref: this.setNode
-    }, /*#__PURE__*/React.createElement("label", null, titleView, /*#__PURE__*/React.createElement("div", {
-      className: style.select,
-      title: selection || placeholder,
-      onClick: this.handleOnClick
-    }, selection || placeholder, /*#__PURE__*/React.createElement(ArrowDown, {
-      color: black,
-      className: classnames(style.arrow, {
-        [style.down]: isActive
-      })
-    })), /*#__PURE__*/React.createElement("div", {
-      className: isActive ? style.activeChoices : style.choices
-    }, /*#__PURE__*/React.createElement("ul", {
-      className: style.list
-    }, lines))), /*#__PURE__*/React.createElement("div", {
-      className: style.description
-    }, description));
-  }
-
-}
-
-_defineProperty(SelectMultiple, "contextTypes", {
-  skin: Provider.childContextTypes.skin
-});
+  }, []);
+  const handleChange = useCallback(choice => {
+    // if multiple prop is turned on
+    // we return all selected choices
+    if (multiple) {
+      setChoices(choice);
+      return onChange(getChoices());
+    }
+
+    return onChange(choice);
+  }, [setChoices, multiple, onChange]);
+  useEffect(() => {
+    document.addEventListener('click', closeHandle);
+    document.addEventListener('touchstart', closeHandle);
+    return () => {
+      document.removeEventListener('click', closeHandle);
+      document.removeEventListener('touchstart', closeHandle);
+    };
+  }, [closeHandle]);
+
+  const lines = _map.convert({
+    cap: false
+  })((choice, i) => {
+    return /*#__PURE__*/React.createElement("li", {
+      key: i,
+      className: style.choice
+    }, /*#__PURE__*/React.createElement(TitledCheckbox, {
+      onToggle: handleChange,
+      choice: _extends(_extends({}, choice), {}, {
+        i
+      }),
+      background: defaultColor
+    }));
+  }, options);
+
+  const selection = _pipe(_filter({
+    selected: true
+  }), _map('name'), _join(', '))(options);
+
+  const _title = title && `${title}${required ? ' *' : ''}`;
+
+  const titleView = title ? /*#__PURE__*/React.createElement("span", {
+    className: style.title
+  }, _title, " ") : null;
+  const isActive = isOpened === true;
+  const mainClass = theme ? themeStyle[theme] : style.default;
+  const behaviourClassName = getClassState(style.default, style.modified, style.error, modified, error);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(mainClass, behaviourClassName),
+    ref: nodeRef
+  }, /*#__PURE__*/React.createElement("label", null, titleView, /*#__PURE__*/React.createElement("div", {
+    className: style.select,
+    title: selection || placeholder,
+    onClick: handleOnClick
+  }, selection || placeholder, /*#__PURE__*/React.createElement(ArrowDown, {
+    color: black,
+    className: classnames(style.arrow, {
+      [style.down]: isActive
+    })
+  })), /*#__PURE__*/React.createElement("div", {
+    className: isActive ? style.activeChoices : style.choices
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: style.list
+  }, lines))), /*#__PURE__*/React.createElement("div", {
+    className: style.description
+  }, description));
+};
 
+SelectMultiple.contextTypes = {
+  skin: Provider.childContextTypes.skin
+};
 SelectMultiple.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   placeholder: PropTypes.string,

package/es/molecule/select-multiple/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/select-multiple/index.js"],"names":["React","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","TitledCheckbox","Provider","getClassState","style","themeStyle","setup","cockpit","sidebar","SelectMultiple","Component","constructor","props","e","opened","state","preventDefault","stopPropagation","setState","node","contains","target","choice","multiple","onChange","choices","setNode","el","componentDidMount","document","addEventListener","closeHandle","componentWillUnmount","removeEventListener","i","selected","_choices","filter","c","render","skin","context","defaultColor","black","title","options","theme","placeholder","description","modified","required","error","lines","convert","cap","handleChange","selection","_title","titleView","isActive","mainClass","default","behaviourClassName","select","handleOnClick","arrow","down","activeChoices","list","childContextTypes","propTypes","string","arrayOf","func","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {map, pipe, join, filter, get, set} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport TitledCheckbox from '../titled-checkbox';\nimport Provider from '../../atom/provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  cockpit: style.cockpit,\n  sidebar: style.sidebar\n};\n\nclass SelectMultiple extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    placeholder: PropTypes.string,\n    description: PropTypes.string,\n    options: PropTypes.arrayOf(TitledCheckbox.propTypes.choice),\n    onChange: PropTypes.func,\n    multiple: PropTypes.bool,\n    theme: PropTypes.string,\n    modified: PropTypes.bool,\n    required: PropTypes.bool,\n    error: PropTypes.bool\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      opened: false\n    };\n\n    this.node = null;\n    this.setNode = el => (this.node = el);\n  }\n\n  componentDidMount() {\n    if (typeof document !== 'undefined') {\n      document.addEventListener('click', this.closeHandle);\n      document.addEventListener('touchstart', this.closeHandle);\n    }\n  }\n\n  componentWillUnmount() {\n    if (typeof document !== 'undefined') {\n      document.removeEventListener('click', this.closeHandle);\n      document.removeEventListener('touchstart', this.closeHandle);\n    }\n  }\n\n  handleOnClick = e => {\n    const {opened} = this.state;\n    e.preventDefault();\n    e.stopPropagation();\n\n    this.setState({opened: !opened});\n  };\n\n  closeHandle = e => {\n    if (this.node && !this.node.contains(e.target)) {\n      this.setState({opened: false});\n    }\n  };\n\n  set choices(choice) {\n    const choices = set(`[${choice.i}].selected`, !choice.selected, this._choices);\n\n    this._choices = choices.filter(c => c.selected);\n  }\n\n  get choices() {\n    return this._choices;\n  }\n\n  handleChange = choice => {\n    const {multiple, onChange} = this.props;\n    // if multiple prop is turned on\n    // we return all selected choices\n    if (multiple) {\n      this.choices = choice;\n\n      return onChange(this.choices);\n    }\n\n    return onChange(choice);\n  };\n\n  render() {\n    const {skin} = this.context;\n    const defaultColor = get('common.primary', skin);\n    const black = get('common.black', skin);\n    const {\n      title,\n      options,\n      theme,\n      placeholder,\n      description,\n      modified = false,\n      required = false,\n      error = false\n    } = this.props;\n    const {opened} = this.state;\n\n    this._choices = options;\n\n    const lines = map.convert({cap: false})((choice, i) => {\n      return (\n        <li key={i} className={style.choice}>\n          <TitledCheckbox\n            onToggle={this.handleChange}\n            choice={{...choice, i}}\n            background={defaultColor}\n          />\n        </li>\n      );\n    }, options);\n    const selection = pipe(filter({selected: true}), map('name'), join(', '))(options);\n\n    const _title = title && `${title}${required ? ' *' : ''}`;\n\n    const titleView = title ? <span className={style.title}>{_title} </span> : null;\n    const isActive = opened === true;\n    const mainClass = theme ? themeStyle[theme] : style.default;\n    const behaviourClassName = getClassState(\n      style.default,\n      style.modified,\n      style.error,\n      modified,\n      error\n    );\n\n    return (\n      <div className={classnames(mainClass, behaviourClassName)} ref={this.setNode}>\n        <label>\n          {titleView}\n          <div\n            className={style.select}\n            title={selection || placeholder}\n            onClick={this.handleOnClick}\n          >\n            {selection || placeholder}\n            <ArrowDown\n              color={black}\n              className={classnames(style.arrow, {[style.down]: isActive})}\n            />\n          </div>\n          <div className={isActive ? style.activeChoices : style.choices}>\n            <ul className={style.list}>{lines}</ul>\n          </div>\n        </label>\n        <div className={style.description}>{description}</div>\n      </div>\n    );\n  }\n}\n\nexport default SelectMultiple;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/select-multiple/index.js"],"names":["React","useState","useEffect","useRef","useCallback","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","TitledCheckbox","Provider","getClassState","style","themeStyle","setup","cockpit","sidebar","useChoices","options","choicesRef","getChoices","current","setChoices","choice","choices","i","selected","filter","c","SelectMultiple","title","theme","placeholder","description","multiple","onChange","modified","required","error","skin","isOpened","updateIsOpened","nodeRef","defaultColor","black","handleOnClick","e","preventDefault","stopPropagation","prev","closeHandle","contains","target","handleChange","document","addEventListener","removeEventListener","lines","convert","cap","selection","_title","titleView","isActive","mainClass","default","behaviourClassName","select","arrow","down","activeChoices","list","contextTypes","childContextTypes","propTypes","string","arrayOf","func","bool"],"mappings":"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","sourcesContent":["import React, {useState, useEffect, useRef, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {map, pipe, join, filter, get, set} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport TitledCheckbox from '../titled-checkbox';\nimport Provider from '../../atom/provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  cockpit: style.cockpit,\n  sidebar: style.sidebar\n};\n\nexport const useChoices = options => {\n  const choicesRef = useRef(options);\n\n  const getChoices = () => {\n    return choicesRef.current;\n  };\n\n  const setChoices = choice => {\n    const choices = set(`[${choice.i}].selected`, !choice.selected, getChoices());\n\n    choicesRef.current = choices.filter(c => c.selected);\n  };\n\n  return [getChoices, setChoices];\n};\n\nconst SelectMultiple = (\n  {\n    title,\n    options,\n    theme,\n    placeholder,\n    description,\n    multiple,\n    onChange,\n    modified = false,\n    required = false,\n    error = false\n  },\n  {skin}\n) => {\n  const [isOpened, updateIsOpened] = useState(false);\n  const [getChoices, setChoices] = useChoices(options);\n  const nodeRef = useRef(null);\n\n  const defaultColor = get('common.primary', skin);\n  const black = get('common.black', skin);\n\n  const handleOnClick = useCallback(e => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    updateIsOpened(prev => !prev);\n  }, []);\n\n  const closeHandle = useCallback(e => {\n    if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n      updateIsOpened(false);\n    }\n  }, []);\n\n  const handleChange = useCallback(\n    choice => {\n      // if multiple prop is turned on\n      // we return all selected choices\n      if (multiple) {\n        setChoices(choice);\n\n        return onChange(getChoices());\n      }\n\n      return onChange(choice);\n    },\n    [setChoices, multiple, onChange]\n  );\n\n  useEffect(() => {\n    document.addEventListener('click', closeHandle);\n    document.addEventListener('touchstart', closeHandle);\n\n    return () => {\n      document.removeEventListener('click', closeHandle);\n      document.removeEventListener('touchstart', closeHandle);\n    };\n  }, [closeHandle]);\n\n  const lines = map.convert({cap: false})((choice, i) => {\n    return (\n      <li key={i} className={style.choice}>\n        <TitledCheckbox onToggle={handleChange} choice={{...choice, i}} background={defaultColor} />\n      </li>\n    );\n  }, options);\n\n  const selection = pipe(filter({selected: true}), map('name'), join(', '))(options);\n\n  const _title = title && `${title}${required ? ' *' : ''}`;\n\n  const titleView = title ? <span className={style.title}>{_title} </span> : null;\n  const isActive = isOpened === true;\n  const mainClass = theme ? themeStyle[theme] : style.default;\n  const behaviourClassName = getClassState(\n    style.default,\n    style.modified,\n    style.error,\n    modified,\n    error\n  );\n\n  return (\n    <div className={classnames(mainClass, behaviourClassName)} ref={nodeRef}>\n      <label>\n        {titleView}\n        <div className={style.select} title={selection || placeholder} onClick={handleOnClick}>\n          {selection || placeholder}\n          <ArrowDown color={black} className={classnames(style.arrow, {[style.down]: isActive})} />\n        </div>\n        <div className={isActive ? style.activeChoices : style.choices}>\n          <ul className={style.list}>{lines}</ul>\n        </div>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nSelectMultiple.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelectMultiple.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  description: PropTypes.string,\n  options: PropTypes.arrayOf(TitledCheckbox.propTypes.choice),\n  onChange: PropTypes.func,\n  multiple: PropTypes.bool,\n  theme: PropTypes.string,\n  modified: PropTypes.bool,\n  required: PropTypes.bool,\n  error: PropTypes.bool\n};\n\nexport default SelectMultiple;\n"],"file":"index.js"}

package/es/molecule/select-multiple/test/index.js

@@ -2,58 +2,29 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import browserEnv from 'browser-env';
 import test from 'ava';
+import flatten from 'lodash/fp/flatten';
 import React from 'react';
 import { mount, configure } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
-import SelectMultiple from '..';
+import SelectMultiple, { useChoices } from '..';
 import defaultFixture from './fixtures/checked';
 browserEnv();
 configure({
   adapter: new Adapter()
 });
-test('should open and close list', t => {
-  t.plan(8);
-  const clickEvent = {
-    preventDefault: () => t.pass(),
-    stopPropagation: () => t.pass()
-  };
-  const props = defaultFixture.props;
-  const wrapper = mount( /*#__PURE__*/React.createElement(SelectMultiple, props));
-  const selectWrapper = wrapper.find('.select-multiple__select');
-  t.is(wrapper.state().opened, false);
-  t.is(selectWrapper.exists(), true);
-  selectWrapper.simulate('click', clickEvent);
-  t.is(wrapper.state().opened, true);
-  selectWrapper.simulate('click', clickEvent);
-  t.is(wrapper.state().opened, false);
-});
-test('should select choice', t => {
-  t.plan(8);
-  const clickEvent = {
-    preventDefault: () => t.pass(),
-    stopPropagation: () => t.pass()
+
+const setup = options => {
+  const returnVal = [];
+
+  const TestComponent = () => {
+    returnVal.push(useChoices(options));
+    return null;
   };
 
-  const props = _extends(_extends({}, defaultFixture.props), {}, {
-    onChange: evt => {
-      t.is(evt.value, 'digital');
-      t.pass();
-    }
-  });
+  mount( /*#__PURE__*/React.createElement(TestComponent, null));
+  return flatten(returnVal);
+};
 
-  const wrapper = mount( /*#__PURE__*/React.createElement(SelectMultiple, props));
-  const selectWrapper = wrapper.find('.select-multiple__select');
-  wrapper.update();
-  t.is(wrapper.state().opened, false);
-  t.is(selectWrapper.exists(), true);
-  selectWrapper.simulate('click', clickEvent);
-  wrapper.update();
-  t.is(wrapper.state().opened, true);
-  const checkbox = wrapper.find('[checked=false]').first();
-  checkbox.simulate('change');
-  t.is(wrapper.state().opened, true);
-  wrapper.update();
-});
 test('should select array of choices when props.multiple is set', t => {
   t.plan(2);
 
@@ -72,51 +43,21 @@ test('should select array of choices when props.multiple is set', t => {
     props
   });
 });
-test('should click outside', t => {
-  t.plan(10);
-  const clickEvent = {
-    preventDefault: () => t.pass(),
-    stopPropagation: () => t.pass()
-  };
-  const props = defaultFixture.props;
-  const wrapper = mount( /*#__PURE__*/React.createElement(SelectMultiple, props));
-  const selectWrapper = wrapper.find('.select-multiple__select');
-  const instance = wrapper.instance();
-  wrapper.update();
-  t.is(wrapper.state().opened, false);
-  t.is(selectWrapper.exists(), true);
-  selectWrapper.simulate('click', clickEvent);
-  wrapper.update();
-  t.is(wrapper.state().opened, true);
-  instance.closeHandle({
-    target: null
-  });
-  t.is(wrapper.state().opened, false);
-  selectWrapper.simulate('click', clickEvent);
-  wrapper.update();
-  t.is(wrapper.state().opened, true);
-  instance.closeHandle({
-    target: selectWrapper.getDOMNode()
-  });
-  t.is(wrapper.state().opened, true);
-  wrapper.update();
-  wrapper.unmount();
-});
 test('should return choices (getter)', t => {
   const props = _extends({}, defaultFixture.props);
 
-  const wrapper = mount( /*#__PURE__*/React.createElement(SelectMultiple, props));
-  t.is(wrapper.instance().choices.length, 4, 'not returning expected choices');
+  const [getChoices] = setup(props.options);
+  t.is(getChoices().length, 4, 'not returning expected choices');
 });
 test('should set current choice (setter)', t => {
   const props = _extends({}, defaultFixture.props);
 
-  const wrapper = mount( /*#__PURE__*/React.createElement(SelectMultiple, props));
-  const instance = wrapper.instance();
-  t.is(instance.choices[0].selected, false, 'not setting correctly expected value for choice[0]');
-  instance.choices = _extends(_extends({}, props.options[0]), {}, {
+  const [getChoices, setChoices] = setup(props.options);
+  const choices = getChoices();
+  t.is(choices[0].selected, false, 'not setting correctly expected value for choice[0]');
+  setChoices(_extends(_extends({}, props.options[0]), {}, {
     i: 0
-  });
-  t.is(instance.choices[0].selected, true, 'not updating correctly expected value for choice[0]');
+  }));
+  t.is(getChoices()[0].selected, true, 'not updating correctly expected value for choice[0]');
 });
 //# sourceMappingURL=index.js.map