@coorpacademy/components 10.1.12 → 10.2.0

package/es/molecule/select-multiple/style.css

@@ -6,6 +6,12 @@
 @value lightGrey from colors;
 @value negative from colors;
 @value xtraLightGrey from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_700 from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_150 from colors;
+@value cm_grey_100 from colors;
+@value cm_negative_100 from colors;
 @value medium from colors;
 @value defaultText from "../../variables/fonts.css";
 
@@ -57,24 +63,29 @@
 }
 
 .choices {
-  display: none;
-}
-
-.activeChoices {
   display: block;
+  visibility: hidden;
   width: 100%;
-  height: auto;
   padding: 0 15px;
   box-sizing: border-box;
   background: white;
   position: absolute;
   z-index: 4;
-  top: 100%;
+  top: 48px;
   left: 0;
   border: 1px solid light;
   user-select: none;
-  max-height: 200px;
   overflow: scroll;
+  max-height: 0;
+  transition: all 0.25s linear;
+  opacity: 1;
+}
+
+.activeChoices {
+  visibility: visible;
+  height: auto;
+  max-height: 200px;
+  opacity: 1;
 }
 
 .choice {
@@ -83,12 +94,14 @@
   padding: 0;
 }
 
-.choice div {
+.choice .item {
+  font-size: 14px;
+  user-select: none;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
-  font-size: 13px;
-  user-select: none;
+  width: 100%;
+  display: block;
 }
 
 .arrow {
@@ -110,6 +123,7 @@
   margin: 0;
   padding: 0;
 }
+
 .description {
   font-family: 'Open Sans';
   font-weight: 500;
@@ -118,12 +132,14 @@
   font-style: italic;
   margin: auto 0;
 }
+
 /*
   setup sidebar
 */
 .sidebar {
   width: 150px;
 }
+
 /*
   setup theme
 */
@@ -171,6 +187,7 @@
   display: inline-flex;
   align-items: center;
 }
+
 /*
   cockpit theme
 */
