@coorpacademy/components 10.1.12-alpha.0 → 10.1.12

package/lib/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/lib/organism/list-item/test/fixtures/archived.js

@@ -0,0 +1,44 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _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')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=archived.js.map

package/lib/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":";;;;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,C","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/lib/organism/list-item/test/fixtures/draft.js

@@ -0,0 +1,44 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _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')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=draft.js.map

package/lib/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":";;;;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,C","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/lib/organism/list-item/test/fixtures/published.js

@@ -0,0 +1,44 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _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')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=published.js.map

package/lib/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":";;;;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,C","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/lib/organism/list-item/test/fixtures/revised.js

@@ -0,0 +1,46 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _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')
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=revised.js.map

package/lib/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":";;;;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,C","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/lib/organism/list-item/test/fixtures.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _archived = _interopRequireDefault(require("./fixtures/archived"));
+
+var _draft = _interopRequireDefault(require("./fixtures/draft"));
+
+var _published = _interopRequireDefault(require("./fixtures/published"));
+
+var _revised = _interopRequireDefault(require("./fixtures/revised"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Organism › OrganismListItem > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismListItem.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Organism › OrganismListItem › Archived › should be rendered', _renderComponent.default, _.default, _archived.default);
+(0, _ava.default)('Organism › OrganismListItem › Draft › should be rendered', _renderComponent.default, _.default, _draft.default);
+(0, _ava.default)('Organism › OrganismListItem › Published › should be rendered', _renderComponent.default, _.default, _published.default);
+(0, _ava.default)('Organism › OrganismListItem › Revised › should be rendered', _renderComponent.default, _.default, _revised.default);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/list-item/test/fixtures.js"],"names":["t","pass","OrganismListItem","propTypes","value","key","not","undefined","renderComponentMacro","fixtureArchived","fixtureDraft","fixturePublished","fixtureRevised"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,2DAAL,EAAkEA,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAiBC,SAAzB,EAAoC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAClDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,6DAAL,EAAoEG,wBAApE,EAA0FN,SAA1F,EAA4GO,iBAA5G;AACA,kBAAK,0DAAL,EAAiED,wBAAjE,EAAuFN,SAAvF,EAAyGQ,cAAzG;AACA,kBAAK,8DAAL,EAAqEF,wBAArE,EAA2FN,SAA3F,EAA6GS,kBAA7G;AACA,kBAAK,4DAAL,EAAmEH,wBAAnE,EAAyFN,SAAzF,EAA2GU,gBAA3G","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/lib/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/lib/template/back-office/brand-update/index.js

@@ -15,9 +15,7 @@ var _get = _interopRequireDefault(require("lodash/fp/get"));
 
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
 
-var _filter = _interopRequireDefault(require("lodash/fp/filter"));
-
-var _head = _interopRequireDefault(require("lodash/fp/head"));
+var _find = _interopRequireDefault(require("lodash/fp/find"));
 
 var _brandTabs = _interopRequireDefault(require("../../../molecule/brand-tabs"));
 
@@ -33,7 +31,7 @@ var _brandAnalytics = _interopRequireDefault(require("../../../organism/brand-an
 
 var _brandDashboard = _interopRequireDefault(require("../../../organism/brand-dashboard"));
 
-var _notification = _interopRequireDefault(require("../../../atom/notification"));
+var _banner = _interopRequireDefault(require("../../../molecule/banner"));
 
 var _setupHeader = _interopRequireDefault(require("../../../organism/setup-header"));
 
@@ -47,31 +45,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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 SubTab = ({
-  title,
-  href,
-  selected
-}) => {
-  return /*#__PURE__*/_react.default.createElement("h5", null, title);
-};
+const getStyle = isSelected => isSelected ? _style.default.selectedElement : _style.default.unselectedElement;
 
-SubTab.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: _propTypes.default.string.isRequired,
-  href: _propTypes.default.string.isRequired,
-  selected: _propTypes.default.bool.isRequired
-} : {};
+const subTabsView = (_subTabs = []) => _map.default.convert({
+  cap: false
+})((subTab, _index) => /*#__PURE__*/_react.default.createElement("div", {
+  key: subTab.title
+}, subTab.type === 'iconLink' ? /*#__PURE__*/_react.default.createElement(_sidebar.IconLinkItem, _extends({}, subTab, {
+  styles: getStyle(subTab.selected),
+  uppercase: false,
+  target: '_blank'
+})) : /*#__PURE__*/_react.default.createElement(_sidebar.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 = (0, _pipe.default)((0, _filter.default)(e => e.selected), _head.default, (0, _get.default)('tabs'), (0, _filter.default)(e => e.selected), _head.default)(items);
+
+const buildLeftNavigation = (logo, items, onItemClick) => {
   const formattedTabs = items.map(({
     key,
     title,
@@ -87,97 +77,120 @@ const BrandUpdate = props => {
     children: [],
     iconType: key || 'arrow'
   }));
-
-  const getStyle = isSelected => isSelected ? _style.default.selectedElement : _style.default.unselectedElement;
-
-  const subTabsView = (_subTabs = []) => _map.default.convert({
-    cap: false
-  })((subTab, _index) => /*#__PURE__*/_react.default.createElement("div", {
-    key: subTab.title
-  }, subTab.type === 'iconLink' ? /*#__PURE__*/_react.default.createElement(_sidebar.IconLinkItem, _extends({}, subTab, {
-    styles: getStyle(subTab.selected),
-    uppercase: false,
-    target: '_blank'
-  })) : /*#__PURE__*/_react.default.createElement(_sidebar.LinkItem, _extends({}, subTab, {
-    styles: getStyle(subTab.selected),
-    uppercase: false
-  }))))(_subTabs);
-
   const formattedTabsViews = (0, _map.default)(tab => /*#__PURE__*/_react.default.createElement("div", {
     key: tab.title,
-    className: _style.default.tabs
+    className: _style.default.subTabsView
   }, subTabsView(tab.tabs)))(items);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.leftMenu
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.logo
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    href: "/"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: logo
+  }))), /*#__PURE__*/_react.default.createElement(_coorpManager.default, {
+    tabProps: formattedTabs,
+    theme: 'setup',
+    onClick: onItemClick
+  }, formattedTabsViews));
+};
+
+const buildNotifications = notifications => {
+  if ((0, _isEmpty.default)(notifications)) {
+    return null;
+  }
+
   const notificationsList = notifications.map((notification, index) => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.notification,
       key: index
-    }, /*#__PURE__*/_react.default.createElement(_notification.default, notification));
+    }, /*#__PURE__*/_react.default.createElement(_banner.default, notification));
   });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.notifications
