@coorpacademy/components 10.1.14 → 10.2.2

package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme-disabled.js

@@ -0,0 +1,37 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    theme: 'coorpmanager',
+    placeholder: 'Select language(s)',
+    title: 'Input Name',
+    description: 'You should select a language',
+    multiple: false,
+    disabled: true,
+    error: '',
+    hint: 'Hint',
+    options: [{
+      name: '🇬🇧 English',
+      value: 'en',
+      selected: true
+    }, {
+      name: '🇩🇪 German',
+      value: 'de',
+      selected: false
+    }, {
+      name: '🇹🇭 Thai',
+      value: 'th',
+      selected: false
+    }, {
+      name: '🇪🇸 Spanish',
+      value: 'es',
+      selected: false
+    }],
+    onChange: value => console.log('onChange', value),
+    onError: () => true
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=checked-cm-theme-disabled.js.map

package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme-disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/select-multiple/test/fixtures/checked-cm-theme-disabled.js"],"names":["props","theme","placeholder","title","description","multiple","disabled","error","hint","options","name","value","selected","onChange","console","log","onError"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,cADF;AAELC,IAAAA,WAAW,EAAE,oBAFR;AAGLC,IAAAA,KAAK,EAAE,YAHF;AAILC,IAAAA,WAAW,EAAE,8BAJR;AAKLC,IAAAA,QAAQ,EAAE,KALL;AAMLC,IAAAA,QAAQ,EAAE,IANL;AAOLC,IAAAA,KAAK,EAAE,EAPF;AAQLC,IAAAA,IAAI,EAAE,MARD;AASLC,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KADO,EAMP;AACEF,MAAAA,IAAI,EAAE,aADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KANO,EAWP;AACEF,MAAAA,IAAI,EAAE,WADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAXO,EAgBP;AACEF,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAhBO,CATJ;AA+BLC,IAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAY,UAAZ,EAAwBJ,KAAxB,CA/Bd;AAgCLK,IAAAA,OAAO,EAAE,MAAM;AAhCV;AADM,C","sourcesContent":["export default {\n  props: {\n    theme: 'coorpmanager',\n    placeholder: 'Select language(s)',\n    title: 'Input Name',\n    description: 'You should select a language',\n    multiple: false,\n    disabled: true,\n    error: '',\n    hint: 'Hint',\n    options: [\n      {\n        name: '🇬🇧 English',\n        value: 'en',\n        selected: true\n      },\n      {\n        name: '🇩🇪 German',\n        value: 'de',\n        selected: false\n      },\n      {\n        name: '🇹🇭 Thai',\n        value: 'th',\n        selected: false\n      },\n      {\n        name: '🇪🇸 Spanish',\n        value: 'es',\n        selected: false\n      }\n    ],\n    onChange: value => console.log('onChange', value),\n    onError: () => true\n  }\n};\n"],"file":"checked-cm-theme-disabled.js"}

package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme-error.js

@@ -0,0 +1,37 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    theme: 'coorpmanager',
+    placeholder: 'Select language(s)',
+    title: 'Input Name',
+    description: 'You should select a language',
+    multiple: false,
+    disabled: true,
+    error: 'Select at least one',
+    hint: 'Hint',
+    options: [{
+      name: '🇬🇧 English',
+      value: 'en',
+      selected: true
+    }, {
+      name: '🇩🇪 German',
+      value: 'de',
+      selected: false
+    }, {
+      name: '🇹🇭 Thai',
+      value: 'th',
+      selected: false
+    }, {
+      name: '🇪🇸 Spanish',
+      value: 'es',
+      selected: false
+    }],
+    onChange: value => console.log('onChange', value),
+    onError: () => true
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=checked-cm-theme-error.js.map

package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme-error.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/select-multiple/test/fixtures/checked-cm-theme-error.js"],"names":["props","theme","placeholder","title","description","multiple","disabled","error","hint","options","name","value","selected","onChange","console","log","onError"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,cADF;AAELC,IAAAA,WAAW,EAAE,oBAFR;AAGLC,IAAAA,KAAK,EAAE,YAHF;AAILC,IAAAA,WAAW,EAAE,8BAJR;AAKLC,IAAAA,QAAQ,EAAE,KALL;AAMLC,IAAAA,QAAQ,EAAE,IANL;AAOLC,IAAAA,KAAK,EAAE,qBAPF;AAQLC,IAAAA,IAAI,EAAE,MARD;AASLC,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KADO,EAMP;AACEF,MAAAA,IAAI,EAAE,aADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KANO,EAWP;AACEF,MAAAA,IAAI,EAAE,WADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAXO,EAgBP;AACEF,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAhBO,CATJ;AA+BLC,IAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAY,UAAZ,EAAwBJ,KAAxB,CA/Bd;AAgCLK,IAAAA,OAAO,EAAE,MAAM;AAhCV;AADM,C","sourcesContent":["export default {\n  props: {\n    theme: 'coorpmanager',\n    placeholder: 'Select language(s)',\n    title: 'Input Name',\n    description: 'You should select a language',\n    multiple: false,\n    disabled: true,\n    error: 'Select at least one',\n    hint: 'Hint',\n    options: [\n      {\n        name: '🇬🇧 English',\n        value: 'en',\n        selected: true\n      },\n      {\n        name: '🇩🇪 German',\n        value: 'de',\n        selected: false\n      },\n      {\n        name: '🇹🇭 Thai',\n        value: 'th',\n        selected: false\n      },\n      {\n        name: '🇪🇸 Spanish',\n        value: 'es',\n        selected: false\n      }\n    ],\n    onChange: value => console.log('onChange', value),\n    onError: () => true\n  }\n};\n"],"file":"checked-cm-theme-error.js"}

package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme.js

