@coorpacademy/components 10.1.10 → 10.1.13

package/es/organism/list-item/style.css

@@ -0,0 +1,49 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value colors: "../../variables/colors.css";
+@value xtraLightGrey from colors;
+@value cm_grey_900 from colors;
+@value primaryAdd1 from colors;
+
+.wrapper {
+  width: 100%;
+  border-radius: 7px;
+  background-color: color(xtraLightGrey a(90%));
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 24px;
+  box-sizing: border-box;
+}
+
+.title {
+  flex-grow: 0;
+  font-family: Gilroy;
+  font-size: 16px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.38;
+  letter-spacing: normal;
+  text-align: left;
+  color: cm_grey_900;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.settings {
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+
+.tag {
+  margin: 0 16px 0 0; 
+}
+
+.edit {
+  margin: 0 16px 0 0;
+  min-width: 93px;
+}

package/es/organism/list-item/test/fixtures/archived.js

@@ -0,0 +1,39 @@
+export default {
+  props: {
+    id: 'default',
+    title: 'Leaders of tomorrow',
+    tags: [{
+      label: 'Archived',
+      type: 'archived'
+    }],
+    bulletPointMenuButton: {
+      buttonAriaLabel: 'aria button',
+      menuAriaLabel: 'aria menu',
+      buttons: [{
+        'data-name': 'CP-publish-button',
+        label: 'Publish',
+        type: 'default',
+        onClick: () => console.log('click')
+      }, {
+        'data-name': 'CP-delete-button',
+        label: 'Delete',
+        type: 'dangerous',
+        onClick: () => console.log('click')
+      }],
+      onClick: () => console.log('click')
+    },
+    buttonLink: {
+      type: 'secondary',
+      label: 'Edit',
+      ariaLabel: 'aria button',
+      dataName: 'default-button',
+      icon: {
+        position: 'left',
+        type: 'edit'
+      },
+      onClick: () => console.log('click')
+    },
+    bulletPointButtonOnClick: () => console.log('click')
+  }
+};
+//# sourceMappingURL=archived.js.map

package/es/organism/list-item/test/fixtures/archived.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/list-item/test/fixtures/archived.js"],"names":["props","id","title","tags","label","type","bulletPointMenuButton","buttonAriaLabel","menuAriaLabel","buttons","onClick","console","log","buttonLink","ariaLabel","dataName","icon","position","bulletPointButtonOnClick"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,EAAE,EAAE,SADC;AAELC,IAAAA,KAAK,EAAE,qBAFF;AAGLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,UADT;AAEEC,MAAAA,IAAI,EAAE;AAFR,KADI,CAHD;AASLC,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,eAAe,EAAE,aADI;AAErBC,MAAAA,aAAa,EAAE,WAFM;AAGrBC,MAAAA,OAAO,EAAE,CACP;AACE,qBAAa,mBADf;AAEEL,QAAAA,KAAK,EAAE,SAFT;AAGEC,QAAAA,IAAI,EAAE,SAHR;AAIEK,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OADO,EAOP;AACE,qBAAa,kBADf;AAEER,QAAAA,KAAK,EAAE,QAFT;AAGEC,QAAAA,IAAI,EAAE,WAHR;AAIEK,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OAPO,CAHY;AAiBrBF,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAjBM,KATlB;AA4BLC,IAAAA,UAAU,EAAE;AACVR,MAAAA,IAAI,EAAE,WADI;AAEVD,MAAAA,KAAK,EAAE,MAFG;AAGVU,MAAAA,SAAS,EAAE,aAHD;AAIVC,MAAAA,QAAQ,EAAE,gBAJA;AAKVC,MAAAA,IAAI,EAAE;AACJC,QAAAA,QAAQ,EAAE,MADN;AAEJZ,QAAAA,IAAI,EAAE;AAFF,OALI;AASVK,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AATL,KA5BP;AAuCLM,IAAAA,wBAAwB,EAAE,MAAMP,OAAO,CAACC,GAAR,CAAY,OAAZ;AAvC3B;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    id: 'default',\n    title: 'Leaders of tomorrow',\n    tags: [\n      {\n        label: 'Archived',\n        type: 'archived'\n      }\n    ],\n    bulletPointMenuButton: {\n      buttonAriaLabel: 'aria button',\n      menuAriaLabel: 'aria menu',\n      buttons: [\n        {\n          'data-name': 'CP-publish-button',\n          label: 'Publish',\n          type: 'default',\n          onClick: () => console.log('click')\n        },\n        {\n          'data-name': 'CP-delete-button',\n          label: 'Delete',\n          type: 'dangerous',\n          onClick: () => console.log('click')\n        }\n      ],\n      onClick: () => console.log('click')\n    },\n    buttonLink: {\n      type: 'secondary',\n      label: 'Edit',\n      ariaLabel: 'aria button',\n      dataName: 'default-button',\n      icon: {\n        position: 'left',\n        type: 'edit'\n      },\n      onClick: () => console.log('click')\n    },\n    bulletPointButtonOnClick: () => console.log('click')\n  }\n};\n"],"file":"archived.js"}

