@coorpacademy/components 10.4.0 → 10.4.2

package/es/template/back-office/brand-update/test/fixtures/manageusers-edit.js

@@ -12,7 +12,242 @@ export default {
   props: _defaultsDeep(props, {
     content: _extends(_extends({}, content), {}, {
       type: 'form'
-    })
+    }),
+    items: [{
+      title: 'Dashboard',
+      key: 'dashboard',
+      href: '/brands/digital/dashboard',
+      name: 'brand_tab_dashboard',
+      selected: false,
+      tabs: [],
+      type: 'simpleTab',
+      permissions: []
+    }, {
+      title: 'Administration',
+      key: 'administration',
+      href: '/brands/digital/admin/',
+      name: 'brand_tab_admin_my_platform',
+      selected: true,
+      tabs: [{
+        title: 'My Platform',
+        href: '/brands/digital/admin/my-platform/general-settings',
+        name: 'brand_tab_admin_my_platform',
+        selected: false,
+        type: 'simpleTab',
+        subTabs: [{
+          title: 'General Settings',
+          href: '/brands/digital/admin/my-platform/general-settings',
+          name: 'general-settings',
+          permissions: ['general-settings'],
+          selected: false,
+          type: 'simpleTab'
+        }, {
+          title: 'SSO',
+          href: '/brands/digital/admin/my-platform/sso',
+          name: 'sso',
+          permissions: ['sso'],
+          selected: false,
+          type: 'simpleTab'
+        }, {
+          title: 'Danger Zone',
+          href: '/brands/digital/admin/my-platform/danger-zone',
+          name: 'danger-zone',
+          permissions: ['danger-zone'],
+          selected: false,
+          type: 'simpleTab'
+        }]
+      }, {
+        title: 'User',
+        href: '/brands/digital/admin/user/manage',
+        name: 'brand_tab_admin_user',
+        selected: true,
+        type: 'simpleTab',
+        subTabs: [{
+          title: 'Manage Users',
+          href: '/brands/digital/admin/user/manage',
+          name: 'manage',
+          permissions: ['list-users'],
+          selected: true,
+          type: 'simpleTab'
+        }, {
+          title: 'Upload Users',
+          href: '/brands/digital/admin/user/upload',
+          name: 'upload',
+          permissions: ['upload-users'],
+          selected: false,
+          type: 'simpleTab'
+        }]
+      }, {
+        title: 'Integration',
+        href: '/brands/digital/admin/integration/lms',
+        name: 'brand_tab_admin_integration',
+        selected: false,
+        type: 'simpleTab',
+        subTabs: [{
+          title: 'LMS',
+          href: '/brands/digital/admin/integration/lms',
+          name: 'lms',
+          permissions: ['lms'],
+          selected: false,
+          type: 'simpleTab'
+        }, {
+          title: 'Teams',
+          href: '/brands/digital/admin/integration/teams',
+          name: 'teams',
+          permissions: ['teams'],
+          selected: false,
+          type: 'simpleTab'
+        }]
+      }],
+      type: 'collapsibleTab',
+      subTabs: []
+    }, {
+      title: 'Editorialization',
+      key: 'editorialization',
+      href: '/brands/digital/editorialization/',
+      name: 'brand_tab_editorialization_look_and_feel',
+      selected: false,
+      tabs: [{
+        title: 'Look & Feel',
+        href: '/brands/digital/editorialization/look-and-feel',
+        name: 'brand_tab_editorialization_look_and_feel',
+        permissions: ['look-feel'],
+        selected: false,
+        type: 'simpleTab',
+        subTabs: []
+      }, {
+        title: 'Dashboard',
+        href: '/brands/digital/editorialization/dashboard',
+        name: 'brand_tab_editorialization_dahsboard',
+        permissions: ['dashboard'],
+        selected: false,
+        type: 'simpleTab',
+        subTabs: []
+      }, {
+        title: 'Content',
+        href: '/brands/digital/editorialization/content/subscription',
+        name: 'brand_tab_editorialization',
+        selected: false,
+        type: 'simpleTab',
+        subTabs: [{
+          title: 'Content Subscription',
+          href: '/brands/digital/editorialization/content/subscription',
+          name: 'content-subscription',
+          permissions: ['content-subscribtion'],
+          selected: false,
+          type: 'simpleTab'
+        }, {
+          title: 'Content Settings',
+          href: '/brands/digital/editorialization/content/settings',
+          name: 'content-settings',
+          permissions: ['content-settings'],
+          selected: false,
+          type: 'simpleTab'
+        }]
+      }, {
+        title: 'Custom Playlists',
+        href: '/brands/digital/editorialization/custom-playlist/published',
+        name: 'brand_tab_editorialization_custom_playlists',
+        selected: false,
+        type: 'simpleTab',
+        subTabs: [{
+          title: 'Published',
+          href: '/brands/digital/editorialization/custom-playlist/published',
+          name: 'published',
+          permissions: ['list-custom-playlist'],
+          selected: false,
+          type: 'simpleTab'
+        }, {
+          title: 'Drafts',
+          href: '/brands/digital/editorialization/custom-playlist/draft',
+          name: 'drafts',
+          permissions: ['list-custom-playlist'],
+          selected: false,
+          type: 'simpleTab'
+        }, {
+          title: 'Archived',
+          href: '/brands/digital/editorialization/custom-playlist/archived',
+          name: 'archived',
+          permissions: ['list-custom-playlist'],
+          selected: false,
+          type: 'simpleTab'
+        }]
+      }],
+      type: 'collapsibleTab'
+    }, {
+      title: 'Animation',
+      key: 'animation',
+      href: '/brands/digital/animation/',
+      name: 'brand_tab_animation',
+      selected: false,
+      tabs: [{
+        title: 'Emails',
+        href: '/brands/digital/animation/email',
+        name: 'email',
+        permissions: ['email'],
+        selected: false,
+        type: 'simpleTab',
+        subTabs: []
+      }, {
+        title: 'Massive Battle',
+        href: '/brands/digital/animation/massive-battle',
+        name: 'massive-battle',
+        permissions: ['animation-platform'],
+        selected: false,
+        type: 'simpleTab',
+        subTabs: []
+      }, {
+        title: 'Forum',
+        href: '/brands/digital/animation/forum',
+        name: 'forum',
+        permissions: ['forum'],
+        selected: false,
+        type: 'simpleTab',
+        subTabs: []
+      }, {
+        title: 'CMS',
+        href: 'http://digital.mooc:3000/cms/pages',
+        name: 'cms',
+        permissions: ['cms'],
+        selected: false,
+        type: 'iconLink',
+        subTabs: []
+      }],
+      type: 'collapsibleTab'
+    }, {
+      title: 'Content Creation',
+      key: 'contentCreation',
+      href: 'https://cockpit.coorpacademy.com/#/platforms?brand=digital',
+      name: 'brand_tab_content_creation',
+      selected: false,
+      tabs: [],
+      type: 'iconLink',
+      permissions: ['content-creation']
+    }, {
+      title: 'Analytics',
+      key: 'analytics',
+      href: '/brands/digital/analytics/',
+      name: 'brand_tab_analytics_settings',
+      selected: false,
+      tabs: [{
+        title: 'Settings',
+        href: '/brands/digital/analytics/settings',
+        name: 'analytics-settings',
+        permissions: ['analytics-settings'],
+        selected: false,
+        type: 'simpleTab',
+        subTabs: []
+      }, {
+        title: 'Go To Analytics',
+        href: 'http://digital.mooc:3000/sso/connect?redirect-to=%2Fanalytics',
+        name: 'go_to_analytics',
+        permissions: ['go-to-analytics'],
+        selected: false,
+        type: 'iconLink',
+        subTabs: []
+      }],
+      type: 'collapsibleTab'
+    }]
   })
 };
 //# sourceMappingURL=manageusers-edit.js.map