@@ -201,4 +218,269 @@
 .cockpit .activeChoices {
   width: 170px;
   border-top: none;
-}
+}
+
+/* COORPMANAGER THEME */
+
+.coorpmanager .select {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  border-radius: 8px;
+  width: 100%;
+  font-size: 14px;
+  color: black;
+  height: 44px;
+  padding: 11px 85px 11px 16px;
+  background-color: cm_grey_100;
+}
+
+.coorpmanager .select .title {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 0;
+  font-family: Gilroy;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  letter-spacing: normal;
+  text-align: left;
+  font-size: 14px;
+  z-index: 1;
+  color: cm_grey_700;
+  transition: all 0.25s ease;
+  pointer-events: none;
+  flex-wrap: nowrap;
+  position: absolute;
+  top: 7px;
+  left: 16px;
+}
+
+.coorpmanager .select:hover {
+  background-color: cm_grey_150;
+}
+
+.coorpmanager .select .selection {
+  font-size: 14px;
+  font-weight: 500;
+  transition: all 0.25s ease;
+  line-height: 20px;
+  margin: 10px 0 -10px 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  width: 100%;
+}
+
+.coorpmanager .select .selection.noselection {
+  color: cm_grey_400;
+  font-weight: 500;
+}
+
+.coorpmanager .select .title.noValue.active,
+.coorpmanager .select .title.titleWithSelection {
+  font-size: 10px;
+  width: max-content;
+  height: 8px;
+  line-height: 12px;
+  color: cm_grey_400;
+}
+
+.coorpmanager .select .title.noValue.active,
+.coorpmanager .select .title.titleWithSelection {
+  width: max-content;
+  height: 8px;
+  line-height: 12px;
+  color: cm_grey_400;
+}
+
+.coorpmanager .arrow:hover {
+  background-color: cm_grey_200;
+}
+
+.coorpmanager .activeChoices {
+  margin-top: 2px;
+  background-color: light;
+  border-radius: 8px;
+}
+
+.choice {
+  color: black;
+}
+
+.coorpmanager .infoIconWrapper {
+  overflow: visible;
+  height: 12px;
+  margin: 0 4px;
+  cursor: pointer;
+  pointer-events: fill;
+  position: relative;
+}
+
+.coorpmanager .infoIcon {
+  cursor: pointer;
+  width: 8px;
+  margin: 4px 4px 0 4px;
+  height: 8px;
+  line-height: 16px;
+  color: cm_grey_400;
+  transition: all 0.25s linear;
+}
+
+.coorpmanager .select .title.noValue .infoIcon {
+  color: cm_grey_700;
+}
+
+.coorpmanager .select .title.noValue.active .infoIcon,
+.coorpmanager .select .title.titleWithSelection .infoIcon {
+  color: cm_grey_400;
+  margin: 0 4px 0 4px;
+}
+
+.coorpmanager .infoIconWrapper:hover .descriptionLabel {
+  visibility: visible;
+  opacity: 1;
+}
+
+.coorpmanager .descriptionLabel {
+  margin: 0 1px 18px 0;
+  padding: 8px 16px;
+  border-radius: 7px;
+  background-color: cm_grey_700;
+  flex-grow: 0;
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.43;
+  letter-spacing: normal;
+  text-align: center;
+  color: white;
+  max-width: 200px;
+  position: absolute;
+  left: -19px;
+  z-index: 3;
+  bottom: 5px;
+  width: max-content;
+  visibility: hidden;
+  opacity: 0s;
+}
+
+.coorpmanager .descriptionLabel::after {
+  content: '';
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-top: 6px solid cm_grey_700;
+  position: absolute;
+  bottom: -6px;
+  left: 21px;
+}
+
+.coorpmanager .title.noValue .descriptionLabel::after {
+  left: 21px;
+}
+
+.coorpmanager:focus-within .title.noValue .descriptionLabel::after {
+  left: 21px;
+}
+
+.coorpmanager .iconsWrapper {
+  position: absolute;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  width: 88px;
+  height: 44px;
+  right: 0;
+}
+
+.coorpmanager .flex {
+  width: 44px;
+  height: 44px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.coorpmanager .flex:nth-child(2) {
+  padding: 0 16px;
+  margin-left: 16px;
+}
+
+.coorpmanager .flex .arrow {
+  position: relative;
+  right: 0;
+  margin-top: 0;
+  top: 0%;
+  pointer-events: none;
+  width: 12px;
+  height: 12px;
+  transition: transform 0.25s;
+  cursor: pointer;
+}
+
+.coorpmanager .flex.clicked {
+  background-color: cm_grey_200;
+}
+
+.coorpmanager .arrow.down {
+  cursor: pointer;
+  transform: rotate(180deg);
+}
+
+.coorpmanager .errorIcon {
+  background-color: cm_negative_100;
+  color: white;
+  padding: 4px;
+  border-radius: 50%;
+  width: 10px;
+  height: 10px;
+  cursor: pointer;
+}
+
+.coorpmanager .hint {
+  flex-grow: 0;
+  opacity: 0.5;
+  font-family: Gilroy;
+  font-size: 10px;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.2;
+  letter-spacing: normal;
+  text-align: left;
+  padding-top: 8px;
+  transition: transform 0.25s;
+  color: cm_grey_700;
+}
+
+.coorpmanager.error .hint {
+  color: cm_negative_100;
+}
+
+.coorpmanager.disabled .select {
+  background-color: cm_grey_100;
+}
+
+.coorpmanager.disabled .select .selection {
+  color: cm_grey_100;
+}
+
+.coorpmanager.disabled .select .title {
+  color: cm_grey_700;
+}
+
+.coorpmanager.disabled .select .title.noValue,
+.coorpmanager.disabled .select .selection {
+  color: cm_grey_700;
+  opacity: 0.5;
+}
+
+.coorpmanager.disabled .select .title.titleWithSelection {
+  color: cm_grey_400;
+}
+
+.coorpmanager.disabled .arrow {
+  opacity: 0.5;
+}

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

@@ -0,0 +1,32 @@
+export 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
+  }
+};
+//# sourceMappingURL=checked-cm-theme-disabled.js.map

package/es/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":"AAAA,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,CAAf","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/es/molecule/select-multiple/test/fixtures/checked-cm-theme-error.js