package/es/organism/list-item/test/fixtures/draft.js

@@ -0,0 +1,39 @@
+export default {
+  props: {
+    id: 'default',
+    title: 'Leaders of tomorrow',
+    tags: [{
+      label: 'Draft',
+      type: 'draft'
+    }],
+    bulletPointMenuButton: {
+      buttonAriaLabel: 'aria button',
+      menuAriaLabel: 'aria menu',
+      buttons: [{
+        'data-name': 'CP-publish-button',
+        label: 'Publish',
+        type: 'default',
+        onClick: () => console.log('click')
+      }, {
+        'data-name': 'CP-delete-button',
+        label: 'Delete',
+        type: 'dangerous',
+        onClick: () => console.log('click')
+      }],
+      onClick: () => console.log('click')
+    },
+    buttonLink: {
+      type: 'secondary',
+      label: 'Edit',
+      ariaLabel: 'aria button',
+      dataName: 'default-button',
+      icon: {
+        position: 'left',
+        type: 'edit'
+      },
+      onClick: () => console.log('click')
+    },
+    bulletPointButtonOnClick: () => console.log('click')
+  }
+};
+//# sourceMappingURL=draft.js.map

package/es/organism/list-item/test/fixtures/draft.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/list-item/test/fixtures/draft.js"],"names":["props","id","title","tags","label","type","bulletPointMenuButton","buttonAriaLabel","menuAriaLabel","buttons","onClick","console","log","buttonLink","ariaLabel","dataName","icon","position","bulletPointButtonOnClick"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,EAAE,EAAE,SADC;AAELC,IAAAA,KAAK,EAAE,qBAFF;AAGLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,OADT;AAEEC,MAAAA,IAAI,EAAE;AAFR,KADI,CAHD;AASLC,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,eAAe,EAAE,aADI;AAErBC,MAAAA,aAAa,EAAE,WAFM;AAGrBC,MAAAA,OAAO,EAAE,CACP;AACE,qBAAa,mBADf;AAEEL,QAAAA,KAAK,EAAE,SAFT;AAGEC,QAAAA,IAAI,EAAE,SAHR;AAIEK,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OADO,EAOP;AACE,qBAAa,kBADf;AAEER,QAAAA,KAAK,EAAE,QAFT;AAGEC,QAAAA,IAAI,EAAE,WAHR;AAIEK,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OAPO,CAHY;AAiBrBF,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAjBM,KATlB;AA4BLC,IAAAA,UAAU,EAAE;AACVR,MAAAA,IAAI,EAAE,WADI;AAEVD,MAAAA,KAAK,EAAE,MAFG;AAGVU,MAAAA,SAAS,EAAE,aAHD;AAIVC,MAAAA,QAAQ,EAAE,gBAJA;AAKVC,MAAAA,IAAI,EAAE;AACJC,QAAAA,QAAQ,EAAE,MADN;AAEJZ,QAAAA,IAAI,EAAE;AAFF,OALI;AASVK,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AATL,KA5BP;AAuCLM,IAAAA,wBAAwB,EAAE,MAAMP,OAAO,CAACC,GAAR,CAAY,OAAZ;AAvC3B;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    id: 'default',\n    title: 'Leaders of tomorrow',\n    tags: [\n      {\n        label: 'Draft',\n        type: 'draft'\n      }\n    ],\n    bulletPointMenuButton: {\n      buttonAriaLabel: 'aria button',\n      menuAriaLabel: 'aria menu',\n      buttons: [\n        {\n          'data-name': 'CP-publish-button',\n          label: 'Publish',\n          type: 'default',\n          onClick: () => console.log('click')\n        },\n        {\n          'data-name': 'CP-delete-button',\n          label: 'Delete',\n          type: 'dangerous',\n          onClick: () => console.log('click')\n        }\n      ],\n      onClick: () => console.log('click')\n    },\n    buttonLink: {\n      type: 'secondary',\n      label: 'Edit',\n      ariaLabel: 'aria button',\n      dataName: 'default-button',\n      icon: {\n        position: 'left',\n        type: 'edit'\n      },\n      onClick: () => console.log('click')\n    },\n    bulletPointButtonOnClick: () => console.log('click')\n  }\n};\n"],"file":"draft.js"}

