@coorpacademy/components 10.1.4 → 10.1.8

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

@@ -0,0 +1,28 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _dangerous = _interopRequireDefault(require("./fixtures/dangerous"));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _warningWithClose = _interopRequireDefault(require("./fixtures/warning-with-close"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeCmPopin > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeCmPopin.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeCmPopin › Dangerous › should be rendered', _renderComponent.default, _.default, _dangerous.default);
+(0, _ava.default)('Molecule › MoleculeCmPopin › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Molecule › MoleculeCmPopin › WarningWithClose › should be rendered', _renderComponent.default, _.default, _warningWithClose.default);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/cm-popin/test/fixtures.js"],"names":["t","pass","MoleculeCmPopin","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDangerous","fixtureDefault","fixtureWarningWithClose"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,0DAAL,EAAiEA,CAAC,IAAI;AACpEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAgBC,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,oDAAmDF,GAAI,mEAAhF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,6DAAL,EAAoEG,wBAApE,EAA0FN,SAA1F,EAA2GO,kBAA3G;AACA,kBAAK,2DAAL,EAAkED,wBAAlE,EAAwFN,SAAxF,EAAyGQ,gBAAzG;AACA,kBAAK,oEAAL,EAA2EF,wBAA3E,EAAiGN,SAAjG,EAAkHS,yBAAlH","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/lib/molecule/coorp-manager-roles/test/fixtures.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeCoorpManagerRoles > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeCoorpManagerRoles.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeCoorpManagerRoles › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/coorp-manager-roles/test/fixtures.js"],"names":["t","pass","MoleculeCoorpManagerRoles","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,oEAAL,EAA2EA,CAAC,IAAI;AAC9EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA0BC,SAAlC,EAA6C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,8DAA6DF,GAAI,mEAA1F;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,qEAAL,EAA4EG,wBAA5E,EAAkGN,SAAlG,EAA6HO,gBAA7H","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/lib/molecule/popin/test/fixtures.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _assistance = _interopRequireDefault(require("./fixtures/assistance"));
+
+var _backgroundNoSecondButton = _interopRequireDefault(require("./fixtures/background-no-second-button"));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _loading = _interopRequireDefault(require("./fixtures/loading"));
+
+var _videoTranslate = _interopRequireDefault(require("./fixtures/video-translate"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculePopin > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculePopin.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculePopin › Assistance › should be rendered', _renderComponent.default, _.default, _assistance.default);
+(0, _ava.default)('Molecule › MoleculePopin › BackgroundNoSecondButton › should be rendered', _renderComponent.default, _.default, _backgroundNoSecondButton.default);
+(0, _ava.default)('Molecule › MoleculePopin › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Molecule › MoleculePopin › Loading › should be rendered', _renderComponent.default, _.default, _loading.default);
+(0, _ava.default)('Molecule › MoleculePopin › VideoTranslate › should be rendered', _renderComponent.default, _.default, _videoTranslate.default);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/popin/test/fixtures.js"],"names":["t","pass","MoleculePopin","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAssistance","fixtureBackgroundNoSecondButton","fixtureDefault","fixtureLoading","fixtureVideoTranslate"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wDAAL,EAA+DA,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAcC,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,4DAAL,EAAmEG,wBAAnE,EAAyFN,SAAzF,EAAwGO,mBAAxG;AACA,kBAAK,0EAAL,EAAiFD,wBAAjF,EAAuGN,SAAvG,EAAsHQ,iCAAtH;AACA,kBAAK,yDAAL,EAAgEF,wBAAhE,EAAsFN,SAAtF,EAAqGS,gBAArG;AACA,kBAAK,yDAAL,EAAgEH,wBAAhE,EAAsFN,SAAtF,EAAqGU,gBAArG;AACA,kBAAK,gEAAL,EAAuEJ,wBAAvE,EAA6FN,SAA7F,EAA4GW,uBAA5G","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/lib/molecule/quick-access-card/test/fixtures.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _analytics = _interopRequireDefault(require("./fixtures/analytics"));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _lookAndFeel = _interopRequireDefault(require("./fixtures/look-and-feel"));
+
+var _massiveBattle = _interopRequireDefault(require("./fixtures/massive-battle"));
+
+var _uploadUsers = _interopRequireDefault(require("./fixtures/upload-users"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeQuickAccessCard > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeQuickAccessCard.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeQuickAccessCard › Analytics › should be rendered', _renderComponent.default, _.default, _analytics.default);
+(0, _ava.default)('Molecule › MoleculeQuickAccessCard › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Molecule › MoleculeQuickAccessCard › LookAndFeel › should be rendered', _renderComponent.default, _.default, _lookAndFeel.default);
+(0, _ava.default)('Molecule › MoleculeQuickAccessCard › MassiveBattle › should be rendered', _renderComponent.default, _.default, _massiveBattle.default);
+(0, _ava.default)('Molecule › MoleculeQuickAccessCard › UploadUsers › should be rendered', _renderComponent.default, _.default, _uploadUsers.default);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/quick-access-card/test/fixtures.js"],"names":["t","pass","MoleculeQuickAccessCard","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAnalytics","fixtureDefault","fixtureLookAndFeel","fixtureMassiveBattle","fixtureUploadUsers"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,kEAAL,EAAyEA,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAwBC,SAAhC,EAA2C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,qEAAL,EAA4EG,wBAA5E,EAAkGN,SAAlG,EAA2HO,kBAA3H;AACA,kBAAK,mEAAL,EAA0ED,wBAA1E,EAAgGN,SAAhG,EAAyHQ,gBAAzH;AACA,kBAAK,uEAAL,EAA8EF,wBAA9E,EAAoGN,SAApG,EAA6HS,oBAA7H;AACA,kBAAK,yEAAL,EAAgFH,wBAAhF,EAAsGN,SAAtG,EAA+HU,sBAA/H;AACA,kBAAK,uEAAL,EAA8EJ,wBAA9E,EAAoGN,SAApG,EAA6HW,oBAA7H","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/lib/molecule/quick-access-cards-group/test/fixtures.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _loading = _interopRequireDefault(require("./fixtures/loading"));
+
+var _oneCard = _interopRequireDefault(require("./fixtures/one-card"));
+
+var _threeCards = _interopRequireDefault(require("./fixtures/three-cards"));
+
+var _twoCards = _interopRequireDefault(require("./fixtures/two-cards"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeQuickAccessCardsGroup > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeQuickAccessCardsGroup.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeQuickAccessCardsGroup › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Molecule › MoleculeQuickAccessCardsGroup › Loading › should be rendered', _renderComponent.default, _.default, _loading.default);
+(0, _ava.default)('Molecule › MoleculeQuickAccessCardsGroup › OneCard › should be rendered', _renderComponent.default, _.default, _oneCard.default);
+(0, _ava.default)('Molecule › MoleculeQuickAccessCardsGroup › ThreeCards › should be rendered', _renderComponent.default, _.default, _threeCards.default);
+(0, _ava.default)('Molecule › MoleculeQuickAccessCardsGroup › TwoCards › should be rendered', _renderComponent.default, _.default, _twoCards.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/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":["t","pass","MoleculeQuickAccessCardsGroup","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureLoading","fixtureOneCard","fixtureThreeCards","fixtureTwoCards"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wEAAL,EAA+EA,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA8BC,SAAtC,EAAiD,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,yEAAL,EAAgFG,wBAAhF,EAAsGN,SAAtG,EAAqIO,gBAArI;AACA,kBAAK,yEAAL,EAAgFD,wBAAhF,EAAsGN,SAAtG,EAAqIQ,gBAArI;AACA,kBAAK,yEAAL,EAAgFF,wBAAhF,EAAsGN,SAAtG,EAAqIS,gBAArI;AACA,kBAAK,4EAAL,EAAmFH,wBAAnF,EAAyGN,SAAzG,EAAwIU,mBAAxI;AACA,kBAAK,0EAAL,EAAiFJ,wBAAjF,EAAuGN,SAAvG,EAAsIW,iBAAtI","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/lib/molecule/select-multiple/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = void 0;
+exports.default = exports.useChoices = void 0;
 
 var _set2 = _interopRequireDefault(require("lodash/fp/set"));
 
@@ -15,7 +15,7 @@ var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
 
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -31,162 +31,136 @@ var _getClassState = _interopRequireDefault(require("../../util/get-class-state"
 
 var _style = _interopRequireDefault(require("./style.css"));
 
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
-
 const themeStyle = {
   setup: _style.default.setup,
   cockpit: _style.default.cockpit,
   sidebar: _style.default.sidebar
 };
 
-class SelectMultiple extends _react.default.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 useChoices = options => {
+  const choicesRef = (0, _react.useRef)(options);
 
-    this.setNode = el => this.node = el;
-  }
+  const getChoices = () => {
+    return choicesRef.current;
+  };
 
-  componentDidMount() {
-    if (typeof document !== 'undefined') {
-      document.addEventListener('click', this.closeHandle);
-      document.addEventListener('touchstart', this.closeHandle);
-    }
-  }
+  const setChoices = choice => {
+    const choices = (0, _set2.default)(`[${choice.i}].selected`, !choice.selected, getChoices());
+    choicesRef.current = choices.filter(c => c.selected);
+  };
+
+  return [getChoices, setChoices];
+};
 
-  componentWillUnmount() {
-    if (typeof document !== 'undefined') {
-      document.removeEventListener('click', this.closeHandle);
-      document.removeEventListener('touchstart', this.closeHandle);
+exports.useChoices = useChoices;
+
+const SelectMultiple = ({
+  title,
+  options,
+  theme,
+  placeholder,
+  description,
+  multiple,
+  onChange,
+  modified = false,
+  required = false,
+  error = false
+}, {
+  skin
+}) => {
+  const [isOpened, updateIsOpened] = (0, _react.useState)(false);
+  const [getChoices, setChoices] = useChoices(options);
+  const nodeRef = (0, _react.useRef)(null);
+  const defaultColor = (0, _get2.default)('common.primary', skin);
+  const black = (0, _get2.default)('common.black', skin);
+  const handleOnClick = (0, _react.useCallback)(e => {
+    e.preventDefault();
+    e.stopPropagation();
+    updateIsOpened(prev => !prev);
+  }, []);
+  const closeHandle = (0, _react.useCallback)(e => {
+    if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {
+      updateIsOpened(false);
+    }
+  }, []);
+  const handleChange = (0, _react.useCallback)(choice => {
+    // if multiple prop is turned on
+    // we return all selected choices
+    if (multiple) {
+      setChoices(choice);
+      return onChange(getChoices());
     }
-  }
-
-  set choices(choice) {
-    const choices = (0, _set2.default)(`[${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 = (0, _get2.default)('common.primary', skin);
-    const black = (0, _get2.default)('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 = _map2.default.convert({
-      cap: false
-    })((choice, i) => {
-      return /*#__PURE__*/_react.default.createElement("li", {
-        key: i,
-        className: _style.default.choice
-      }, /*#__PURE__*/_react.default.createElement(_titledCheckbox.default, {
-        onToggle: this.handleChange,
-        choice: _extends(_extends({}, choice), {}, {
-          i
-        }),
-        background: defaultColor
-      }));
-    }, options);
-
-    const selection = (0, _pipe2.default)((0, _filter2.default)({
-      selected: true
-    }), (0, _map2.default)('name'), (0, _join2.default)(', '))(options);
-
-    const _title = title && `${title}${required ? ' *' : ''}`;
-
-    const titleView = title ? /*#__PURE__*/_react.default.createElement("span", {
-      className: _style.default.title
-    }, _title, " ") : null;
-    const isActive = opened === true;
-    const mainClass = theme ? themeStyle[theme] : _style.default.default;
-    const behaviourClassName = (0, _getClassState.default)(_style.default.default, _style.default.modified, _style.default.error, modified, error);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(mainClass, behaviourClassName),
-      ref: this.setNode
-    }, /*#__PURE__*/_react.default.createElement("label", null, titleView, /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.select,
-      title: selection || placeholder,
-      onClick: this.handleOnClick
-    }, selection || placeholder, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
-      color: black,
-      className: (0, _classnames.default)(_style.default.arrow, {
-        [_style.default.down]: isActive
-      })
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: isActive ? _style.default.activeChoices : _style.default.choices
-    }, /*#__PURE__*/_react.default.createElement("ul", {
-      className: _style.default.list
-    }, lines))), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.description
-    }, description));
-  }
-
-}
-
-_defineProperty(SelectMultiple, "contextTypes", {
-  skin: _provider.default.childContextTypes.skin
-});
 
+    return onChange(choice);
+  }, [setChoices, multiple, onChange]);
+  (0, _react.useEffect)(() => {
+    document.addEventListener('click', closeHandle);
+    document.addEventListener('touchstart', closeHandle);
+    return () => {
+      document.removeEventListener('click', closeHandle);
+      document.removeEventListener('touchstart', closeHandle);
+    };
+  }, [closeHandle]);
+
+  const lines = _map2.default.convert({
+    cap: false
+  })((choice, i) => {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: i,
+      className: _style.default.choice
+    }, /*#__PURE__*/_react.default.createElement(_titledCheckbox.default, {
+      onToggle: handleChange,
+      choice: _extends(_extends({}, choice), {}, {
+        i
+      }),
+      background: defaultColor
+    }));
+  }, options);
+
+  const selection = (0, _pipe2.default)((0, _filter2.default)({
+    selected: true
+  }), (0, _map2.default)('name'), (0, _join2.default)(', '))(options);
+
+  const _title = title && `${title}${required ? ' *' : ''}`;
+
+  const titleView = title ? /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.title
+  }, _title, " ") : null;
+  const isActive = isOpened === true;
+  const mainClass = theme ? themeStyle[theme] : _style.default.default;
+  const behaviourClassName = (0, _getClassState.default)(_style.default.default, _style.default.modified, _style.default.error, modified, error);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(mainClass, behaviourClassName),
+    ref: nodeRef
+  }, /*#__PURE__*/_react.default.createElement("label", null, titleView, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.select,
+    title: selection || placeholder,
+    onClick: handleOnClick
+  }, selection || placeholder, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
+    color: black,
+    className: (0, _classnames.default)(_style.default.arrow, {
+      [_style.default.down]: isActive
+    })
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: isActive ? _style.default.activeChoices : _style.default.choices
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    className: _style.default.list
+  }, lines))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.description
+  }, description));
+};
+
+SelectMultiple.contextTypes = {
+  skin: _provider.default.childContextTypes.skin
+};
 SelectMultiple.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   placeholder: _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/select-multiple/index.js"],"names":["themeStyle","setup","style","cockpit","sidebar","SelectMultiple","React","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","Provider","childContextTypes","propTypes","PropTypes","string","arrayOf","TitledCheckbox","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":["themeStyle","setup","style","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","Provider","childContextTypes","propTypes","PropTypes","string","arrayOf","TitledCheckbox","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"}