@@ -0,0 +1,32 @@
+export 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
+  }
+};
+//# sourceMappingURL=checked-cm-theme-error.js.map

package/es/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":"AAAA,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,CAAf","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/es/molecule/select-multiple/test/fixtures/checked-cm-theme-multiple.js

@@ -0,0 +1,32 @@
+export default {
+  props: {
+    theme: 'coorpmanager',
+    placeholder: 'Select language(s)',
+    title: 'Input Name',
+    description: 'You should select a language',
+    multiple: true,
+    disabled: false,
+    error: '',
+    hint: 'Hint',
+    options: [{
+      name: '🇬🇧 English very looooooooonnnnnnnnnnnnnnnnnnngggggggggggg',
+      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
+  }
+};
+//# sourceMappingURL=checked-cm-theme-multiple.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/select-multiple/test/fixtures/checked-cm-theme-multiple.js"],"names":["props","theme","placeholder","title","description","multiple","disabled","error","hint","options","name","value","selected","onChange","console","log","onError"],"mappings":"AAAA,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,IALL;AAMLC,IAAAA,QAAQ,EAAE,KANL;AAOLC,IAAAA,KAAK,EAAE,EAPF;AAQLC,IAAAA,IAAI,EAAE,MARD;AASLC,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,IAAI,EAAE,6DADR;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,CAAf","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: true,\n    disabled: false,\n    error: '',\n    hint: 'Hint',\n    options: [\n      {\n        name: '🇬🇧 English very looooooooonnnnnnnnnnnnnnnnnnngggggggggggg',\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-multiple.js"}

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

@@ -0,0 +1,32 @@
+export 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: () => true,
+    onError: () => true
+  }
+};
+//# sourceMappingURL=checked-cm-theme.js.map

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

@@ -0,0 +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":"AAAA,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,CAAf","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/es/molecule/select-multiple/test/fixtures/setup-theme-error.js

@@ -63,7 +63,7 @@ export default {
     }],
     multiple: true,
     theme: 'setup',
-    error: true
+    error: 'true'
   }
 };
 //# sourceMappingURL=setup-theme-error.js.map