package/es/organism/list-item/test/fixtures/published.js

@@ -0,0 +1,39 @@
+export default {
+  props: {
+    id: 'default',
+    title: 'Leaders of tomorrow',
+    tags: [{
+      label: 'Published',
+      type: 'published'
+    }],
+    bulletPointMenuButton: {
+      buttonAriaLabel: 'aria button',
+      menuAriaLabel: 'aria menu',
+      buttons: [{
+        'data-name': 'CP-archive-button',
+        label: 'Archive',
+        type: 'default',
+        onClick: () => console.log('click')
+      }, {
+        'data-name': 'CP-delete-button',
+        label: 'Delete',
+        type: 'dangerous',
+        onClick: () => console.log('click')
+      }],
+      onClick: () => console.log('click')
+    },
+    buttonLink: {
+      type: 'secondary',
+      label: 'Edit',
+      ariaLabel: 'aria button',
+      dataName: 'default-button',
+      icon: {
+        position: 'left',
+        type: 'edit'
+      },
+      onClick: () => console.log('click')
+    },
+    bulletPointButtonOnClick: () => console.log('click')
+  }
+};
+//# sourceMappingURL=published.js.map

package/es/organism/list-item/test/fixtures/published.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/list-item/test/fixtures/published.js"],"names":["props","id","title","tags","label","type","bulletPointMenuButton","buttonAriaLabel","menuAriaLabel","buttons","onClick","console","log","buttonLink","ariaLabel","dataName","icon","position","bulletPointButtonOnClick"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,EAAE,EAAE,SADC;AAELC,IAAAA,KAAK,EAAE,qBAFF;AAGLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,WADT;AAEEC,MAAAA,IAAI,EAAE;AAFR,KADI,CAHD;AASLC,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,eAAe,EAAE,aADI;AAErBC,MAAAA,aAAa,EAAE,WAFM;AAGrBC,MAAAA,OAAO,EAAE,CACP;AACE,qBAAa,mBADf;AAEEL,QAAAA,KAAK,EAAE,SAFT;AAGEC,QAAAA,IAAI,EAAE,SAHR;AAIEK,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OADO,EAOP;AACE,qBAAa,kBADf;AAEER,QAAAA,KAAK,EAAE,QAFT;AAGEC,QAAAA,IAAI,EAAE,WAHR;AAIEK,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OAPO,CAHY;AAiBrBF,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAjBM,KATlB;AA4BLC,IAAAA,UAAU,EAAE;AACVR,MAAAA,IAAI,EAAE,WADI;AAEVD,MAAAA,KAAK,EAAE,MAFG;AAGVU,MAAAA,SAAS,EAAE,aAHD;AAIVC,MAAAA,QAAQ,EAAE,gBAJA;AAKVC,MAAAA,IAAI,EAAE;AACJC,QAAAA,QAAQ,EAAE,MADN;AAEJZ,QAAAA,IAAI,EAAE;AAFF,OALI;AASVK,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AATL,KA5BP;AAuCLM,IAAAA,wBAAwB,EAAE,MAAMP,OAAO,CAACC,GAAR,CAAY,OAAZ;AAvC3B;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    id: 'default',\n    title: 'Leaders of tomorrow',\n    tags: [\n      {\n        label: 'Published',\n        type: 'published'\n      }\n    ],\n    bulletPointMenuButton: {\n      buttonAriaLabel: 'aria button',\n      menuAriaLabel: 'aria menu',\n      buttons: [\n        {\n          'data-name': 'CP-archive-button',\n          label: 'Archive',\n          type: 'default',\n          onClick: () => console.log('click')\n        },\n        {\n          'data-name': 'CP-delete-button',\n          label: 'Delete',\n          type: 'dangerous',\n          onClick: () => console.log('click')\n        }\n      ],\n      onClick: () => console.log('click')\n    },\n    buttonLink: {\n      type: 'secondary',\n      label: 'Edit',\n      ariaLabel: 'aria button',\n      dataName: 'default-button',\n      icon: {\n        position: 'left',\n        type: 'edit'\n      },\n      onClick: () => console.log('click')\n    },\n    bulletPointButtonOnClick: () => console.log('click')\n  }\n};\n"],"file":"published.js"}