+  }, notificationsList);
+};
 
-  const contentView = cont => {
-    if (!cont) return /*#__PURE__*/_react.default.createElement(_loader.default, null);
-    const {
-      type
-    } = cont;
+const buildHeader = (header, notifications) => {
+  const headerStyle = (0, _isEmpty.default)(notifications) ? _style.default.header : _style.default.headerForNotifications;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: headerStyle
+  }, /*#__PURE__*/_react.default.createElement(_setupHeader.default, header));
+};
 
-    switch (type) {
-      case 'form':
-        return /*#__PURE__*/_react.default.createElement(_brandForm.default, cont);
+const buildTabs = items => {
+  const selectedTab = (0, _pipe.default)((0, _find.default)(e => e.selected), (0, _get.default)('tabs'), (0, _find.default)(e => e.selected))(items);
+  const showTabs = selectedTab && !(0, _isEmpty.default)(selectedTab.subTabs);
+  if (!showTabs) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.tabs
+  }, /*#__PURE__*/_react.default.createElement(_brandTabs.default, {
+    type: "light",
+    tabs: selectedTab.subTabs
+  }));
+};
+
+const buildContentView = content => {
+  if (!content) {
+    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_loader.default, null));
+  }
+
+  const {
+    type
+  } = content;
+
+  switch (type) {
+    case 'form':
+      return /*#__PURE__*/_react.default.createElement(_brandForm.default, content);
 
-      case 'list':
-        return /*#__PURE__*/_react.default.createElement(_brandTable.default, cont);
+    case 'list':
+      return /*#__PURE__*/_react.default.createElement(_brandTable.default, content);
 
-      case 'upload':
-        return /*#__PURE__*/_react.default.createElement(_brandUpload.default, cont);
+    case 'upload':
+      return /*#__PURE__*/_react.default.createElement(_brandUpload.default, content);
 
-      case 'analytics-dashboards':
-        return /*#__PURE__*/_react.default.createElement(_brandAnalytics.default, cont);
+    case 'analytics-dashboards':
+      return /*#__PURE__*/_react.default.createElement(_brandAnalytics.default, content);
 
-      case 'home':
-        return /*#__PURE__*/_react.default.createElement(_brandDashboard.default, cont);
-    }
-  };
+    case 'home':
+      return /*#__PURE__*/_react.default.createElement(_brandDashboard.default, content);
+  }
+};
 
-  const detailsView = cont => {
-    if (!cont) return;
-    return /*#__PURE__*/_react.default.createElement(_brandTable.default, cont);
-  };
+const buildDetailsView = details => {
+  if (!details) return;
+  return /*#__PURE__*/_react.default.createElement(_brandTable.default, 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.default.createElement("div", {
     className: _style.default.container
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dashboardAside
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.logo
-  }, /*#__PURE__*/_react.default.createElement("a", {
-    href: "/"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: logo
-  }))), /*#__PURE__*/_react.default.createElement(_coorpManager.default, {
-    tabProps: formattedTabs,
-    theme: 'setup',
-    onClick: onItemClick
-  }, formattedTabsViews)), /*#__PURE__*/_react.default.createElement("div", {
+  }, leftNavigation, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.contentWrapper
-  }, /*#__PURE__*/_react.default.createElement(_setupHeader.default, header), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.notifications
-  }, notificationsList), content && content.type === 'home' ? contentView(content) : /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.contentHandler
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.contentView
-  }, selectedTab && !(0, _isEmpty.default)(selectedTab.subTabs) ? /*#__PURE__*/_react.default.createElement(_brandTabs.default, {
-    type: "light",
-    tabs: selectedTab.subTabs
-  }) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dashboardContent
-  }, /*#__PURE__*/_react.default.createElement("div", null, contentView(content)), /*#__PURE__*/_react.default.createElement("div", null, detailsView(details)))))));
+  }, headerView, notificationsView, tabsView, contentView, detailsView));
 };
 
 BrandUpdate.defaultProps = {
   notifications: []
 };
 BrandUpdate.propTypes = process.env.NODE_ENV !== "production" ? {
-  notifications: _propTypes.default.arrayOf(_propTypes.default.shape(_notification.default.propTypes)),
+  notifications: _propTypes.default.arrayOf(_propTypes.default.shape(_banner.default.propTypes)),
   header: _propTypes.default.shape(_extends({}, _setupHeader.default.propTypes)),
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
     key: _propTypes.default.string,