package/es/template/back-office/brand-update/test/fixtures/manageusers-edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/manageusers-edit.js"],"names":["UserEdit","Users","props","content","type"],"mappings":";;;;AACA,OAAOA,QAAP,MAAqB,mEAArB;AACA,OAAOC,KAAP,MAAkB,WAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AACA,MAAME,OAAO,GAAGH,QAAQ,CAACE,KAAzB;AAEA,eAAe;AACbA,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,wBACFA,OADE;AAELC,MAAAA,IAAI,EAAE;AAFD;AADkB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport UserEdit from '../../../../../organism/brand-form/test/fixtures/manageusers-edit';\nimport Users from './default';\n\nconst {props} = Users;\nconst content = UserEdit.props;\n\nexport default {\n  props: defaultsDeep(props, {\n    content: {\n      ...content,\n      type: 'form'\n    }\n  })\n};\n"],"file":"manageusers-edit.js"}
+{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/manageusers-edit.js"],"names":["UserEdit","Users","props","content","type","items","title","key","href","name","selected","tabs","permissions","subTabs"],"mappings":"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","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport UserEdit from '../../../../../organism/brand-form/test/fixtures/manageusers-edit';\nimport Users from './default';\n\nconst {props} = Users;\nconst content = UserEdit.props;\n\nexport default {\n  props: defaultsDeep(props, {\n    content: {\n      ...content,\n      type: 'form'\n    },\n    items: [\n      {\n        title: 'Dashboard',\n        key: 'dashboard',\n        href: '/brands/digital/dashboard',\n        name: 'brand_tab_dashboard',\n        selected: false,\n        tabs: [],\n        type: 'simpleTab',\n        permissions: []\n      },\n      {\n        title: 'Administration',\n        key: 'administration',\n        href: '/brands/digital/admin/',\n        name: 'brand_tab_admin_my_platform',\n        selected: true,\n        tabs: [\n          {\n            title: 'My Platform',\n            href: '/brands/digital/admin/my-platform/general-settings',\n            name: 'brand_tab_admin_my_platform',\n            selected: false,\n            type: 'simpleTab',\n            subTabs: [\n              {\n                title: 'General Settings',\n                href: '/brands/digital/admin/my-platform/general-settings',\n                name: 'general-settings',\n                permissions: ['general-settings'],\n                selected: false,\n                type: 'simpleTab'\n              },\n              {\n                title: 'SSO',\n                href: '/brands/digital/admin/my-platform/sso',\n                name: 'sso',\n                permissions: ['sso'],\n                selected: false,\n                type: 'simpleTab'\n              },\n              {\n                title: 'Danger Zone',\n                href: '/brands/digital/admin/my-platform/danger-zone',\n                name: 'danger-zone',\n                permissions: ['danger-zone'],\n                selected: false,\n                type: 'simpleTab'\n              }\n            ]\n          },\n          {\n            title: 'User',\n            href: '/brands/digital/admin/user/manage',\n            name: 'brand_tab_admin_user',\n            selected: true,\n            type: 'simpleTab',\n            subTabs: [\n              {\n                title: 'Manage Users',\n                href: '/brands/digital/admin/user/manage',\n                name: 'manage',\n                permissions: ['list-users'],\n                selected: true,\n                type: 'simpleTab'\n              },\n              {\n                title: 'Upload Users',\n                href: '/brands/digital/admin/user/upload',\n                name: 'upload',\n                permissions: ['upload-users'],\n                selected: false,\n                type: 'simpleTab'\n              }\n            ]\n          },\n          {\n            title: 'Integration',\n            href: '/brands/digital/admin/integration/lms',\n            name: 'brand_tab_admin_integration',\n            selected: false,\n            type: 'simpleTab',\n            subTabs: [\n              {\n                title: 'LMS',\n                href: '/brands/digital/admin/integration/lms',\n                name: 'lms',\n                permissions: ['lms'],\n                selected: false,\n                type: 'simpleTab'\n              },\n              {\n                title: 'Teams',\n                href: '/brands/digital/admin/integration/teams',\n                name: 'teams',\n                permissions: ['teams'],\n                selected: false,\n                type: 'simpleTab'\n              }\n            ]\n          }\n        ],\n        type: 'collapsibleTab',\n        subTabs: []\n      },\n      {\n        title: 'Editorialization',\n        key: 'editorialization',\n        href: '/brands/digital/editorialization/',\n        name: 'brand_tab_editorialization_look_and_feel',\n        selected: false,\n        tabs: [\n          {\n            title: 'Look & Feel',\n            href: '/brands/digital/editorialization/look-and-feel',\n            name: 'brand_tab_editorialization_look_and_feel',\n            permissions: ['look-feel'],\n            selected: false,\n            type: 'simpleTab',\n            subTabs: []\n          },\n          {\n            title: 'Dashboard',\n            href: '/brands/digital/editorialization/dashboard',\n            name: 'brand_tab_editorialization_dahsboard',\n            permissions: ['dashboard'],\n            selected: false,\n            type: 'simpleTab',\n            subTabs: []\n          },\n          {\n            title: 'Content',\n            href: '/brands/digital/editorialization/content/subscription',\n            name: 'brand_tab_editorialization',\n            selected: false,\n            type: 'simpleTab',\n            subTabs: [\n              {\n                title: 'Content Subscription',\n                href: '/brands/digital/editorialization/content/subscription',\n                name: 'content-subscription',\n                permissions: ['content-subscribtion'],\n                selected: false,\n                type: 'simpleTab'\n              },\n              {\n                title: 'Content Settings',\n                href: '/brands/digital/editorialization/content/settings',\n                name: 'content-settings',\n                permissions: ['content-settings'],\n                selected: false,\n                type: 'simpleTab'\n              }\n            ]\n          },\n          {\n            title: 'Custom Playlists',\n            href: '/brands/digital/editorialization/custom-playlist/published',\n            name: 'brand_tab_editorialization_custom_playlists',\n            selected: false,\n            type: 'simpleTab',\n            subTabs: [\n              {\n                title: 'Published',\n                href: '/brands/digital/editorialization/custom-playlist/published',\n                name: 'published',\n                permissions: ['list-custom-playlist'],\n                selected: false,\n                type: 'simpleTab'\n              },\n              {\n                title: 'Drafts',\n                href: '/brands/digital/editorialization/custom-playlist/draft',\n                name: 'drafts',\n                permissions: ['list-custom-playlist'],\n                selected: false,\n                type: 'simpleTab'\n              },\n              {\n                title: 'Archived',\n                href: '/brands/digital/editorialization/custom-playlist/archived',\n                name: 'archived',\n                permissions: ['list-custom-playlist'],\n                selected: false,\n                type: 'simpleTab'\n              }\n            ]\n          }\n        ],\n        type: 'collapsibleTab'\n      },\n      {\n        title: 'Animation',\n        key: 'animation',\n        href: '/brands/digital/animation/',\n        name: 'brand_tab_animation',\n        selected: false,\n        tabs: [\n          {\n            title: 'Emails',\n            href: '/brands/digital/animation/email',\n            name: 'email',\n            permissions: ['email'],\n            selected: false,\n            type: 'simpleTab',\n            subTabs: []\n          },\n          {\n            title: 'Massive Battle',\n            href: '/brands/digital/animation/massive-battle',\n            name: 'massive-battle',\n            permissions: ['animation-platform'],\n            selected: false,\n            type: 'simpleTab',\n            subTabs: []\n          },\n          {\n            title: 'Forum',\n            href: '/brands/digital/animation/forum',\n            name: 'forum',\n            permissions: ['forum'],\n            selected: false,\n            type: 'simpleTab',\n            subTabs: []\n          },\n          {\n            title: 'CMS',\n            href: 'http://digital.mooc:3000/cms/pages',\n            name: 'cms',\n            permissions: ['cms'],\n            selected: false,\n            type: 'iconLink',\n            subTabs: []\n          }\n        ],\n        type: 'collapsibleTab'\n      },\n      {\n        title: 'Content Creation',\n        key: 'contentCreation',\n        href: 'https://cockpit.coorpacademy.com/#/platforms?brand=digital',\n        name: 'brand_tab_content_creation',\n        selected: false,\n        tabs: [],\n        type: 'iconLink',\n        permissions: ['content-creation']\n      },\n      {\n        title: 'Analytics',\n        key: 'analytics',\n        href: '/brands/digital/analytics/',\n        name: 'brand_tab_analytics_settings',\n        selected: false,\n        tabs: [\n          {\n            title: 'Settings',\n            href: '/brands/digital/analytics/settings',\n            name: 'analytics-settings',\n            permissions: ['analytics-settings'],\n            selected: false,\n            type: 'simpleTab',\n            subTabs: []\n          },\n          {\n            title: 'Go To Analytics',\n            href: 'http://digital.mooc:3000/sso/connect?redirect-to=%2Fanalytics',\n            name: 'go_to_analytics',\n            permissions: ['go-to-analytics'],\n            selected: false,\n            type: 'iconLink',\n            subTabs: []\n          }\n        ],\n        type: 'collapsibleTab'\n      }\n    ]\n  })\n};\n"],"file":"manageusers-edit.js"}

package/es/template/back-office/brand-update/test/fixtures/manageusers-list.js

@@ -1,6 +1,6 @@
 import _defaultsDeep from "lodash/fp/defaultsDeep";
 import BrandTable from '../../../../../organism/brand-table/test/fixtures/default';
-import Users from './default';
+import Users from './manageusers-edit';
 const {
   props
 } = Users;

package/es/template/back-office/brand-update/test/fixtures/manageusers-list.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/manageusers-list.js"],"names":["BrandTable","Users","props","content","type"],"mappings":";AACA,OAAOA,UAAP,MAAuB,2DAAvB;AACA,OAAOC,KAAP,MAAkB,WAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AACA,MAAME,OAAO,GAAGH,UAAU,CAACE,KAA3B;AAEA,eAAe;AACbA,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,EAAE,cAAaA,OAAb,EAAsB;AAC7BC,MAAAA,IAAI,EAAE;AADuB,KAAtB;AADgB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport BrandTable from '../../../../../organism/brand-table/test/fixtures/default';\nimport Users from './default';\n\nconst {props} = Users;\nconst content = BrandTable.props;\n\nexport default {\n  props: defaultsDeep(props, {\n    content: defaultsDeep(content, {\n      type: 'list'\n    })\n  })\n};\n"],"file":"manageusers-list.js"}
+{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/manageusers-list.js"],"names":["BrandTable","Users","props","content","type"],"mappings":";AACA,OAAOA,UAAP,MAAuB,2DAAvB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AACA,MAAME,OAAO,GAAGH,UAAU,CAACE,KAA3B;AAEA,eAAe;AACbA,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,EAAE,cAAaA,OAAb,EAAsB;AAC7BC,MAAAA,IAAI,EAAE;AADuB,KAAtB;AADgB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport BrandTable from '../../../../../organism/brand-table/test/fixtures/default';\nimport Users from './manageusers-edit';\n\nconst {props} = Users;\nconst content = BrandTable.props;\n\nexport default {\n  props: defaultsDeep(props, {\n    content: defaultsDeep(content, {\n      type: 'list'\n    })\n  })\n};\n"],"file":"manageusers-list.js"}

package/es/template/back-office/brand-update/test/fixtures/uploadusers.js

@@ -3,7 +3,7 @@ import _defaultsDeep from "lodash/fp/defaultsDeep";
 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); }
 
 import BrandUpload from '../../../../../organism/brand-upload/test/fixtures/default';