package/es/organism/list-item/test/fixtures/revised.js

@@ -0,0 +1,41 @@
+export default {
+  props: {
+    id: 'default',
+    title: 'Leaders of tomorrow',
+    tags: [{
+      label: 'Ongoing changes',
+      type: 'revised'
+    }, {
+      label: 'Published',
+      type: 'published'
+    }],
+    buttonLink: {
+      type: 'secondary',
+      label: 'Edit',
+      ariaLabel: 'aria button',
+      dataName: 'default-button',
+      icon: {
+        position: 'left',
+        type: 'edit'
+      },
+      onClick: () => console.log('click')
+    },
+    bulletPointMenuButton: {
+      buttonAriaLabel: 'aria button',
+      menuAriaLabel: 'aria menu',
+      buttons: [{
+        'data-name': 'CP-publish-button',
+        label: 'Publish',
+        type: 'default',
+        onClick: () => console.log('click')
+      }, {
+        'data-name': 'CP-delete-button',
+        label: 'Delete',
+        type: 'dangerous',
+        onClick: () => console.log('click')
+      }],
+      onClick: () => console.log('click')
+    }
+  }
+};
+//# sourceMappingURL=revised.js.map

package/es/organism/list-item/test/fixtures/revised.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/list-item/test/fixtures/revised.js"],"names":["props","id","title","tags","label","type","buttonLink","ariaLabel","dataName","icon","position","onClick","console","log","bulletPointMenuButton","buttonAriaLabel","menuAriaLabel","buttons"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,EAAE,EAAE,SADC;AAELC,IAAAA,KAAK,EAAE,qBAFF;AAGLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,iBADT;AAEEC,MAAAA,IAAI,EAAE;AAFR,KADI,EAKJ;AACED,MAAAA,KAAK,EAAE,WADT;AAEEC,MAAAA,IAAI,EAAE;AAFR,KALI,CAHD;AAcLC,IAAAA,UAAU,EAAE;AACVD,MAAAA,IAAI,EAAE,WADI;AAEVD,MAAAA,KAAK,EAAE,MAFG;AAGVG,MAAAA,SAAS,EAAE,aAHD;AAIVC,MAAAA,QAAQ,EAAE,gBAJA;AAKVC,MAAAA,IAAI,EAAE;AACJC,QAAAA,QAAQ,EAAE,MADN;AAEJL,QAAAA,IAAI,EAAE;AAFF,OALI;AASVM,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AATL,KAdP;AAyBLC,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,eAAe,EAAE,aADI;AAErBC,MAAAA,aAAa,EAAE,WAFM;AAGrBC,MAAAA,OAAO,EAAE,CACP;AACE,qBAAa,mBADf;AAEEb,QAAAA,KAAK,EAAE,SAFT;AAGEC,QAAAA,IAAI,EAAE,SAHR;AAIEM,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OADO,EAOP;AACE,qBAAa,kBADf;AAEET,QAAAA,KAAK,EAAE,QAFT;AAGEC,QAAAA,IAAI,EAAE,WAHR;AAIEM,QAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAJjB,OAPO,CAHY;AAiBrBF,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAjBM;AAzBlB;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    id: 'default',\n    title: 'Leaders of tomorrow',\n    tags: [\n      {\n        label: 'Ongoing changes',\n        type: 'revised'\n      },\n      {\n        label: 'Published',\n        type: 'published'\n      }\n    ],\n\n    buttonLink: {\n      type: 'secondary',\n      label: 'Edit',\n      ariaLabel: 'aria button',\n      dataName: 'default-button',\n      icon: {\n        position: 'left',\n        type: 'edit'\n      },\n      onClick: () => console.log('click')\n    },\n    bulletPointMenuButton: {\n      buttonAriaLabel: 'aria button',\n      menuAriaLabel: 'aria menu',\n      buttons: [\n        {\n          'data-name': 'CP-publish-button',\n          label: 'Publish',\n          type: 'default',\n          onClick: () => console.log('click')\n        },\n        {\n          'data-name': 'CP-delete-button',\n          label: 'Delete',\n          type: 'dangerous',\n          onClick: () => console.log('click')\n        }\n      ],\n      onClick: () => console.log('click')\n    }\n  }\n};\n"],"file":"revised.js"}