@@ -9,7 +9,7 @@ var _default = {
     title: 'Input Name',
     description: 'You should select a language',
     multiple: false,
-    disabled: false,
+    disabled: true,
     error: '',
     hint: 'Hint',
     options: [{

package/lib/molecule/select-multiple/test/fixtures/checked-cm-theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/select-multiple/test/fixtures/checked-cm-theme.js"],"names":["props","theme","placeholder","title","description","multiple","disabled","error","hint","options","name","value","selected","onChange","onError"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,cADF;AAELC,IAAAA,WAAW,EAAE,oBAFR;AAGLC,IAAAA,KAAK,EAAE,YAHF;AAILC,IAAAA,WAAW,EAAE,8BAJR;AAKLC,IAAAA,QAAQ,EAAE,KALL;AAMLC,IAAAA,QAAQ,EAAE,KANL;AAOLC,IAAAA,KAAK,EAAE,EAPF;AAQLC,IAAAA,IAAI,EAAE,MARD;AASLC,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KADO,EAMP;AACEF,MAAAA,IAAI,EAAE,aADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KANO,EAWP;AACEF,MAAAA,IAAI,EAAE,WADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAXO,EAgBP;AACEF,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAhBO,CATJ;AA+BLC,IAAAA,QAAQ,EAAE,MAAM,IA/BX;AAgCLC,IAAAA,OAAO,EAAE,MAAM;AAhCV;AADM,C","sourcesContent":["export default {\n  props: {\n    theme: 'coorpmanager',\n    placeholder: 'Select language(s)',\n    title: 'Input Name',\n    description: 'You should select a language',\n    multiple: false,\n    disabled: false,\n    error: '',\n    hint: 'Hint',\n    options: [\n      {\n        name: '🇬🇧 English',\n        value: 'en',\n        selected: true\n      },\n      {\n        name: '🇩🇪 German',\n        value: 'de',\n        selected: false\n      },\n      {\n        name: '🇹🇭 Thai',\n        value: 'th',\n        selected: false\n      },\n      {\n        name: '🇪🇸 Spanish',\n        value: 'es',\n        selected: false\n      }\n    ],\n    onChange: () => true,\n    onError: () => true\n  }\n};\n"],"file":"checked-cm-theme.js"}
+{"version":3,"sources":["../../../../../src/molecule/select-multiple/test/fixtures/checked-cm-theme.js"],"names":["props","theme","placeholder","title","description","multiple","disabled","error","hint","options","name","value","selected","onChange","onError"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,cADF;AAELC,IAAAA,WAAW,EAAE,oBAFR;AAGLC,IAAAA,KAAK,EAAE,YAHF;AAILC,IAAAA,WAAW,EAAE,8BAJR;AAKLC,IAAAA,QAAQ,EAAE,KALL;AAMLC,IAAAA,QAAQ,EAAE,IANL;AAOLC,IAAAA,KAAK,EAAE,EAPF;AAQLC,IAAAA,IAAI,EAAE,MARD;AASLC,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KADO,EAMP;AACEF,MAAAA,IAAI,EAAE,aADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KANO,EAWP;AACEF,MAAAA,IAAI,EAAE,WADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAXO,EAgBP;AACEF,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,KAAK,EAAE,IAFT;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAhBO,CATJ;AA+BLC,IAAAA,QAAQ,EAAE,MAAM,IA/BX;AAgCLC,IAAAA,OAAO,EAAE,MAAM;AAhCV;AADM,C","sourcesContent":["export default {\n  props: {\n    theme: 'coorpmanager',\n    placeholder: 'Select language(s)',\n    title: 'Input Name',\n    description: 'You should select a language',\n    multiple: false,\n    disabled: true,\n    error: '',\n    hint: 'Hint',\n    options: [\n      {\n        name: '🇬🇧 English',\n        value: 'en',\n        selected: true\n      },\n      {\n        name: '🇩🇪 German',\n        value: 'de',\n        selected: false\n      },\n      {\n        name: '🇹🇭 Thai',\n        value: 'th',\n        selected: false\n      },\n      {\n        name: '🇪🇸 Spanish',\n        value: 'es',\n        selected: false\n      }\n    ],\n    onChange: () => true,\n    onError: () => true\n  }\n};\n"],"file":"checked-cm-theme.js"}

package/lib/molecule/select-multiple/test/fixtures.js

@@ -8,10 +8,6 @@ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/ren
 
 var _ = _interopRequireDefault(require(".."));
 
-var _checkedCmThemeMultiple = _interopRequireDefault(require("./fixtures/checked-cm-theme-multiple"));
-
-var _checkedCmTheme = _interopRequireDefault(require("./fixtures/checked-cm-theme"));
-
 var _checkedCockpitTheme = _interopRequireDefault(require("./fixtures/checked-cockpit-theme"));
 
 var _checkedSetupTheme = _interopRequireDefault(require("./fixtures/checked-setup-theme"));
@@ -32,8 +28,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     t.not(value, undefined, `PropType for "Molecule.MoleculeSelectMultiple.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
-(0, _ava.default)('Molecule › MoleculeSelectMultiple › CheckedCmThemeMultiple › should be rendered', _renderComponent.default, _.default, _checkedCmThemeMultiple.default);
-(0, _ava.default)('Molecule › MoleculeSelectMultiple › CheckedCmTheme › should be rendered', _renderComponent.default, _.default, _checkedCmTheme.default);
 (0, _ava.default)('Molecule › MoleculeSelectMultiple › CheckedCockpitTheme › should be rendered', _renderComponent.default, _.default, _checkedCockpitTheme.default);
 (0, _ava.default)('Molecule › MoleculeSelectMultiple › CheckedSetupTheme › should be rendered', _renderComponent.default, _.default, _checkedSetupTheme.default);
 (0, _ava.default)('Molecule › MoleculeSelectMultiple › Checked › should be rendered', _renderComponent.default, _.default, _checked.default);

package/lib/molecule/select-multiple/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/select-multiple/test/fixtures.js"],"names":["t","pass","MoleculeSelectMultiple","propTypes","value","key","not","undefined","renderComponentMacro","fixtureCheckedCmThemeMultiple","fixtureCheckedCmTheme","fixtureCheckedCockpitTheme","fixtureCheckedSetupTheme","fixtureChecked","fixtureDefault","fixtureSetupThemeError","fixtureSetupTheme"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iEAAL,EAAwEA,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,iFAAL,EAAwFG,wBAAxF,EAA8GN,SAA9G,EAAsIO,+BAAtI;AACA,kBAAK,yEAAL,EAAgFD,wBAAhF,EAAsGN,SAAtG,EAA8HQ,uBAA9H;AACA,kBAAK,8EAAL,EAAqFF,wBAArF,EAA2GN,SAA3G,EAAmIS,4BAAnI;AACA,kBAAK,4EAAL,EAAmFH,wBAAnF,EAAyGN,SAAzG,EAAiIU,0BAAjI;AACA,kBAAK,kEAAL,EAAyEJ,wBAAzE,EAA+FN,SAA/F,EAAuHW,gBAAvH;AACA,kBAAK,kEAAL,EAAyEL,wBAAzE,EAA+FN,SAA/F,EAAuHY,gBAAvH;AACA,kBAAK,0EAAL,EAAiFN,wBAAjF,EAAuGN,SAAvG,EAA+Ha,wBAA/H;AACA,kBAAK,qEAAL,EAA4EP,wBAA5E,EAAkGN,SAAlG,EAA0Hc,mBAA1H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeSelectMultiple from '..';\nimport fixtureCheckedCmThemeMultiple from './fixtures/checked-cm-theme-multiple';\nimport fixtureCheckedCmTheme from './fixtures/checked-cm-theme';\nimport fixtureCheckedCockpitTheme from './fixtures/checked-cockpit-theme';\nimport fixtureCheckedSetupTheme from './fixtures/checked-setup-theme';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureSetupThemeError from './fixtures/setup-theme-error';\nimport fixtureSetupTheme from './fixtures/setup-theme';\n\ntest('Molecule › MoleculeSelectMultiple > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeSelectMultiple.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeSelectMultiple.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeSelectMultiple › CheckedCmThemeMultiple › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedCmThemeMultiple);\ntest('Molecule › MoleculeSelectMultiple › CheckedCmTheme › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedCmTheme);\ntest('Molecule › MoleculeSelectMultiple › CheckedCockpitTheme › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedCockpitTheme);\ntest('Molecule › MoleculeSelectMultiple › CheckedSetupTheme › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedSetupTheme);\ntest('Molecule › MoleculeSelectMultiple › Checked › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureChecked);\ntest('Molecule › MoleculeSelectMultiple › Default › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureDefault);\ntest('Molecule › MoleculeSelectMultiple › SetupThemeError › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureSetupThemeError);\ntest('Molecule › MoleculeSelectMultiple › SetupTheme › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureSetupTheme);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/molecule/select-multiple/test/fixtures.js"],"names":["t","pass","MoleculeSelectMultiple","propTypes","value","key","not","undefined","renderComponentMacro","fixtureCheckedCockpitTheme","fixtureCheckedSetupTheme","fixtureChecked","fixtureDefault","fixtureSetupThemeError","fixtureSetupTheme"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iEAAL,EAAwEA,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,8EAAL,EAAqFG,wBAArF,EAA2GN,SAA3G,EAAmIO,4BAAnI;AACA,kBAAK,4EAAL,EAAmFD,wBAAnF,EAAyGN,SAAzG,EAAiIQ,0BAAjI;AACA,kBAAK,kEAAL,EAAyEF,wBAAzE,EAA+FN,SAA/F,EAAuHS,gBAAvH;AACA,kBAAK,kEAAL,EAAyEH,wBAAzE,EAA+FN,SAA/F,EAAuHU,gBAAvH;AACA,kBAAK,0EAAL,EAAiFJ,wBAAjF,EAAuGN,SAAvG,EAA+HW,wBAA/H;AACA,kBAAK,qEAAL,EAA4EL,wBAA5E,EAAkGN,SAAlG,EAA0HY,mBAA1H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeSelectMultiple from '..';\nimport fixtureCheckedCockpitTheme from './fixtures/checked-cockpit-theme';\nimport fixtureCheckedSetupTheme from './fixtures/checked-setup-theme';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureSetupThemeError from './fixtures/setup-theme-error';\nimport fixtureSetupTheme from './fixtures/setup-theme';\n\ntest('Molecule › MoleculeSelectMultiple > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeSelectMultiple.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeSelectMultiple.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeSelectMultiple › CheckedCockpitTheme › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedCockpitTheme);\ntest('Molecule › MoleculeSelectMultiple › CheckedSetupTheme › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedSetupTheme);\ntest('Molecule › MoleculeSelectMultiple › Checked › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureChecked);\ntest('Molecule › MoleculeSelectMultiple › Default › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureDefault);\ntest('Molecule › MoleculeSelectMultiple › SetupThemeError › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureSetupThemeError);\ntest('Molecule › MoleculeSelectMultiple › SetupTheme › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureSetupTheme);\n"],"file":"fixtures.js"}

package/lib/molecule/share/index.js

@@ -71,8 +71,9 @@ const ShareStatusProvider = ({
 
     return () => clearTimeout(timeoutId);
   }, [status]);
+  const value = (0, _react.useMemo)(() => [status, setStatus], [status]);
   return /*#__PURE__*/_react.default.createElement(StatusContext.Provider, {
-    value: [status, setStatus]
+    value: value
   }, children);
 };
 

package/lib/molecule/share/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/share/index.js"],"names":["SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","React","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","styles","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string"],"mappings":"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","sourcesContent":["import React, {useState, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n  return <StatusContext.Provider value={[status, setStatus]}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      <p>{status === SHARE_STATUS.SUCCESS ? successWording : errorWording}</p>\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/share/index.js"],"names":["SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","React","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","styles","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string"],"mappings":"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","sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      <p>{status === SHARE_STATUS.SUCCESS ? successWording : errorWording}</p>\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"file":"index.js"}

package/lib/molecule/wizard-summary/index.js

@@ -120,8 +120,9 @@ const buildSections = sections => {
   });
 };
 
-const buildAction = action => {
-  if (!action) return null;
+const BuildAction = ({
+  action
+}) => {
   const {
     onClick,
     text,
@@ -129,6 +130,7 @@ const buildAction = action => {
     'aria-label': ariaLabel
   } = action;
   const handleClick = (0, _react.useMemo)(() => () => onClick(), [onClick]);
+  if (!action) return null;
   const buttonProps = {
     type: 'text',
     label: text,
@@ -152,7 +154,6 @@ const WizardSummary = props => {
     action
   } = props;
   const sectionsView = buildSections(sections);
-  const actionView = buildAction(action);
   const idSwitch = 'open-summary-wizard';
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
@@ -178,9 +179,19 @@ const WizardSummary = props => {
     className: _style.default.summarySections
   }, sectionsView)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.actionZone
-  }, actionView));
+  }, /*#__PURE__*/_react.default.createElement(BuildAction, {
+    action: action
+  })));
 };
 
+BuildAction.propTypes = process.env.NODE_ENV !== "production" ? {
+  action: _propTypes.default.shape({
+    icon: _propTypes.default.string,
+    text: _propTypes.default.string,
+    onClick: _propTypes.default.func,
+    'aria-label': _propTypes.default.string
+  })
+} : {};
 WizardSummary.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   sections: _propTypes.default.arrayOf(_propTypes.default.shape({
@@ -203,12 +214,7 @@ WizardSummary.propTypes = process.env.NODE_ENV !== "production" ? {
     })])),
     counterText: _propTypes.default.string
   })),
-  action: _propTypes.default.shape({
-    icon: _propTypes.default.string,
-    text: _propTypes.default.string,
-    onClick: _propTypes.default.func,
-    'aria-label': _propTypes.default.string
-  })
+  action: BuildAction.propTypes.action
 } : {};
 var _default = WizardSummary;
 exports.default = _default;

package/lib/molecule/wizard-summary/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["buildItemsOfSection","items","map","item","index","type","title","style","value","category","label","author","unsaved","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","buildAction","action","onClick","icon","ariaLabel","handleClick","buttonProps","position","button","WizardSummary","props","sectionsView","actionView","idSwitch","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","string","arrayOf","shape","oneOfType","bool","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ContentBadge from '../../atom/content-badge';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n  return items.map((item, index) => {\n    const {type} = item;\n    switch (type) {\n      case 'mainElement':\n        return (\n          <li key={`${item.title}-${index}`}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {category, label, title, author, unsaved = false} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <div className={style.content}>\n                <ContentBadge category={category} label={label} />\n                <span\n                  className={classnames(style.contentTitle, unsaved && style.unsaved)}\n                  title={title}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: title}}\n                />\n              </div>\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default: {\n        const {text, unsaved = false} = item;\n        return (\n          <li key={`${item.text}-${index}`}>\n            <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n              {text}\n            </span>\n          </li>\n        );\n      }\n    }\n  });\n};\n\nconst buildSectionHeader = section => {\n  const {title, counterText} = section;\n  if (!title) {\n    return null;\n  }\n  return (\n    <div className={style.sectionHeader}>\n      <span className={style.title}>{title}</span>\n      {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n    </div>\n  );\n};\n\nconst buildSections = sections => {\n  return sections.map((section, index) => {\n    const sectionHeader = buildSectionHeader(section);\n    const itemsView = buildItemsOfSection(section.items);\n    return (\n      <div key={`summary-section-${index}`} data-step={index} className={style.sectionWrapper}>\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst buildAction = action => {\n  if (!action) return null;\n\n  const {onClick, text, icon, 'aria-label': ariaLabel} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n  const buttonProps = {\n    type: 'text',\n    label: text,\n    'aria-label': ariaLabel,\n    'data-name': `${icon}-button`,\n    onClick: handleClick,\n    icon: {\n      position: 'left',\n      type: icon\n    }\n  };\n\n  return (\n    <div className={style.button}>\n      <ButtonLink {...buttonProps} />\n    </div>\n  );\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action} = props;\n  const sectionsView = buildSections(sections);\n  const actionView = buildAction(action);\n  const idSwitch = 'open-summary-wizard';\n\n  return (\n    <div className={style.container}>\n      <span className={style.desktopSummaryTitle}>{title}</span>\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name=\"toogle\"\n        title={idSwitch}\n        className={style.checkbox}\n      />\n      <div className={style.summary}>\n        <div className={style.tabletSummaryHeader}>\n          <label htmlFor={idSwitch}>\n            <span className={style.tabletSummaryTitle}>{title}</span>\n            <ArrowDownIcon className={style.tabletSummaryIcon} />\n          </label>\n        </div>\n        <div className={style.summarySections}>{sectionsView}</div>\n      </div>\n      <div className={style.actionZone}>{actionView}</div>\n    </div>\n  );\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape({\n            type: PropTypes.string,\n            title: PropTypes.string,\n            value: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string,\n            unsaved: PropTypes.bool\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            category: PropTypes.oneOf([\n              'base',\n              'advanced',\n              'coach',\n              'chapter',\n              'scorm',\n              'video',\n              'article',\n              'podcast'\n            ]),\n            title: PropTypes.string,\n            label: PropTypes.string,\n            author: PropTypes.string,\n            unsaved: PropTypes.bool\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    text: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  })\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["buildItemsOfSection","items","map","item","index","type","title","style","value","category","label","author","unsaved","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","onClick","icon","ariaLabel","handleClick","buttonProps","position","button","WizardSummary","props","sectionsView","idSwitch","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","shape","string","func","arrayOf","oneOfType","bool","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ContentBadge from '../../atom/content-badge';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n  return items.map((item, index) => {\n    const {type} = item;\n    switch (type) {\n      case 'mainElement':\n        return (\n          <li key={`${item.title}-${index}`}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {category, label, title, author, unsaved = false} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <div className={style.content}>\n                <ContentBadge category={category} label={label} />\n                <span\n                  className={classnames(style.contentTitle, unsaved && style.unsaved)}\n                  title={title}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: title}}\n                />\n              </div>\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default: {\n        const {text, unsaved = false} = item;\n        return (\n          <li key={`${item.text}-${index}`}>\n            <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n              {text}\n            </span>\n          </li>\n        );\n      }\n    }\n  });\n};\n\nconst buildSectionHeader = section => {\n  const {title, counterText} = section;\n  if (!title) {\n    return null;\n  }\n  return (\n    <div className={style.sectionHeader}>\n      <span className={style.title}>{title}</span>\n      {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n    </div>\n  );\n};\n\nconst buildSections = sections => {\n  return sections.map((section, index) => {\n    const sectionHeader = buildSectionHeader(section);\n    const itemsView = buildItemsOfSection(section.items);\n    return (\n      <div key={`summary-section-${index}`} data-step={index} className={style.sectionWrapper}>\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst BuildAction = ({action}) => {\n  const {onClick, text, icon, 'aria-label': ariaLabel} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (!action) return null;\n\n  const buttonProps = {\n    type: 'text',\n    label: text,\n    'aria-label': ariaLabel,\n    'data-name': `${icon}-button`,\n    onClick: handleClick,\n    icon: {\n      position: 'left',\n      type: icon\n    }\n  };\n\n  return (\n    <div className={style.button}>\n      <ButtonLink {...buttonProps} />\n    </div>\n  );\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action} = props;\n  const sectionsView = buildSections(sections);\n  const idSwitch = 'open-summary-wizard';\n\n  return (\n    <div className={style.container}>\n      <span className={style.desktopSummaryTitle}>{title}</span>\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name=\"toogle\"\n        title={idSwitch}\n        className={style.checkbox}\n      />\n      <div className={style.summary}>\n        <div className={style.tabletSummaryHeader}>\n          <label htmlFor={idSwitch}>\n            <span className={style.tabletSummaryTitle}>{title}</span>\n            <ArrowDownIcon className={style.tabletSummaryIcon} />\n          </label>\n        </div>\n        <div className={style.summarySections}>{sectionsView}</div>\n      </div>\n      <div className={style.actionZone}>\n        <BuildAction action={action} />\n      </div>\n    </div>\n  );\n};\n\nBuildAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    text: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  })\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape({\n            type: PropTypes.string,\n            title: PropTypes.string,\n            value: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string,\n            unsaved: PropTypes.bool\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            category: PropTypes.oneOf([\n              'base',\n              'advanced',\n              'coach',\n              'chapter',\n              'scorm',\n              'video',\n              'article',\n              'podcast'\n            ]),\n            title: PropTypes.string,\n            label: PropTypes.string,\n            author: PropTypes.string,\n            unsaved: PropTypes.bool\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}

package/lib/organism/accordion/container/index.js

@@ -39,7 +39,7 @@ const Tab = ({
   onClick,
   theme
 }) => {
-  const handleOnClick = (0, _react.useMemo)(() => evt => onClick(index, evt), [onClick]);
+  const handleOnClick = (0, _react.useMemo)(() => evt => onClick(index, evt), [index, onClick]);
   return children ? /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "accordion",
     className: themeStyle[theme]

package/lib/organism/accordion/container/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/organism/accordion/container/index.js"],"names":["themeStyle","setup","style","setupWrapper","default","wrapper","Tab","children","index","title","isOpen","iconType","onClick","theme","handleOnClick","evt","wrapperHidden","propTypes","Part","content","PropTypes","number","Accordion","props","tabProps","accordion","convert","cap","child","tabProps_","defaultProps","arrayOf","shape"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, map, noop} from 'lodash/fp';\nimport Part from '../part';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setupWrapper,\n  default: style.wrapper\n};\n\nconst Tab = ({children, index, title, isOpen, iconType, onClick, theme}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [onClick]);\n\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        isOpen={isOpen}\n        theme={theme}\n        onClick={handleOnClick}\n      />\n    </div>\n  ) : (\n    <div data-name=\"accordion\" className={style.wrapperHidden} />\n  );\n};\n\nTab.propTypes = {\n  children: Part.propTypes.content,\n  index: PropTypes.number,\n  title: Part.propTypes.title,\n  iconType: Part.propTypes.iconType,\n  isOpen: Part.propTypes.isOpen,\n  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const accordion = map.convert({cap: false})((child, index) => {\n    const tabProps_ = get(index, tabProps);\n    return (\n      <Tab {...tabProps_} key={index} index={index} theme={theme} onClick={onClick}>\n        {child}\n      </Tab>\n    );\n  }, children);\n\n  return <div>{accordion}</div>;\n};\n\nAccordion.defaultProps = {\n  children: []\n};\n\nAccordion.propTypes = {\n  children: PropTypes.arrayOf(Tab.propTypes.children),\n  tabProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Tab.propTypes.title,\n      iconType: Tab.propTypes.iconType,\n      isOpen: Tab.propTypes.isOpen\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: Tab.propTypes.theme\n};\n\nexport default Accordion;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/organism/accordion/container/index.js"],"names":["themeStyle","setup","style","setupWrapper","default","wrapper","Tab","children","index","title","isOpen","iconType","onClick","theme","handleOnClick","evt","wrapperHidden","propTypes","Part","content","PropTypes","number","Accordion","props","tabProps","accordion","convert","cap","child","tabProps_","defaultProps","arrayOf","shape"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEC,eAAMC,YADI;AAEjBC,EAAAA,OAAO,EAAEF,eAAMG;AAFE,CAAnB;;AAKA,MAAMC,GAAG,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA,KAAX;AAAkBC,EAAAA,KAAlB;AAAyBC,EAAAA,MAAzB;AAAiCC,EAAAA,QAAjC;AAA2CC,EAAAA,OAA3C;AAAoDC,EAAAA;AAApD,CAAD,KAAgE;AAC1E,QAAMC,aAAa,GAAG,oBAAQ,MAAMC,GAAG,IAAIH,OAAO,CAACJ,KAAD,EAAQO,GAAR,CAA5B,EAA0C,CAACP,KAAD,EAAQI,OAAR,CAA1C,CAAtB;AAEA,SAAOL,QAAQ,gBACb;AAAK,iBAAU,WAAf;AAA2B,IAAA,SAAS,EAAEP,UAAU,CAACa,KAAD;AAAhD,kBACE,6BAAC,aAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,KAAK,EAAEF,KAFT;AAGE,IAAA,OAAO,EAAEF,QAHX;AAIE,IAAA,MAAM,EAAEG,MAJV;AAKE,IAAA,KAAK,EAAEG,KALT;AAME,IAAA,OAAO,EAAEC;AANX,IADF,CADa,gBAYb;AAAK,iBAAU,WAAf;AAA2B,IAAA,SAAS,EAAEZ,eAAMc;AAA5C,IAZF;AAcD,CAjBD;;AAmBAV,GAAG,CAACW,SAAJ,2CAAgB;AACdV,EAAAA,QAAQ,EAAEW,cAAKD,SAAL,CAAeE,OADX;AAEdX,EAAAA,KAAK,EAAEY,mBAAUC,MAFH;AAGdZ,EAAAA,KAAK,EAAES,cAAKD,SAAL,CAAeR,KAHR;AAIdE,EAAAA,QAAQ,EAAEO,cAAKD,SAAL,CAAeN,QAJX;AAKdD,EAAAA,MAAM,EAAEQ,cAAKD,SAAL,CAAeP,MALT;AAMdG,EAAAA,KAAK,EAAEK,cAAKD,SAAL,CAAeJ,KANR;AAOdD,EAAAA,OAAO,EAAEM,cAAKD,SAAL,CAAeL;AAPV,CAAhB;;AAUA,MAAMU,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA,QAAD;AAAWjB,IAAAA,QAAX;AAAqBM,IAAAA,KAAK,GAAG,SAA7B;AAAwCD,IAAAA,OAAO;AAA/C,MAA0DW,KAAhE;;AACA,QAAME,SAAS,GAAG,cAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0B,CAACC,KAAD,EAAQpB,KAAR,KAAkB;AAC5D,UAAMqB,SAAS,GAAG,mBAAIrB,KAAJ,EAAWgB,QAAX,CAAlB;AACA,wBACE,6BAAC,GAAD,eAASK,SAAT;AAAoB,MAAA,GAAG,EAAErB,KAAzB;AAAgC,MAAA,KAAK,EAAEA,KAAvC;AAA8C,MAAA,KAAK,EAAEK,KAArD;AAA4D,MAAA,OAAO,EAAED;AAArE,QACGgB,KADH,CADF;AAKD,GAPiB,EAOfrB,QAPe,CAAlB;;AASA,sBAAO,0CAAMkB,SAAN,CAAP;AACD,CAZD;;AAcAH,SAAS,CAACQ,YAAV,GAAyB;AACvBvB,EAAAA,QAAQ,EAAE;AADa,CAAzB;AAIAe,SAAS,CAACL,SAAV,2CAAsB;AACpBV,EAAAA,QAAQ,EAAEa,mBAAUW,OAAV,CAAkBzB,GAAG,CAACW,SAAJ,CAAcV,QAAhC,CADU;AAEpBiB,EAAAA,QAAQ,EAAEJ,mBAAUW,OAAV,CACRX,mBAAUY,KAAV,CAAgB;AACdvB,IAAAA,KAAK,EAAEH,GAAG,CAACW,SAAJ,CAAcR,KADP;AAEdE,IAAAA,QAAQ,EAAEL,GAAG,CAACW,SAAJ,CAAcN,QAFV;AAGdD,IAAAA,MAAM,EAAEJ,GAAG,CAACW,SAAJ,CAAcP;AAHR,GAAhB,CADQ,CAFU;AASpBE,EAAAA,OAAO,EAAEN,GAAG,CAACW,SAAJ,CAAcL,OATH;AAUpBC,EAAAA,KAAK,EAAEP,GAAG,CAACW,SAAJ,CAAcJ;AAVD,CAAtB;eAaeS,S","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get, map, noop} from 'lodash/fp';\nimport Part from '../part';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setupWrapper,\n  default: style.wrapper\n};\n\nconst Tab = ({children, index, title, isOpen, iconType, onClick, theme}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [index, onClick]);\n\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        isOpen={isOpen}\n        theme={theme}\n        onClick={handleOnClick}\n      />\n    </div>\n  ) : (\n    <div data-name=\"accordion\" className={style.wrapperHidden} />\n  );\n};\n\nTab.propTypes = {\n  children: Part.propTypes.content,\n  index: PropTypes.number,\n  title: Part.propTypes.title,\n  iconType: Part.propTypes.iconType,\n  isOpen: Part.propTypes.isOpen,\n  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const accordion = map.convert({cap: false})((child, index) => {\n    const tabProps_ = get(index, tabProps);\n    return (\n      <Tab {...tabProps_} key={index} index={index} theme={theme} onClick={onClick}>\n        {child}\n      </Tab>\n    );\n  }, children);\n\n  return <div>{accordion}</div>;\n};\n\nAccordion.defaultProps = {\n  children: []\n};\n\nAccordion.propTypes = {\n  children: PropTypes.arrayOf(Tab.propTypes.children),\n  tabProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Tab.propTypes.title,\n      iconType: Tab.propTypes.iconType,\n      isOpen: Tab.propTypes.isOpen\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: Tab.propTypes.theme\n};\n\nexport default Accordion;\n"],"file":"index.js"}

package/lib/organism/accordion/coorp-manager/index.js

@@ -43,7 +43,7 @@ const Tab = ({
   isOpen,
   onUpdateOpenedTab
 }) => {
-  const handleOnClick = (0, _react.useMemo)(() => evt => onClick(index, evt), [onClick]);
+  const handleOnClick = (0, _react.useMemo)(() => evt => onClick(index, evt), [index, onClick]);
   return children ? /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "accordion",
     className: themeStyle[theme]

package/lib/organism/accordion/coorp-manager/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/organism/accordion/coorp-manager/index.js"],"names":["themeStyle","setup","style","setupWrapper","default","wrapper","Tab","children","index","title","selected","iconType","onClick","href","type","theme","isOpen","onUpdateOpenedTab","handleOnClick","evt","wrapperHidden","propTypes","Part","content","PropTypes","number","Accordion","props","tabProps","selectedIndex","item","openedTab","updateOpenedTab","tabs","convert","cap","tab","child","undefined","accordion","defaultProps","arrayOf","shape","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {map, noop, findIndex} from 'lodash/fp';\nimport Part from './part';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setupWrapper,\n  default: style.wrapper\n};\n\nconst Tab = ({\n  children,\n  index,\n  title,\n  selected,\n  iconType,\n  onClick,\n  href,\n  type,\n  theme,\n  isOpen,\n  onUpdateOpenedTab\n}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [onClick]);\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        selected={selected}\n        theme={theme}\n        href={href}\n        type={type}\n        onClick={handleOnClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      />\n    </div>\n  ) : (\n    <div data-name=\"accordion\" className={style.wrapperHidden} />\n  );\n};\n\nTab.propTypes = {\n  children: Part.propTypes.content,\n  index: PropTypes.number,\n  title: Part.propTypes.title,\n  iconType: Part.propTypes.iconType,\n  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick,\n  selected: Part.propTypes.selected,\n  type: Part.propTypes.type,\n  href: Part.propTypes.href,\n  isOpen: Part.propTypes.isOpen,\n  onUpdateOpenedTab: Part.propTypes.onUpdateOpenedTab\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const selectedIndex = findIndex(item => item.selected, tabProps);\n\n  const [openedTab, updateOpenedTab] = useState(selectedIndex);\n  useEffect(() => {\n    updateOpenedTab(selectedIndex);\n  }, [selectedIndex]);\n\n  const tabs = map.convert({cap: false})((tab, index) => ({\n    ...tab,\n    child: children[index],\n    children: undefined\n  }))(tabProps);\n\n  const accordion = map.convert({cap: false})((tab, index) => {\n    const isOpen = openedTab === index;\n    function onUpdateOpenedTab() {\n      updateOpenedTab(isOpen ? -1 : index);\n    }\n    return (\n      <Tab\n        {...tab}\n        key={index}\n        index={index}\n        theme={theme}\n        onClick={onClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      >\n        {tab.child}\n      </Tab>\n    );\n  }, tabs);\n\n  return <div>{accordion}</div>;\n};\n\nAccordion.defaultProps = {\n  children: []\n};\n\nAccordion.propTypes = {\n  children: PropTypes.arrayOf(Tab.propTypes.children),\n  tabProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Tab.propTypes.title,\n      iconType: Tab.propTypes.iconType,\n      selected: Tab.propTypes.selected,\n      type: Tab.propTypes.type,\n      href: Tab.propTypes.href,\n      index: Tab.propTypes.index,\n      children: Tab.propTypes.children\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: PropTypes.oneOf(['setup', 'default'])\n};\n\nexport default Accordion;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/organism/accordion/coorp-manager/index.js"],"names":["themeStyle","setup","style","setupWrapper","default","wrapper","Tab","children","index","title","selected","iconType","onClick","href","type","theme","isOpen","onUpdateOpenedTab","handleOnClick","evt","wrapperHidden","propTypes","Part","content","PropTypes","number","Accordion","props","tabProps","selectedIndex","item","openedTab","updateOpenedTab","tabs","convert","cap","tab","child","undefined","accordion","defaultProps","arrayOf","shape","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo, useEffect, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {map, noop, findIndex} from 'lodash/fp';\nimport Part from './part';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setupWrapper,\n  default: style.wrapper\n};\n\nconst Tab = ({\n  children,\n  index,\n  title,\n  selected,\n  iconType,\n  onClick,\n  href,\n  type,\n  theme,\n  isOpen,\n  onUpdateOpenedTab\n}) => {\n  const handleOnClick = useMemo(() => evt => onClick(index, evt), [index, onClick]);\n  return children ? (\n    <div data-name=\"accordion\" className={themeStyle[theme]}>\n      <Part\n        iconType={iconType}\n        title={title}\n        content={children}\n        selected={selected}\n        theme={theme}\n        href={href}\n        type={type}\n        onClick={handleOnClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      />\n    </div>\n  ) : (\n    <div data-name=\"accordion\" className={style.wrapperHidden} />\n  );\n};\n\nTab.propTypes = {\n  children: Part.propTypes.content,\n  index: PropTypes.number,\n  title: Part.propTypes.title,\n  iconType: Part.propTypes.iconType,\n  theme: Part.propTypes.theme,\n  onClick: Part.propTypes.onClick,\n  selected: Part.propTypes.selected,\n  type: Part.propTypes.type,\n  href: Part.propTypes.href,\n  isOpen: Part.propTypes.isOpen,\n  onUpdateOpenedTab: Part.propTypes.onUpdateOpenedTab\n};\n\nconst Accordion = props => {\n  const {tabProps, children, theme = 'default', onClick = noop} = props;\n  const selectedIndex = findIndex(item => item.selected, tabProps);\n\n  const [openedTab, updateOpenedTab] = useState(selectedIndex);\n  useEffect(() => {\n    updateOpenedTab(selectedIndex);\n  }, [selectedIndex]);\n\n  const tabs = map.convert({cap: false})((tab, index) => ({\n    ...tab,\n    child: children[index],\n    children: undefined\n  }))(tabProps);\n\n  const accordion = map.convert({cap: false})((tab, index) => {\n    const isOpen = openedTab === index;\n    function onUpdateOpenedTab() {\n      updateOpenedTab(isOpen ? -1 : index);\n    }\n    return (\n      <Tab\n        {...tab}\n        key={index}\n        index={index}\n        theme={theme}\n        onClick={onClick}\n        onUpdateOpenedTab={onUpdateOpenedTab}\n        isOpen={isOpen}\n      >\n        {tab.child}\n      </Tab>\n    );\n  }, tabs);\n\n  return <div>{accordion}</div>;\n};\n\nAccordion.defaultProps = {\n  children: []\n};\n\nAccordion.propTypes = {\n  children: PropTypes.arrayOf(Tab.propTypes.children),\n  tabProps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: Tab.propTypes.title,\n      iconType: Tab.propTypes.iconType,\n      selected: Tab.propTypes.selected,\n      type: Tab.propTypes.type,\n      href: Tab.propTypes.href,\n      index: Tab.propTypes.index,\n      children: Tab.propTypes.children\n    })\n  ),\n  onClick: Tab.propTypes.onClick,\n  theme: PropTypes.oneOf(['setup', 'default'])\n};\n\nexport default Accordion;\n"],"file":"index.js"}

package/lib/organism/brand-form/test/fixtures/wizard-playlists.js

@@ -6,6 +6,32 @@ var _default = {
   props: {
     groups: [{
       fields: [{
+        type: 'selectMultiple',
+        title: 'Languages',
+        placeholder: 'Language selection',
+        description: 'This is the tooltip text',
+        theme: 'coorpmanager',
+        hint: '15 / 30 characters',
+        size: 'default',
+        options: [{
+          name: '🇬🇧 English',
+          value: 'en',
+          selected: true
+        }, {
+          name: '🇩🇪 German',
+          value: 'de',
+          selected: false
+        }, {
+          name: '🇹🇭 Thai',
+          value: 'th',
+          selected: false
+        }, {
+          name: '🇪🇸 Spanish',
+          value: 'es',
+          selected: false
+        }],
+        multiple: false
+      }, {
         type: 'text',
         title: 'Playlist name',
         placeholder: 'Playlist name',

package/lib/organism/brand-form/test/fixtures/wizard-playlists.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/wizard-playlists.js"],"names":["props","groups","fields","type","title","placeholder","description","theme","hint","value","size"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,MAAM,EAAE,CACN;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEC,QAAAA,KAAK,EAAE,eAFT;AAGEC,QAAAA,WAAW,EAAE,eAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,oBANR;AAOEC,QAAAA,KAAK,EAAE,kBAPT;AAQEC,QAAAA,IAAI,EAAE;AARR,OADM,EAWN;AACEP,QAAAA,IAAI,EAAE,UADR;AAEEC,QAAAA,KAAK,EAAE,aAFT;AAGEC,QAAAA,WAAW,EAAE,aAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,qBANR;AAOEE,QAAAA,IAAI,EAAE,QAPR;AAQED,QAAAA,KAAK,EACH;AATJ,OAXM;AADV,KADM;AADH;AADM,C","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        fields: [\n          {\n            type: 'text',\n            title: 'Playlist name',\n            placeholder: 'Playlist name',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '15 / 30 characters',\n            value: 'Marketing expert',\n            size: 'default'\n          },\n          {\n            type: 'textarea',\n            title: 'Description',\n            placeholder: 'Description',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '80 / 200 characters',\n            size: 'medium',\n            value:\n              'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum sem ac fermentum luctus. Integer eu dui magna. Donec ut tristique dui. Vestibulum non accumsan tellus. Donec luctus erat vitae aliquet viverra. Mauris malesuada tortor quis viverra vestibulum. Nullam laoreet porta massa vitae porta.'\n          }\n        ]\n      }\n    ]\n  }\n};\n"],"file":"wizard-playlists.js"}
+{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/wizard-playlists.js"],"names":["props","groups","fields","type","title","placeholder","description","theme","hint","size","options","name","value","selected","multiple"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,MAAM,EAAE,CACN;AACEC,QAAAA,IAAI,EAAE,gBADR;AAEEC,QAAAA,KAAK,EAAE,WAFT;AAGEC,QAAAA,WAAW,EAAE,oBAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,oBANR;AAOEC,QAAAA,IAAI,EAAE,SAPR;AAQEC,QAAAA,OAAO,EAAE,CACP;AACEC,UAAAA,IAAI,EAAE,cADR;AAEEC,UAAAA,KAAK,EAAE,IAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SADO,EAMP;AACEF,UAAAA,IAAI,EAAE,aADR;AAEEC,UAAAA,KAAK,EAAE,IAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SANO,EAWP;AACEF,UAAAA,IAAI,EAAE,WADR;AAEEC,UAAAA,KAAK,EAAE,IAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SAXO,EAgBP;AACEF,UAAAA,IAAI,EAAE,cADR;AAEEC,UAAAA,KAAK,EAAE,IAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SAhBO,CARX;AA8BEC,QAAAA,QAAQ,EAAE;AA9BZ,OADM,EAiCN;AACEX,QAAAA,IAAI,EAAE,MADR;AAEEC,QAAAA,KAAK,EAAE,eAFT;AAGEC,QAAAA,WAAW,EAAE,eAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,oBANR;AAOEI,QAAAA,KAAK,EAAE,kBAPT;AAQEH,QAAAA,IAAI,EAAE;AARR,OAjCM,EA2CN;AACEN,QAAAA,IAAI,EAAE,UADR;AAEEC,QAAAA,KAAK,EAAE,aAFT;AAGEC,QAAAA,WAAW,EAAE,aAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,qBANR;AAOEC,QAAAA,IAAI,EAAE,QAPR;AAQEG,QAAAA,KAAK,EACH;AATJ,OA3CM;AADV,KADM;AADH;AADM,C","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        fields: [\n          {\n            type: 'selectMultiple',\n            title: 'Languages',\n            placeholder: 'Language selection',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '15 / 30 characters',\n            size: 'default',\n            options: [\n              {\n                name: '🇬🇧 English',\n                value: 'en',\n                selected: true\n              },\n              {\n                name: '🇩🇪 German',\n                value: 'de',\n                selected: false\n              },\n              {\n                name: '🇹🇭 Thai',\n                value: 'th',\n                selected: false\n              },\n              {\n                name: '🇪🇸 Spanish',\n                value: 'es',\n                selected: false\n              }\n            ],\n            multiple: false\n          },\n          {\n            type: 'text',\n            title: 'Playlist name',\n            placeholder: 'Playlist name',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '15 / 30 characters',\n            value: 'Marketing expert',\n            size: 'default'\n          },\n          {\n            type: 'textarea',\n            title: 'Description',\n            placeholder: 'Description',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '80 / 200 characters',\n            size: 'medium',\n            value:\n              'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum sem ac fermentum luctus. Integer eu dui magna. Donec ut tristique dui. Vestibulum non accumsan tellus. Donec luctus erat vitae aliquet viverra. Mauris malesuada tortor quis viverra vestibulum. Nullam laoreet porta massa vitae porta.'\n          }\n        ]\n      }\n    ]\n  }\n};\n"],"file":"wizard-playlists.js"}

package/lib/organism/list-items/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _listItem = _interopRequireDefault(require("../list-item"));
+
+var _title = _interopRequireDefault(require("../../atom/title"));
+
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ListItems = ({
+  title,
+  buttonLink,
+  items,
+  'aria-label': ariaLabel
+}) => {
+  const itemsView = items.map(item => /*#__PURE__*/_react.default.createElement("li", {
+    key: item.id,
+    className: _style.default.item
+  }, /*#__PURE__*/_react.default.createElement(_listItem.default, item)));
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.header
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.title
+  }, /*#__PURE__*/_react.default.createElement(_title.default, {
+    title: title,
+    type: 'form-group'
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonCreate
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonLink))), /*#__PURE__*/_react.default.createElement("ul", {
+    className: _style.default.list,
+    "aria-label": ariaLabel
+  }, itemsView));
+};
+
+ListItems.propTypes = process.env.NODE_ENV !== "production" ? {
+  'aria-label': _propTypes.default.string,
+  buttonLink: _propTypes.default.shape(_buttonLink.default.propTypes),
+  items: _propTypes.default.arrayOf(_propTypes.default.shape(_listItem.default.propTypes)),
+  title: _propTypes.default.string
+} : {};
+var _default = ListItems;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/organism/list-items/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/list-items/index.js"],"names":["ListItems","title","buttonLink","items","ariaLabel","itemsView","map","item","id","style","header","buttonCreate","list","propTypes","PropTypes","string","shape","ButtonLink","arrayOf","ListItem"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQC,EAAAA,UAAR;AAAoBC,EAAAA,KAApB;AAA2B,gBAAcC;AAAzC,CAAD,KAAyD;AACzE,QAAMC,SAAS,GAAGF,KAAK,CAACG,GAAN,CAAUC,IAAI,iBAC9B;AAAI,IAAA,GAAG,EAAEA,IAAI,CAACC,EAAd;AAAkB,IAAA,SAAS,EAAEC,eAAMF;AAAnC,kBACE,6BAAC,iBAAD,EAAcA,IAAd,CADF,CADgB,CAAlB;AAMA,sBACE,uDACE;AAAK,IAAA,SAAS,EAAEE,eAAMC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAED,eAAMR;AAAtB,kBACE,6BAAC,cAAD;AAAO,IAAA,KAAK,EAAEA,KAAd;AAAqB,IAAA,IAAI,EAAE;AAA3B,IADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEQ,eAAME;AAAtB,kBACE,6BAAC,mBAAD,EAAgBT,UAAhB,CADF,CAJF,CADF,eASE;AAAI,IAAA,SAAS,EAAEO,eAAMG,IAArB;AAA2B,kBAAYR;AAAvC,KACGC,SADH,CATF,CADF;AAeD,CAtBD;;AAwBAL,SAAS,CAACa,SAAV,2CAAsB;AACpB,gBAAcC,mBAAUC,MADJ;AAEpBb,EAAAA,UAAU,EAAEY,mBAAUE,KAAV,CAAgBC,oBAAWJ,SAA3B,CAFQ;AAGpBV,EAAAA,KAAK,EAAEW,mBAAUI,OAAV,CAAkBJ,mBAAUE,KAAV,CAAgBG,kBAASN,SAAzB,CAAlB,CAHa;AAIpBZ,EAAAA,KAAK,EAAEa,mBAAUC;AAJG,CAAtB;eAOef,S","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport ListItem from '../list-item';\nimport Title from '../../atom/title';\n\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst ListItems = ({title, buttonLink, items, 'aria-label': ariaLabel}) => {\n  const itemsView = items.map(item => (\n    <li key={item.id} className={style.item}>\n      <ListItem {...item} />\n    </li>\n  ));\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} />\n        </div>\n        <div className={style.buttonCreate}>\n          <ButtonLink {...buttonLink} />\n        </div>\n      </div>\n      <ul className={style.list} aria-label={ariaLabel}>\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n  title: PropTypes.string\n};\n\nexport default ListItems;\n"],"file":"index.js"}

package/lib/organism/list-items/style.css

@@ -0,0 +1,39 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value colors: "../../variables/colors.css";
+@value medium from colors;
+@value xtraLightGrey from colors;
+@value dark from colors;
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 24px;
+  margin-bottom: 24px;
+}
+
+.title {
+  font-family: Gilroy;
+  font-size: 20px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.4;
+  letter-spacing: normal;
+  text-align: left;
+}
+
+.buttonCreate {
+  width: 194px;
+}
+
+.item {
+  margin-bottom: 8px;
+}
+
+.list {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}

package/lib/organism/list-items/test/fixtures/archived.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _archived = _interopRequireDefault(require("../../../list-item/test/fixtures/archived"));
+
+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); }
+
+const ids = ['1', '2', '3'];
+const listeItems = ids.map(id => {
+  return _extends(_extends({}, _archived.default.props), {}, {
+    id
+  });
+});
+var _default = {
+  props: {
+    title: `${listeItems.length} custom playlists`,
+    'aria-label': 'aria list',
+    buttonLink: {
+      type: 'primary',
+      label: 'Create custom playlist',
+      'aria-label': 'aria button',
+      'data-name': 'default-button',
+      onClick: () => console.log('click')
+    },
+    items: listeItems
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=archived.js.map

package/lib/organism/list-items/test/fixtures/archived.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/list-items/test/fixtures/archived.js"],"names":["ids","listeItems","map","id","archivedItem","props","title","length","buttonLink","type","label","onClick","console","log","items"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAMA,GAAG,GAAG,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,CAAZ;AACA,MAAMC,UAAU,GAAGD,GAAG,CAACE,GAAJ,CAAQC,EAAE,IAAI;AAC/B,+BACKC,kBAAaC,KADlB;AAEEF,IAAAA;AAFF;AAID,CALkB,CAAnB;eAOe;AACbE,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAG,GAAEL,UAAU,CAACM,MAAO,mBADvB;AAEL,kBAAc,WAFT;AAGLC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,SADI;AAEVC,MAAAA,KAAK,EAAE,wBAFG;AAGV,oBAAc,aAHJ;AAIV,mBAAa,gBAJH;AAKVC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALL,KAHP;AAULC,IAAAA,KAAK,EAAEb;AAVF;AADM,C","sourcesContent":["import archivedItem from '../../../list-item/test/fixtures/archived';\n\nconst ids = ['1', '2', '3'];\nconst listeItems = ids.map(id => {\n  return {\n    ...archivedItem.props,\n    id\n  };\n});\n\nexport default {\n  props: {\n    title: `${listeItems.length} custom playlists`,\n    'aria-label': 'aria list',\n    buttonLink: {\n      type: 'primary',\n      label: 'Create custom playlist',\n      'aria-label': 'aria button',\n      'data-name': 'default-button',\n      onClick: () => console.log('click')\n    },\n    items: listeItems\n  }\n};\n"],"file":"archived.js"}