-import Users from './default';
+import Users from './manageusers-edit';
 const {
   props
 } = Users;

package/es/template/back-office/brand-update/test/fixtures/uploadusers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/uploadusers.js"],"names":["BrandUpload","Users","props","content","type"],"mappings":";;;;AACA,OAAOA,WAAP,MAAwB,4DAAxB;AACA,OAAOC,KAAP,MAAkB,WAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,wBACFH,WAAW,CAACE,KADV;AAELE,MAAAA,IAAI,EAAE;AAFD;AADkB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport BrandUpload from '../../../../../organism/brand-upload/test/fixtures/default';\nimport Users from './default';\n\nconst {props} = Users;\n\nexport default {\n  props: defaultsDeep(props, {\n    content: {\n      ...BrandUpload.props,\n      type: 'upload'\n    }\n  })\n};\n"],"file":"uploadusers.js"}
+{"version":3,"sources":["../../../../../../src/template/back-office/brand-update/test/fixtures/uploadusers.js"],"names":["BrandUpload","Users","props","content","type"],"mappings":";;;;AACA,OAAOA,WAAP,MAAwB,4DAAxB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,KAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,wBACFH,WAAW,CAACE,KADV;AAELE,MAAAA,IAAI,EAAE;AAFD;AADkB,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport BrandUpload from '../../../../../organism/brand-upload/test/fixtures/default';\nimport Users from './manageusers-edit';\n\nconst {props} = Users;\n\nexport default {\n  props: defaultsDeep(props, {\n    content: {\n      ...BrandUpload.props,\n      type: 'upload'\n    }\n  })\n};\n"],"file":"uploadusers.js"}