package/es/organism/list-item/test/fixtures.js

@@ -0,0 +1,19 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import OrganismListItem from '..';
+import fixtureArchived from './fixtures/archived';
+import fixtureDraft from './fixtures/draft';
+import fixturePublished from './fixtures/published';
+import fixtureRevised from './fixtures/revised';
+test('Organism › OrganismListItem > should have valid propTypes', t => {
+  t.pass();
+  forEach(OrganismListItem.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismListItem.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Organism › OrganismListItem › Archived › should be rendered', renderComponentMacro, OrganismListItem, fixtureArchived);
+test('Organism › OrganismListItem › Draft › should be rendered', renderComponentMacro, OrganismListItem, fixtureDraft);
+test('Organism › OrganismListItem › Published › should be rendered', renderComponentMacro, OrganismListItem, fixturePublished);
+test('Organism › OrganismListItem › Revised › should be rendered', renderComponentMacro, OrganismListItem, fixtureRevised);
+//# sourceMappingURL=fixtures.js.map

package/es/organism/list-item/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/list-item/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismListItem","fixtureArchived","fixtureDraft","fixturePublished","fixtureRevised","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,gBAAP,MAA6B,IAA7B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAP,IAAI,CAAC,2DAAD,EAA8DQ,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACAR,EAAAA,OAAO,CAACE,gBAAgB,CAACO,SAAlB,EAA6B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAClDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAZ,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,gBAAtF,EAAwGC,eAAxG,CAAJ;AACAJ,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,gBAAnF,EAAqGE,YAArG,CAAJ;AACAL,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,gBAAvF,EAAyGG,gBAAzG,CAAJ;AACAN,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,gBAArF,EAAuGI,cAAvG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismListItem from '..';\nimport fixtureArchived from './fixtures/archived';\nimport fixtureDraft from './fixtures/draft';\nimport fixturePublished from './fixtures/published';\nimport fixtureRevised from './fixtures/revised';\n\ntest('Organism › OrganismListItem > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismListItem.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismListItem.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismListItem › Archived › should be rendered', renderComponentMacro, OrganismListItem, fixtureArchived);\ntest('Organism › OrganismListItem › Draft › should be rendered', renderComponentMacro, OrganismListItem, fixtureDraft);\ntest('Organism › OrganismListItem › Published › should be rendered', renderComponentMacro, OrganismListItem, fixturePublished);\ntest('Organism › OrganismListItem › Revised › should be rendered', renderComponentMacro, OrganismListItem, fixtureRevised);\n"],"file":"fixtures.js"}

package/es/organism/playlist-translation/style.css

@@ -9,13 +9,19 @@
 .container {
   display: flex;
   background-color: cm_grey_50;
+  position: relative;
 }
 
 .menu {
   background-color: cm_grey_50;
-  height: 360px;
+  height: auto;
   width: 200px;
   margin: 24px 8px 24px 24px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  bottom: 0;
 }
 
 .horizontalSection{
@@ -24,6 +30,7 @@
   padding: 24px 24px 24px 8px;
   width: 100%;
   align-items: end;
+  margin-left: 240px;
 }
 
 .input {
@@ -33,7 +40,7 @@
 
 .button {
   width: 170px;
-  margin-top: 16px;
+  margin-top: 24px;
 }
 
 .binButton {

package/es/organism/setup-header/style.css

@@ -1,6 +1,7 @@
 @value breakpoints: "../../variables/breakpoints.css";
 @value mobile from breakpoints;
 @value cm_tablet from breakpoints;
+@value desktop from breakpoints;
 @value colors: "../../variables/colors.css";
 @value light from colors;
 @value medium from colors;
@@ -17,12 +18,11 @@
 
 .container {
   background-color: white;
-  height: 80px;
   box-sizing: border-box;
   z-index: 1100;
-  margin: 24px 40px;
   display: flex;
   flex-direction: column;
+  width: 100%;
 }
 
 [data-name="logout-hide"] {
@@ -147,6 +147,20 @@
   display: none;
 }
 
+@media desktop {
+  .platformListIcon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0 16px 0 0;
+    width: 44px;
+  }
+
+  .platformList {
+    display: none;
+  }
+}
+
 @media cm_tablet {
   [data-name="logout-show"] {
     position: absolute;
@@ -206,11 +220,6 @@
   .logOut {
     display: none;
   }
-
-  .container {
-    margin: 24px 32px;
-  }
-  
 }
 
 @media mobile {

package/es/template/back-office/brand-update/index.js

@@ -6,8 +6,7 @@ import map from 'lodash/fp/map';
 import pipe from 'lodash/fp/pipe';
 import get from 'lodash/fp/get';
 import isEmpty from 'lodash/fp/isEmpty';
-import filter from 'lodash/fp/filter';
-import head from 'lodash/fp/head';
+import find from 'lodash/fp/find';
 import BrandTabs from '../../../molecule/brand-tabs';
 import { IconLinkItem, LinkItem } from '../../../organism/sidebar';
 import BrandForm from '../../../organism/brand-form';
@@ -15,37 +14,29 @@ import BrandTable from '../../../organism/brand-table';
 import BrandUpload from '../../../organism/brand-upload';
 import BrandAnalytics from '../../../organism/brand-analytics';
 import BrandDashboard from '../../../organism/brand-dashboard';
-import Notification from '../../../atom/notification';
+import Banner from '../../../molecule/banner';
 import Header from '../../../organism/setup-header';
 import Loader from '../../../atom/loader';
 import Accordion from '../../../organism/accordion/coorp-manager';
 import style from './style.css';
 
-const SubTab = ({
-  title,
-  href,
-  selected
-}) => {
-  return /*#__PURE__*/React.createElement("h5", null, title);
-};
+const getStyle = isSelected => isSelected ? style.selectedElement : style.unselectedElement;
 
-SubTab.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: PropTypes.string.isRequired,
-  href: PropTypes.string.isRequired,
-  selected: PropTypes.bool.isRequired
-} : {};
+const subTabsView = (_subTabs = []) => map.convert({
+  cap: false
+})((subTab, _index) => /*#__PURE__*/React.createElement("div", {
+  key: subTab.title
+}, subTab.type === 'iconLink' ? /*#__PURE__*/React.createElement(IconLinkItem, _extends({}, subTab, {
+  styles: getStyle(subTab.selected),
+  uppercase: false,
+  target: '_blank'
+})) : /*#__PURE__*/React.createElement(LinkItem, _extends({}, subTab, {
+  styles: getStyle(subTab.selected),
+  uppercase: false
+}))))(_subTabs); // TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable
 
-const BrandUpdate = props => {
-  const {
-    notifications,
-    header,
-    items,
-    content,
-    details,
-    onItemClick
-  } = props;
-  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';
-  const selectedTab = pipe(filter(e => e.selected), head, get('tabs'), filter(e => e.selected), head)(items);
+
+const buildLeftNavigation = (logo, items, onItemClick) => {
   const formattedTabs = items.map(({
     key,
     title,
@@ -61,97 +52,120 @@ const BrandUpdate = props => {
     children: [],
     iconType: key || 'arrow'
   }));
-
-  const getStyle = isSelected => isSelected ? style.selectedElement : style.unselectedElement;
-
-  const subTabsView = (_subTabs = []) => map.convert({
-    cap: false
-  })((subTab, _index) => /*#__PURE__*/React.createElement("div", {
-    key: subTab.title
-  }, subTab.type === 'iconLink' ? /*#__PURE__*/React.createElement(IconLinkItem, _extends({}, subTab, {
-    styles: getStyle(subTab.selected),
-    uppercase: false,
-    target: '_blank'
-  })) : /*#__PURE__*/React.createElement(LinkItem, _extends({}, subTab, {
-    styles: getStyle(subTab.selected),
-    uppercase: false
-  }))))(_subTabs);
-
   const formattedTabsViews = map(tab => /*#__PURE__*/React.createElement("div", {
     key: tab.title,
-    className: style.tabs
+    className: style.subTabsView
   }, subTabsView(tab.tabs)))(items);
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.leftMenu
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.logo
+  }, /*#__PURE__*/React.createElement("a", {
+    href: "/"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: logo
+  }))), /*#__PURE__*/React.createElement(Accordion, {
+    tabProps: formattedTabs,
+    theme: 'setup',
+    onClick: onItemClick
+  }, formattedTabsViews));
+};
+
+const buildNotifications = notifications => {
+  if (isEmpty(notifications)) {
+    return null;
+  }
+
   const notificationsList = notifications.map((notification, index) => {
     return /*#__PURE__*/React.createElement("div", {
       className: style.notification,
       key: index
-    }, /*#__PURE__*/React.createElement(Notification, notification));
+    }, /*#__PURE__*/React.createElement(Banner, notification));
   });
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.notifications
+  }, notificationsList);
+};
+
+const buildHeader = (header, notifications) => {
+  const headerStyle = isEmpty(notifications) ? style.header : style.headerForNotifications;
+  return /*#__PURE__*/React.createElement("div", {
+    className: headerStyle
+  }, /*#__PURE__*/React.createElement(Header, header));
+};
 