package/es/molecule/select-multiple/test/fixtures/setup-theme-error.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/select-multiple/test/fixtures/setup-theme-error.js"],"names":["props","title","type","description","required","options","value","name","selected","multiple","theme","error"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,aADF;AAELC,IAAAA,IAAI,EAAE,gBAFD;AAGLC,IAAAA,WAAW,EAAE,2CAHR;AAILC,IAAAA,QAAQ,EAAE,IAJL;AAKLC,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,KAAK,EAAE,SADT;AAEEC,MAAAA,IAAI,EAAE,eAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KADO,EAMP;AACEF,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,IAAI,EAAE,oBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KANO,EAWP;AACEF,MAAAA,KAAK,EAAE,IADT;AAEEC,MAAAA,IAAI,EAAE,YAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAXO,EAgBP;AACEF,MAAAA,KAAK,EAAE,OADT;AAEEC,MAAAA,IAAI,EAAE,aAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAhBO,EAqBP;AACEF,MAAAA,KAAK,EAAE,MADT;AAEEC,MAAAA,IAAI,EAAE,cAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KArBO,EA0BP;AACEF,MAAAA,KAAK,EAAE,iBADT;AAEEC,MAAAA,IAAI,EAAE,qBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA1BO,EA+BP;AACEF,MAAAA,KAAK,EAAE,QADT;AAEEC,MAAAA,IAAI,EAAE,cAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA/BO,EAoCP;AACEF,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,IAAI,EAAE,cAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KApCO,EAyCP;AACEF,MAAAA,KAAK,EAAE,IADT;AAEEC,MAAAA,IAAI,EAAE,aAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAzCO,EA8CP;AACEF,MAAAA,KAAK,EAAE,OADT;AAEEC,MAAAA,IAAI,EAAE,OAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA9CO,EAmDP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEC,MAAAA,IAAI,EAAE,gBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAnDO,EAwDP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEC,MAAAA,IAAI,EAAE,gBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAxDO,EA6DP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEC,MAAAA,IAAI,EAAE,gBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA7DO,EAkEP;AACEF,MAAAA,KAAK,EAAE,KADT;AAEEC,MAAAA,IAAI,EAAE,KAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAlEO,CALJ;AA6ELC,IAAAA,QAAQ,EAAE,IA7EL;AA8ELC,IAAAA,KAAK,EAAE,OA9EF;AA+ELC,IAAAA,KAAK,EAAE;AA/EF;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Populations',\n    type: 'selectMultiple',\n    description: 'The cohorte which will receive the battle',\n    required: true,\n    options: [\n      {\n        value: 'connect',\n        name: 'Connect users',\n        selected: false\n      },\n      {\n        value: 'coorpacademy',\n        name: 'Coorpacademy users',\n        selected: false\n      },\n      {\n        value: 'fr',\n        name: 'country-fr',\n        selected: false\n      },\n      {\n        value: 'ekino',\n        name: 'Ekino users',\n        selected: false\n      },\n      {\n        value: 'user',\n        name: 'Simple users',\n        selected: false\n      },\n      {\n        value: 'default-digital',\n        name: 'Default for digital',\n        selected: false\n      },\n      {\n        value: 'chanel',\n        name: 'Chanel users',\n        selected: false\n      },\n      {\n        value: 'adaptive-pop',\n        name: 'adaptive-pop',\n        selected: false\n      },\n      {\n        value: 'co',\n        name: 'provider-co',\n        selected: false\n      },\n      {\n        value: 'latin',\n        name: 'latin',\n        selected: false\n      },\n      {\n        value: 'organization_A',\n        name: 'organization_A',\n        selected: false\n      },\n      {\n        value: 'organization_B',\n        name: 'organization_B',\n        selected: false\n      },\n      {\n        value: 'organization_C',\n        name: 'organization_C',\n        selected: false\n      },\n      {\n        value: 'ALL',\n        name: 'ALL',\n        selected: false\n      }\n    ],\n    multiple: true,\n    theme: 'setup',\n    error: true\n  }\n};\n"],"file":"setup-theme-error.js"}
+{"version":3,"sources":["../../../../../src/molecule/select-multiple/test/fixtures/setup-theme-error.js"],"names":["props","title","type","description","required","options","value","name","selected","multiple","theme","error"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,aADF;AAELC,IAAAA,IAAI,EAAE,gBAFD;AAGLC,IAAAA,WAAW,EAAE,2CAHR;AAILC,IAAAA,QAAQ,EAAE,IAJL;AAKLC,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,KAAK,EAAE,SADT;AAEEC,MAAAA,IAAI,EAAE,eAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KADO,EAMP;AACEF,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,IAAI,EAAE,oBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KANO,EAWP;AACEF,MAAAA,KAAK,EAAE,IADT;AAEEC,MAAAA,IAAI,EAAE,YAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAXO,EAgBP;AACEF,MAAAA,KAAK,EAAE,OADT;AAEEC,MAAAA,IAAI,EAAE,aAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAhBO,EAqBP;AACEF,MAAAA,KAAK,EAAE,MADT;AAEEC,MAAAA,IAAI,EAAE,cAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KArBO,EA0BP;AACEF,MAAAA,KAAK,EAAE,iBADT;AAEEC,MAAAA,IAAI,EAAE,qBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA1BO,EA+BP;AACEF,MAAAA,KAAK,EAAE,QADT;AAEEC,MAAAA,IAAI,EAAE,cAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA/BO,EAoCP;AACEF,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,IAAI,EAAE,cAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KApCO,EAyCP;AACEF,MAAAA,KAAK,EAAE,IADT;AAEEC,MAAAA,IAAI,EAAE,aAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAzCO,EA8CP;AACEF,MAAAA,KAAK,EAAE,OADT;AAEEC,MAAAA,IAAI,EAAE,OAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA9CO,EAmDP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEC,MAAAA,IAAI,EAAE,gBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAnDO,EAwDP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEC,MAAAA,IAAI,EAAE,gBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAxDO,EA6DP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEC,MAAAA,IAAI,EAAE,gBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA7DO,EAkEP;AACEF,MAAAA,KAAK,EAAE,KADT;AAEEC,MAAAA,IAAI,EAAE,KAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAlEO,CALJ;AA6ELC,IAAAA,QAAQ,EAAE,IA7EL;AA8ELC,IAAAA,KAAK,EAAE,OA9EF;AA+ELC,IAAAA,KAAK,EAAE;AA/EF;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Populations',\n    type: 'selectMultiple',\n    description: 'The cohorte which will receive the battle',\n    required: true,\n    options: [\n      {\n        value: 'connect',\n        name: 'Connect users',\n        selected: false\n      },\n      {\n        value: 'coorpacademy',\n        name: 'Coorpacademy users',\n        selected: false\n      },\n      {\n        value: 'fr',\n        name: 'country-fr',\n        selected: false\n      },\n      {\n        value: 'ekino',\n        name: 'Ekino users',\n        selected: false\n      },\n      {\n        value: 'user',\n        name: 'Simple users',\n        selected: false\n      },\n      {\n        value: 'default-digital',\n        name: 'Default for digital',\n        selected: false\n      },\n      {\n        value: 'chanel',\n        name: 'Chanel users',\n        selected: false\n      },\n      {\n        value: 'adaptive-pop',\n        name: 'adaptive-pop',\n        selected: false\n      },\n      {\n        value: 'co',\n        name: 'provider-co',\n        selected: false\n      },\n      {\n        value: 'latin',\n        name: 'latin',\n        selected: false\n      },\n      {\n        value: 'organization_A',\n        name: 'organization_A',\n        selected: false\n      },\n      {\n        value: 'organization_B',\n        name: 'organization_B',\n        selected: false\n      },\n      {\n        value: 'organization_C',\n        name: 'organization_C',\n        selected: false\n      },\n      {\n        value: 'ALL',\n        name: 'ALL',\n        selected: false\n      }\n    ],\n    multiple: true,\n    theme: 'setup',\n    error: 'true'\n  }\n};\n"],"file":"setup-theme-error.js"}

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

@@ -2,6 +2,10 @@ import test from 'ava';
 import forEach from 'lodash/forEach';
 import renderComponentMacro from '../../../test/helpers/render-component';
 import MoleculeSelectMultiple from '..';
+import fixtureCheckedCmThemeDisabled from './fixtures/checked-cm-theme-disabled';
+import fixtureCheckedCmThemeError from './fixtures/checked-cm-theme-error';
+import fixtureCheckedCmThemeMultiple from './fixtures/checked-cm-theme-multiple';
+import fixtureCheckedCmTheme from './fixtures/checked-cm-theme';
 import fixtureCheckedCockpitTheme from './fixtures/checked-cockpit-theme';
 import fixtureCheckedSetupTheme from './fixtures/checked-setup-theme';
 import fixtureChecked from './fixtures/checked';
@@ -14,6 +18,10 @@ test('Molecule › MoleculeSelectMultiple > should have valid propTypes', t => {
     t.not(value, undefined, `PropType for "Molecule.MoleculeSelectMultiple.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
+test('Molecule › MoleculeSelectMultiple › CheckedCmThemeDisabled › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedCmThemeDisabled);
+test('Molecule › MoleculeSelectMultiple › CheckedCmThemeError › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedCmThemeError);
+test('Molecule › MoleculeSelectMultiple › CheckedCmThemeMultiple › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedCmThemeMultiple);
+test('Molecule › MoleculeSelectMultiple › CheckedCmTheme › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedCmTheme);
 test('Molecule › MoleculeSelectMultiple › CheckedCockpitTheme › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedCockpitTheme);
 test('Molecule › MoleculeSelectMultiple › CheckedSetupTheme › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedSetupTheme);
 test('Molecule › MoleculeSelectMultiple › Checked › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureChecked);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/select-multiple/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeSelectMultiple","fixtureCheckedCockpitTheme","fixtureCheckedSetupTheme","fixtureChecked","fixtureDefault","fixtureSetupThemeError","fixtureSetupTheme","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,sBAAP,MAAmC,IAAnC;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,wBAAP,MAAqC,gCAArC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,sBAAP,MAAmC,8BAAnC;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AAEAT,IAAI,CAAC,iEAAD,EAAoEU,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACAV,EAAAA,OAAO,CAACE,sBAAsB,CAACS,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAd,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,sBAAvG,EAA+HC,0BAA/H,CAAJ;AACAJ,IAAI,CAAC,4EAAD,EAA+EE,oBAA/E,EAAqGC,sBAArG,EAA6HE,wBAA7H,CAAJ;AACAL,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHG,cAAnH,CAAJ;AACAN,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHI,cAAnH,CAAJ;AACAP,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,sBAAnG,EAA2HK,sBAA3H,CAAJ;AACAR,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,sBAA9F,EAAsHM,iBAAtH,CAAJ","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"}
+{"version":3,"sources":["../../../../src/molecule/select-multiple/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeSelectMultiple","fixtureCheckedCmThemeDisabled","fixtureCheckedCmThemeError","fixtureCheckedCmThemeMultiple","fixtureCheckedCmTheme","fixtureCheckedCockpitTheme","fixtureCheckedSetupTheme","fixtureChecked","fixtureDefault","fixtureSetupThemeError","fixtureSetupTheme","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,sBAAP,MAAmC,IAAnC;AACA,OAAOC,6BAAP,MAA0C,sCAA1C;AACA,OAAOC,0BAAP,MAAuC,mCAAvC;AACA,OAAOC,6BAAP,MAA0C,sCAA1C;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,wBAAP,MAAqC,gCAArC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,sBAAP,MAAmC,8BAAnC;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AAEAb,IAAI,CAAC,iEAAD,EAAoEc,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACAd,EAAAA,OAAO,CAACE,sBAAsB,CAACa,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAlB,IAAI,CAAC,iFAAD,EAAoFE,oBAApF,EAA0GC,sBAA1G,EAAkIC,6BAAlI,CAAJ;AACAJ,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,sBAAvG,EAA+HE,0BAA/H,CAAJ;AACAL,IAAI,CAAC,iFAAD,EAAoFE,oBAApF,EAA0GC,sBAA1G,EAAkIG,6BAAlI,CAAJ;AACAN,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,sBAAlG,EAA0HI,qBAA1H,CAAJ;AACAP,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,sBAAvG,EAA+HK,0BAA/H,CAAJ;AACAR,IAAI,CAAC,4EAAD,EAA+EE,oBAA/E,EAAqGC,sBAArG,EAA6HM,wBAA7H,CAAJ;AACAT,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHO,cAAnH,CAAJ;AACAV,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHQ,cAAnH,CAAJ;AACAX,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,sBAAnG,EAA2HS,sBAA3H,CAAJ;AACAZ,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,sBAA9F,EAAsHU,iBAAtH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeSelectMultiple from '..';\nimport fixtureCheckedCmThemeDisabled from './fixtures/checked-cm-theme-disabled';\nimport fixtureCheckedCmThemeError from './fixtures/checked-cm-theme-error';\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 › CheckedCmThemeDisabled › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedCmThemeDisabled);\ntest('Molecule › MoleculeSelectMultiple › CheckedCmThemeError › should be rendered', renderComponentMacro, MoleculeSelectMultiple, fixtureCheckedCmThemeError);\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"}

package/es/molecule/share/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useCallback, useContext, useEffect } from 'react';
+import React, { useState, useMemo, useCallback, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { NovaCompositionCoorpacademyCheck as CheckIcon, NovaCompositionCoorpacademyShare as ShareIcon, NovaCompositionCoorpacademyAttention as AttentionIcon } from '@coorpacademy/nova-icons';
@@ -53,8 +53,9 @@ export const ShareStatusProvider = ({
 
     return () => clearTimeout(timeoutId);
   }, [status]);
+  const value = useMemo(() => [status, setStatus], [status]);
   return /*#__PURE__*/React.createElement(StatusContext.Provider, {
-    value: [status, setStatus]
+    value: value
   }, children);
 };
 export const ShareFeedback = ({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/share/index.js"],"names":["React","useState","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","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","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","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":["React","useState","useMemo","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","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","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","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"}