package/lib/molecule/wizard-summary/style.css

@@ -26,7 +26,6 @@
   bottom: 0px;
   display: flex;
   flex-direction: column;
-  max-height: 586px;
 }
 
 .summary {

package/lib/organism/course-selection/index.js

@@ -19,6 +19,8 @@ var _card = _interopRequireDefault(require("../../molecule/card"));
 
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
 
+var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -65,7 +67,11 @@ const CourseSelection = props => {
     className: _style.default.contentFilter
   }, /*#__PURE__*/_react.default.createElement(_selectMultiple.default, contentTypeFilter)), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, switchButton)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.cardsContainer
-  }, resultView));
+  }, isLoading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.loader
+  }, /*#__PURE__*/_react.default.createElement(_loader.default, {
+    theme: "coorpmanager"
+  })) : resultView));
 };
 
 CourseSelection.propTypes = process.env.NODE_ENV !== "production" ? {

package/lib/organism/course-selection/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/course-selection/index.js"],"names":["buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","style","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","propTypes","PropTypes","shape","Search","bool","SelectMultiple","arrayOf","Card","string","firstMessage","secondMessage","InputSwitch"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,KAAkE;AACxF,MAAI,CAACA,SAAD,IAAc,uBAAQH,OAAR,CAAlB,EAAoC;AAClC,wBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAME,KAAK,GAAGJ,OAAO,CAACK,GAAR,CAAY,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACzC,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMC,KAArB;AAA4B,MAAA,GAAG,EAAG,QAAOF,KAAM,EAA/C;AAAkD,mBAAY,UAASA,KAAM;AAA7E,oBACE,6BAAC,aAAD,EAAUD,IAAV,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYL;AAAhB,KAA4CG,KAA5C,CAAP;AACD,CAdD;;AAgBA,MAAMM,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,iBAFI;AAGJb,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJC,IAAAA,SAAS,GAAG,KALR;AAMJ,oCAAgCF,yBAN5B;AAOJa,IAAAA;AAPI,MAQFH,KARJ;AAUA,QAAMI,UAAU,GAAGhB,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAET,eAAMI;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,eAAMU;AAAtB,kBACE,6BAAC,uBAAD,EAAoBL,iBAApB,CADF,CAJF,eAOE,6BAAC,oBAAD,EAAiBC,YAAjB,CAPF,CADF,eAUE;AAAK,IAAA,SAAS,EAAEN,eAAMW;AAAtB,KAAuCJ,UAAvC,CAVF,CADF;AAcD,CA3BD;;AA6BAL,eAAe,CAACU,SAAhB,2CAA4B;AAC1BR,EAAAA,MAAM,EAAES,mBAAUC,KAAV,CAAgBC,qBAAOF,SAAvB,CADkB;AAE1BlB,EAAAA,SAAS,EAAEkB,mBAAUG,IAFK;AAG1BX,EAAAA,iBAAiB,EAAEQ,mBAAUC,KAAV,CAAgBG,wBAAeJ,SAA/B,CAHO;AAI1BrB,EAAAA,OAAO,EAAEqB,mBAAUK,OAAV,CAAkBL,mBAAUC,KAAV,CAAgBK,cAAKP,SAArB,CAAlB,CAJiB;AAK1B,kCAAgCC,mBAAUO,MALhB;AAM1B1B,EAAAA,aAAa,EAAEmB,mBAAUC,KAAV,CAAgB;AAC7BO,IAAAA,YAAY,EAAER,mBAAUO,MADK;AAE7BE,IAAAA,aAAa,EAAET,mBAAUO;AAFI,GAAhB,CANW;AAU1Bd,EAAAA,YAAY,EAAEO,mBAAUC,KAAV,CAAgBS,qBAAYV,SAA5B;AAVY,CAA5B;eAaeX,e","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport Card from '../../molecule/card';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(courses)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = courses.map((card, index) => {\n    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`course-${index}`}>\n        <Card {...card} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={coursesSelectionAriaLabel}>{items}</ul>;\n};\n\nconst CourseSelection = props => {\n  const {\n    search,\n    contentTypeFilter,\n    courses,\n    emptyMessages,\n    isLoading = false,\n    'courses-selection-aria-label': coursesSelectionAriaLabel,\n    switchButton\n  } = props;\n\n  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);\n\n  return (\n    <div className={style.container}>\n      <div className={style.filters}>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n        <div className={style.contentFilter}>\n          <SelectMultiple {...contentTypeFilter} />\n        </div>\n        <InputSwitch {...switchButton} />\n      </div>\n      <div className={style.cardsContainer}>{resultView}</div>\n    </div>\n  );\n};\n\nCourseSelection.propTypes = {\n  search: PropTypes.shape(Search.PropTypes),\n  isLoading: PropTypes.bool,\n  contentTypeFilter: PropTypes.shape(SelectMultiple.PropTypes),\n  courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  'courses-selection-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  }),\n  switchButton: PropTypes.shape(InputSwitch.PropTypes)\n};\n\nexport default CourseSelection;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/course-selection/index.js"],"names":["buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","style","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","loader","propTypes","PropTypes","shape","Search","bool","SelectMultiple","arrayOf","Card","string","firstMessage","secondMessage","InputSwitch"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,KAAkE;AACxF,MAAI,CAACA,SAAD,IAAc,uBAAQH,OAAR,CAAlB,EAAoC;AAClC,wBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAME,KAAK,GAAGJ,OAAO,CAACK,GAAR,CAAY,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACzC,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMC,KAArB;AAA4B,MAAA,GAAG,EAAG,QAAOF,KAAM,EAA/C;AAAkD,mBAAY,UAASA,KAAM;AAA7E,oBACE,6BAAC,aAAD,EAAUD,IAAV,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYL;AAAhB,KAA4CG,KAA5C,CAAP;AACD,CAdD;;AAgBA,MAAMM,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,iBAFI;AAGJb,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJC,IAAAA,SAAS,GAAG,KALR;AAMJ,oCAAgCF,yBAN5B;AAOJa,IAAAA;AAPI,MAQFH,KARJ;AAUA,QAAMI,UAAU,GAAGhB,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAET,eAAMI;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,eAAMU;AAAtB,kBACE,6BAAC,uBAAD,EAAoBL,iBAApB,CADF,CAJF,eAOE,6BAAC,oBAAD,EAAiBC,YAAjB,CAPF,CADF,eAUE;AAAK,IAAA,SAAS,EAAEN,eAAMW;AAAtB,KACGhB,SAAS,gBACR;AAAK,IAAA,SAAS,EAAEK,eAAMY;AAAtB,kBACE,6BAAC,eAAD;AAAQ,IAAA,KAAK,EAAC;AAAd,IADF,CADQ,GAKRL,UANJ,CAVF,CADF;AAsBD,CAnCD;;AAqCAL,eAAe,CAACW,SAAhB,2CAA4B;AAC1BT,EAAAA,MAAM,EAAEU,mBAAUC,KAAV,CAAgBC,qBAAOF,SAAvB,CADkB;AAE1BnB,EAAAA,SAAS,EAAEmB,mBAAUG,IAFK;AAG1BZ,EAAAA,iBAAiB,EAAES,mBAAUC,KAAV,CAAgBG,wBAAeJ,SAA/B,CAHO;AAI1BtB,EAAAA,OAAO,EAAEsB,mBAAUK,OAAV,CAAkBL,mBAAUC,KAAV,CAAgBK,cAAKP,SAArB,CAAlB,CAJiB;AAK1B,kCAAgCC,mBAAUO,MALhB;AAM1B3B,EAAAA,aAAa,EAAEoB,mBAAUC,KAAV,CAAgB;AAC7BO,IAAAA,YAAY,EAAER,mBAAUO,MADK;AAE7BE,IAAAA,aAAa,EAAET,mBAAUO;AAFI,GAAhB,CANW;AAU1Bf,EAAAA,YAAY,EAAEQ,mBAAUC,KAAV,CAAgBS,qBAAYV,SAA5B;AAVY,CAA5B;eAaeZ,e","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport Card from '../../molecule/card';\nimport InputSwitch from '../../atom/input-switch';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(courses)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = courses.map((card, index) => {\n    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`course-${index}`}>\n        <Card {...card} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={coursesSelectionAriaLabel}>{items}</ul>;\n};\n\nconst CourseSelection = props => {\n  const {\n    search,\n    contentTypeFilter,\n    courses,\n    emptyMessages,\n    isLoading = false,\n    'courses-selection-aria-label': coursesSelectionAriaLabel,\n    switchButton\n  } = props;\n\n  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);\n\n  return (\n    <div className={style.container}>\n      <div className={style.filters}>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n        <div className={style.contentFilter}>\n          <SelectMultiple {...contentTypeFilter} />\n        </div>\n        <InputSwitch {...switchButton} />\n      </div>\n      <div className={style.cardsContainer}>\n        {isLoading ? (\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nCourseSelection.propTypes = {\n  search: PropTypes.shape(Search.PropTypes),\n  isLoading: PropTypes.bool,\n  contentTypeFilter: PropTypes.shape(SelectMultiple.PropTypes),\n  courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  'courses-selection-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  }),\n  switchButton: PropTypes.shape(InputSwitch.PropTypes)\n};\n\nexport default CourseSelection;\n"],"file":"index.js"}

package/lib/organism/course-selection/style.css

@@ -31,4 +31,10 @@
 .cards {
   display: inline-block;
   margin: 0 16px 16px 0px;
-}
+}
+
+.loader {
+  position: relative;
+  min-height: 50vh;
+  width: 100%;
+}

package/lib/organism/search-and-chips-results/index.js

@@ -17,6 +17,8 @@ var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
 var _chips = _interopRequireDefault(require("../../atom/chips"));
 
+var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -80,7 +82,11 @@ const SearchAndChipsResults = props => {
     theme: "coorpmanager"
   })))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.resultContainer
-  }, resultView));
+  }, isLoading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.loader
+  }, /*#__PURE__*/_react.default.createElement(_loader.default, {
+    theme: "coorpmanager"
+  })) : resultView));
 };
 
 SearchAndChipsResults.propTypes = process.env.NODE_ENV !== "production" ? {

package/lib/organism/search-and-chips-results/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["buildResultView","results","resultsAriaLabel","emptyMessages","isLoading","items","map","result","index","style","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","propTypes","PropTypes","shape","string","func","bool","Search","arrayOf","Chips","firstMessage","secondMessage"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(results)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = results.map((result, index) => {\n    return (\n      <li className={style.result} key={`result-${index}`} data-name={`result-${index}`}>\n        <Chips {...result} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={resultsAriaLabel}>{items}</ul>;\n};\n\nconst SearchAndChipsResults = props => {\n  const {\n    search,\n    selectAllButton,\n    results,\n    emptyMessages,\n    isLoading = false,\n    'results-aria-label': resultsAriaLabel\n  } = props;\n\n  const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages, isLoading);\n  const buttonProps = {\n    type: 'secondary',\n    label,\n    'aria-label': ariaLabel,\n    'data-name': `select-all-button`,\n    icon: {\n      position: 'right',\n      type: 'add'\n    },\n    onClick,\n    disabled\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.header}>\n        <div className={style.button}>\n          <ButtonLink {...buttonProps} />\n        </div>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n      </div>\n      <div className={style.resultContainer}>{resultView}</div>\n    </div>\n  );\n};\n\nSearchAndChipsResults.propTypes = {\n  selectAllButton: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool,\n    'aria-label': PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  search: PropTypes.shape(Search.PropTypes),\n  results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),\n  'results-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  })\n};\n\nexport default SearchAndChipsResults;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["buildResultView","results","resultsAriaLabel","emptyMessages","isLoading","items","map","result","index","style","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","loader","propTypes","PropTypes","shape","string","func","bool","Search","arrayOf","Chips","firstMessage","secondMessage"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(results)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = results.map((result, index) => {\n    return (\n      <li className={style.result} key={`result-${index}`} data-name={`result-${index}`}>\n        <Chips {...result} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={resultsAriaLabel}>{items}</ul>;\n};\n\nconst SearchAndChipsResults = props => {\n  const {\n    search,\n    selectAllButton,\n    results,\n    emptyMessages,\n    isLoading = false,\n    'results-aria-label': resultsAriaLabel\n  } = props;\n\n  const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages, isLoading);\n  const buttonProps = {\n    type: 'secondary',\n    label,\n    'aria-label': ariaLabel,\n    'data-name': `select-all-button`,\n    icon: {\n      position: 'right',\n      type: 'add'\n    },\n    onClick,\n    disabled\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.header}>\n        <div className={style.button}>\n          <ButtonLink {...buttonProps} />\n        </div>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n      </div>\n      <div className={style.resultContainer}>\n        {isLoading ? (\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nSearchAndChipsResults.propTypes = {\n  selectAllButton: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool,\n    'aria-label': PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  search: PropTypes.shape(Search.PropTypes),\n  results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),\n  'results-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  })\n};\n\nexport default SearchAndChipsResults;\n"],"file":"index.js"}