-  const contentView = cont => {
-    if (!cont) return /*#__PURE__*/React.createElement(Loader, null);
-    const {
-      type
-    } = cont;
+const buildTabs = items => {
+  const selectedTab = pipe(find(e => e.selected), get('tabs'), find(e => e.selected))(items);
+  const showTabs = selectedTab && !isEmpty(selectedTab.subTabs);
+  if (!showTabs) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.tabs
+  }, /*#__PURE__*/React.createElement(BrandTabs, {
+    type: "light",
+    tabs: selectedTab.subTabs
+  }));
+};
+
+const buildContentView = content => {
+  if (!content) {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Loader, null));
+  }
+
+  const {
+    type
+  } = content;
 
-    switch (type) {
-      case 'form':
-        return /*#__PURE__*/React.createElement(BrandForm, cont);
+  switch (type) {
+    case 'form':
+      return /*#__PURE__*/React.createElement(BrandForm, content);
 
-      case 'list':
-        return /*#__PURE__*/React.createElement(BrandTable, cont);
+    case 'list':
+      return /*#__PURE__*/React.createElement(BrandTable, content);
 
-      case 'upload':
-        return /*#__PURE__*/React.createElement(BrandUpload, cont);
+    case 'upload':
+      return /*#__PURE__*/React.createElement(BrandUpload, content);
 
-      case 'analytics-dashboards':
-        return /*#__PURE__*/React.createElement(BrandAnalytics, cont);
+    case 'analytics-dashboards':
+      return /*#__PURE__*/React.createElement(BrandAnalytics, content);
 
-      case 'home':
-        return /*#__PURE__*/React.createElement(BrandDashboard, cont);
-    }
-  };
+    case 'home':
+      return /*#__PURE__*/React.createElement(BrandDashboard, content);
+  }
+};
 