package/lib/organism/search-and-chips-results/style.css

@@ -32,4 +32,10 @@
   max-width: 268px;
   display: inline-block;
   margin: 0 16px 16px 0px;
-}
+}
+
+.loader {
+  position: relative;
+  min-height: 50vh;
+  width: 100%;
+}

package/lib/organism/wizard-contents/index.js

@@ -25,8 +25,6 @@ var _searchAndChipsResults = _interopRequireDefault(require("../search-and-chips
 
 var _courseSelection = _interopRequireDefault(require("../course-selection"));
 
-var _loader = _interopRequireDefault(require("../../atom/loader"));
-
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -141,11 +139,7 @@ const WizardContents = props => {
     className: _style.default.leftSection
   }, headerView, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.form
-  }, isLoading ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.loader
-  }, /*#__PURE__*/_react.default.createElement(_loader.default, {
-    theme: "coorpmanager"
-  })) : formView)), /*#__PURE__*/_react.default.createElement("div", {
+  }, formView)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.rightSection,
     "data-name": "summary-right-section"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/lib/organism/wizard-contents/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/wizard-contents/index.js"],"names":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","loader","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection"],"mappings":"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","sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'custom-playlist-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n  return (\n    <div className={style.container} data-name=\"custom-playlist-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>\n          {isLoading ? (\n            <div className={style.loader}>\n              <Loader theme=\"coorpmanager\" />\n            </div>\n          ) : (\n            formView\n          )}\n        </div>\n      </div>\n      <div className={style.rightSection} data-name=\"summary-right-section\">\n        <div className={style.stickySection}>\n          <div className={style.summaryZone} data-name=\"summary-zone\">\n            <WizardSummary {...summary} side={'right'} />\n          </div>\n          {rightActionView}\n        </div>\n      </div>\n      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/wizard-contents/index.js"],"names":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection"],"mappings":"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","sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'custom-playlist-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n  return (\n    <div className={style.container} data-name=\"custom-playlist-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      <div className={style.rightSection} data-name=\"summary-right-section\">\n        <div className={style.stickySection}>\n          <div className={style.summaryZone} data-name=\"summary-zone\">\n            <WizardSummary {...summary} side={'right'} />\n          </div>\n          {rightActionView}\n        </div>\n      </div>\n      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"file":"index.js"}