-  const detailsView = cont => {
-    if (!cont) return;
-    return /*#__PURE__*/React.createElement(BrandTable, cont);
-  };
+const buildDetailsView = details => {
+  if (!details) return;
+  return /*#__PURE__*/React.createElement(BrandTable, details);
+};
 
+const BrandUpdate = props => {
+  const {
+    notifications,
+    header,
+    items,
+    content,
+    details,
+    onItemClick
+  } = props;
+  const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';
+  const leftNavigation = buildLeftNavigation(logo, items, onItemClick);
+  const notificationsView = buildNotifications(notifications);
+  const headerView = buildHeader(header, notifications);
+  const tabsView = buildTabs(items);
+  const contentView = buildContentView(content);
+  const detailsView = buildDetailsView(details);
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.dashboardAside
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.logo
-  }, /*#__PURE__*/React.createElement("a", {
-    href: "/"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: logo
-  }))), /*#__PURE__*/React.createElement(Accordion, {
-    tabProps: formattedTabs,
-    theme: 'setup',
-    onClick: onItemClick
-  }, formattedTabsViews)), /*#__PURE__*/React.createElement("div", {
+  }, leftNavigation, /*#__PURE__*/React.createElement("div", {
     className: style.contentWrapper
-  }, /*#__PURE__*/React.createElement(Header, header), /*#__PURE__*/React.createElement("div", {
-    className: style.notifications
-  }, notificationsList), content && content.type === 'home' ? contentView(content) : /*#__PURE__*/React.createElement("div", {
-    className: style.contentHandler
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.contentView
-  }, selectedTab && !isEmpty(selectedTab.subTabs) ? /*#__PURE__*/React.createElement(BrandTabs, {
-    type: "light",
-    tabs: selectedTab.subTabs
-  }) : null, /*#__PURE__*/React.createElement("div", {
-    className: style.dashboardContent
-  }, /*#__PURE__*/React.createElement("div", null, contentView(content)), /*#__PURE__*/React.createElement("div", null, detailsView(details)))))));
+  }, headerView, notificationsView, tabsView, contentView, detailsView));
 };
 
 BrandUpdate.defaultProps = {
   notifications: []
 };
 BrandUpdate.propTypes = process.env.NODE_ENV !== "production" ? {
-  notifications: PropTypes.arrayOf(PropTypes.shape(Notification.propTypes)),
+  notifications: PropTypes.arrayOf(PropTypes.shape(Banner.propTypes)),
   header: PropTypes.shape(_extends({}, Header.propTypes)),
   items: PropTypes.arrayOf(PropTypes.shape({
     key: PropTypes.string,