package/lib/organism/wizard-contents/style.css

@@ -8,44 +8,38 @@
   align-items: stretch;
   justify-content: flex-start;
   flex-wrap: wrap;
-  height: 100%;
+  overflow: auto;
+  height: calc(100vh - 124px);
+  width: 100%;
 }
 
 .leftSection {
   display: block;
-  overflow: hidden;
+  overflow: auto;
   box-sizing: border-box;
   width: calc(100% - 320px);
+  height: 100%;
   position: relative;
 }
 
 .rightSection {
+  height: 100%;
+  padding-bottom: 58px;
   box-sizing: border-box;
-  position: relative;
+  position: sticky;
+  top: 0;
   display: flex;
   flex-direction: column;
   flex: 0 1 320px;
-  height: 100%;
 }
 
 .stickySection {
-  box-sizing: border-box;
-  position: relative;
-  z-index: 1;
-  width: 320px;
   height: 100%;
-  max-height: 646px;
   border-radius: 7px;
   display: flex;
   flex-direction: column;
 }
 
-.loader {
-  position: relative;
-  min-height: 50vh;
-  width: 100%;
-}
-
 .header {
   display: flex;
   flex-direction: row;

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

@@ -146,7 +146,9 @@ const buildTabs = items => {
 
 const buildContentView = content => {
   if (!content) {
-    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_loader.default, null));
+    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_loader.default, {
+      theme: "coorpmanager"
+    }));
   }
 
   const {
@@ -200,7 +202,7 @@ const BrandUpdate = props => {
   const contentView = buildContentView(content);
   const detailsView = buildDetailsView(details);
   const popinView = buildPopin(popin);
-  const contentStyle = (0, _classnames.default)([_style.default.content, !(0, _isEmpty.default)(notifications) && _style.default.contentWithNotifications]);
+  const contentStyle = (0, _classnames.default)([_style.default.content, !(0, _isEmpty.default)(notifications) && _style.default.contentWithNotifications, (0, _isEmpty.default)(content) && _style.default.loader]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {