npm - @coorpacademy/components - Versions diffs - 10.13.0 → 10.13.3-alpha.4 - Mend

@coorpacademy/components 10.13.0 → 10.13.3-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (128) hide show

package/es/organism/wizard-contents/test/fixtures/playlist-organize-courses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/organism/wizard-contents/test/fixtures/playlist-organize-courses.js"],"names":["wizardSummaryOrganizeCourses","organizeCoursesForm","props","isLoading","wizardHeader","title","onClick","console","log","steps","done","current","summary","content","type","previousStep","label","nextStep"],"mappings":";;AAAA;AACA,OAAOA,4BAAP,MAAyC,oEAAzC;AACA,OAAOC,mBAAP,MAAgC,~~4DAAhC~~;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,KADN;AAELC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,8BADK;AAEZC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAFH,KAFT;AAMLC,IAAAA,KAAK,EAAE,CACL;AACEJ,MAAAA,KAAK,EAAE,sBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KADK,EAKL;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KALK,EASL;AACEL,MAAAA,KAAK,EAAE,oBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KATK,EAaL;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KAbK,EAiBL;AACEL,MAAAA,KAAK,EAAE,kBADT;AAEEK,MAAAA,IAAI,EAAE,KAFR;AAGEC,MAAAA,OAAO,EAAE;AAHX,KAjBK,CANF;AA6BLC,IAAAA,OAAO,EAAEZ,4BAA4B,CAACE,KA7BjC;AA8BLW,IAAAA,OAAO,wBACFZ,mBAAmB,CAACC,KADlB;AAELY,MAAAA,IAAI,EAAE;AAFD,MA9BF;AAkCLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,eADK;AAEZV,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,eAAZ;AAFH,KAlCT;AAsCLS,IAAAA,QAAQ,EAAE;AACRH,MAAAA,IAAI,EAAE,SADE;AAERE,MAAAA,KAAK,EAAE,SAFC;AAGRV,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ;AAHP;AAtCL;AADM,CAAf","sourcesContent":["/* eslint-disable no-console */\nimport wizardSummaryOrganizeCourses from '../../../../molecule/wizard-summary/test/fixtures/organize-courses';\nimport organizeCoursesForm from '../../../../molecule/course-sections/test/fixtures/~~default~~';\n\nexport default {\n props: {\n isLoading: false,\n wizardHeader: {\n title: 'Create a new custom playlist',\n onClick: () => console.log('Close')\n },\n steps: [\n {\n title: 'General Informations',\n done: true\n },\n {\n title: 'Translations',\n done: true\n },\n {\n title: 'Assign populations',\n done: true\n },\n {\n title: 'Add courses',\n done: true\n },\n {\n title: 'Organize courses',\n done: false,\n current: true\n }\n ],\n summary: wizardSummaryOrganizeCourses.props,\n content: {\n ...organizeCoursesForm.props,\n type: 'organize-courses'\n },\n previousStep: {\n label: 'Previous Step',\n onClick: () => console.log('Previous Step')\n },\n nextStep: {\n type: 'publish',\n label: 'Publish',\n onClick: () => console.log('Next Step')\n }\n }\n};\n"],"file":"playlist-organize-courses.js"}
1	+ {"version":3,"sources":["../../../../../src/organism/wizard-contents/test/fixtures/playlist-organize-courses.js"],"names":["wizardSummaryOrganizeCourses","organizeCoursesForm","props","isLoading","wizardHeader","title","onClick","console","log","steps","done","current","summary","content","type","previousStep","label","nextStep"],"mappings":";;AAAA;AACA,OAAOA,4BAAP,MAAyC,oEAAzC;AACA,OAAOC,mBAAP,MAAgC,iFAAhC;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE,KADN;AAELC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,8BADK;AAEZC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAFH,KAFT;AAMLC,IAAAA,KAAK,EAAE,CACL;AACEJ,MAAAA,KAAK,EAAE,sBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KADK,EAKL;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KALK,EASL;AACEL,MAAAA,KAAK,EAAE,oBADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KATK,EAaL;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEK,MAAAA,IAAI,EAAE;AAFR,KAbK,EAiBL;AACEL,MAAAA,KAAK,EAAE,kBADT;AAEEK,MAAAA,IAAI,EAAE,KAFR;AAGEC,MAAAA,OAAO,EAAE;AAHX,KAjBK,CANF;AA6BLC,IAAAA,OAAO,EAAEZ,4BAA4B,CAACE,KA7BjC;AA8BLW,IAAAA,OAAO,wBACFZ,mBAAmB,CAACC,KADlB;AAELY,MAAAA,IAAI,EAAE;AAFD,MA9BF;AAkCLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,eADK;AAEZV,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,eAAZ;AAFH,KAlCT;AAsCLS,IAAAA,QAAQ,EAAE;AACRH,MAAAA,IAAI,EAAE,SADE;AAERE,MAAAA,KAAK,EAAE,SAFC;AAGRV,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,WAAZ;AAHP;AAtCL;AADM,CAAf","sourcesContent":["/* eslint-disable no-console */\nimport wizardSummaryOrganizeCourses from '../../../../molecule/wizard-summary/test/fixtures/organize-courses';\nimport organizeCoursesForm from '../../../../molecule/course-sections/test/fixtures/with-mandatory-courses-input';\n\nexport default {\n props: {\n isLoading: false,\n wizardHeader: {\n title: 'Create a new custom playlist',\n onClick: () => console.log('Close')\n },\n steps: [\n {\n title: 'General Informations',\n done: true\n },\n {\n title: 'Translations',\n done: true\n },\n {\n title: 'Assign populations',\n done: true\n },\n {\n title: 'Add courses',\n done: true\n },\n {\n title: 'Organize courses',\n done: false,\n current: true\n }\n ],\n summary: wizardSummaryOrganizeCourses.props,\n content: {\n ...organizeCoursesForm.props,\n type: 'organize-courses'\n },\n previousStep: {\n label: 'Previous Step',\n onClick: () => console.log('Previous Step')\n },\n nextStep: {\n type: 'publish',\n label: 'Publish',\n onClick: () => console.log('Next Step')\n }\n }\n};\n"],"file":"playlist-organize-courses.js"}

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

@@ -117,7 +117,10 @@ const buildTabs = items => {
 const buildContentView = content => {
   if (!content) {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Loader, {
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.loaderContainer
+    }, /*#__PURE__*/React.createElement(Loader, {
+      className: style.loader,
       theme: "coorpmanager"
     }));
   }
@@ -173,7 +176,7 @@ const BrandUpdate = props => {
   const contentView = buildContentView(content);
   const detailsView = buildDetailsView(details);
   const popinView = buildPopin(popin);
-  const contentStyle = classNames([style.content, !isEmpty(notifications) && style.contentWithNotifications, isEmpty(content) && style.loader]);
+  const contentStyle = classNames([style.content, !isEmpty(notifications) && style.contentWithNotifications]);
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
   }, /*#__PURE__*/React.createElement("div", {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/template/back-office/brand-update/index.js"],"names":["React","PropTypes","map","pipe","get","isEmpty","find","classNames","BrandTabs","IconLinkItem","LinkItem","BrandForm","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","Banner","Header","Loader","Accordion","CmPopin","style","getStyle","isSelected","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","notificationsList","notification","buildHeader","header","buildPopin","popin","buildTabs","selectedTab","e","showTabs","subTabs","undefined","buildContentView","content","buildDetailsView","details","BrandUpdate","props","leftNavigation","notificationsView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","loader","container","left","contentWrapper","headerSticky","defaultProps","propTypes","arrayOf","shape","string","isRequired","bool","oneOfType","oneOf","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport find from 'lodash/fp/find';\nimport classNames from 'classnames';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport WizardContents from '../../../organism/wizard-contents';\nimport ListItems from '../../../organism/list-items';\nimport Banner from '../../../molecule/banner';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport CmPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\nconst subTabsView = (_subTabs = []) =>\n map.convert({cap: false})((subTab, _index) => (\n <div key={subTab.title}>\n {subTab.type === 'iconLink' ? (\n <IconLinkItem\n {...subTab}\n styles={getStyle(subTab.selected)}\n uppercase={false}\n target={'_blank'}\n />\n ) : (\n <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n )}\n </div>\n ))(_subTabs);\n\n// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable\nconst buildLeftNavigation = (logo, items, onItemClick) => {\n const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n title,\n selected,\n type,\n href,\n index,\n children: [],\n iconType: key \|\| 'arrow'\n }));\n\n const formattedTabsViews = map(tab => (\n <div key={tab.title} className={style.subTabsView}>\n {subTabsView(tab.tabs)}\n </div>\n ))(items);\n\n return (\n <div className={style.navigation}>\n <div className={style.logo}>\n <a href=\"/\">\n <img src={logo} />\n </a>\n </div>\n <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n {formattedTabsViews}\n </Accordion>\n </div>\n );\n};\n\nconst buildNotifications = notifications => {\n if (isEmpty(notifications)) {\n return null;\n }\n\n const notificationsList = notifications.map((notification, index) => {\n return (\n <div className={style.notification} key={index}>\n <Banner {...notification} />\n </div>\n );\n });\n return <div className={style.notifications}>{notificationsList}</div>;\n};\n\nconst buildHeader = header => {\n return (\n <div className={style.header}>\n <Header {...header} />\n </div>\n );\n};\n\nconst buildPopin = popin => {\n return popin ? (\n <div className={style.popin}>\n <CmPopin {...popin} />\n </div>\n ) : null;\n};\n\nconst buildTabs = items => {\n const selectedTab = pipe(\n find(e => e.selected),\n get('tabs'),\n find(e => e.selected)\n )(items);\n\n const showTabs = selectedTab ? find(e => e.selected, selectedTab.subTabs) : undefined;\n if (!showTabs) return null;\n return (\n <div className={style.tabs}>\n <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n </div>\n );\n};\n\nconst buildContentView = content => {\n if (!content) {\n return (\n <div>\n <Loader theme=\"coorpmanager\" />\n </div>\n );\n }\n\n const {type} = content;\n switch (type) {\n case 'form':\n return <BrandForm {...content} />;\n case 'list':\n return <BrandTable {...content} />;\n case 'upload':\n return <BrandUpload {...content} />;\n case 'analytics-dashboards':\n return <BrandAnalytics {...content} />;\n case 'list-content':\n return <ListItems {...content} />;\n case 'home':\n return <BrandDashboard {...content} />;\n case 'wizard':\n return <WizardContents {...content} />;\n }\n};\n\nconst buildDetailsView = details => {\n if (!details) return;\n return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n const {notifications, header, items, content, details, popin, onItemClick} = props;\n const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n\n const leftNavigation = buildLeftNavigation(logo, items, onItemClick);\n const notificationsView = buildNotifications(notifications);\n const headerView = buildHeader(header, notifications);\n const tabsView = buildTabs(items);\n const contentView = buildContentView(content);\n const detailsView = buildDetailsView(details);\n const popinView = buildPopin(popin);\n\n const contentStyle = classNames([\n style.content,\n !isEmpty(notifications) && style.contentWithNotifications,\n isEmpty(content) && style.loader\n ]);\n\n return (\n <div className={style.container}>\n <div className={style.left}>{leftNavigation}</div>\n <div className={style.contentWrapper}>\n <div className={style.headerSticky}>{headerView}</div>\n <div className={contentStyle}>\n {notificationsView}\n {tabsView}\n {contentView}\n {detailsView}\n </div>\n </div>\n {popinView}\n </div>\n );\n};\n\nBrandUpdate.defaultProps = {\n notifications: []\n};\n\nBrandUpdate.propTypes = {\n notifications: PropTypes.arrayOf(\n PropTypes.shape({\n ...Banner.propTypes\n })\n ),\n header: PropTypes.shape({...Header.propTypes}),\n items: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string,\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string,\n subTabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string\n })\n )\n })\n )\n })\n ).isRequired,\n content: PropTypes.oneOfType([\n PropTypes.shape({\n ...BrandForm.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['form'])\n }),\n PropTypes.shape({\n ...BrandTable.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list'])\n }),\n PropTypes.shape({\n ...BrandUpload.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['upload'])\n }),\n PropTypes.shape({\n ...BrandAnalytics.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['analytics-dashboards'])\n }),\n PropTypes.shape({\n ...BrandDashboard.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['home'])\n }),\n PropTypes.shape({\n ...WizardContents.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['wizard'])\n }),\n PropTypes.shape({\n ...ListItems.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list-content'])\n })\n ]),\n popin: PropTypes.shape({...CmPopin.propTypes}),\n details: PropTypes.shape({\n ...BrandTable.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list'])\n }),\n onItemClick: PropTypes.func\n};\n\nexport default BrandUpdate;\n"],"file":"index.js"}
1	+ {"version":3,"sources":["../../../../src/template/back-office/brand-update/index.js"],"names":["React","PropTypes","map","pipe","get","isEmpty","find","classNames","BrandTabs","IconLinkItem","LinkItem","BrandForm","BrandTable","BrandUpload","BrandAnalytics","BrandDashboard","WizardContents","ListItems","Banner","Header","Loader","Accordion","CmPopin","style","getStyle","isSelected","selectedElement","unselectedElement","subTabsView","_subTabs","convert","cap","subTab","_index","title","type","selected","buildLeftNavigation","logo","items","onItemClick","formattedTabs","key","href","index","children","iconType","formattedTabsViews","tab","tabs","navigation","buildNotifications","notifications","notificationsList","notification","buildHeader","header","buildPopin","popin","buildTabs","selectedTab","e","showTabs","subTabs","undefined","buildContentView","content","loaderContainer","loader","buildDetailsView","details","BrandUpdate","props","leftNavigation","notificationsView","headerView","tabsView","contentView","detailsView","popinView","contentStyle","contentWithNotifications","container","left","contentWrapper","headerSticky","defaultProps","propTypes","arrayOf","shape","string","isRequired","bool","oneOfType","oneOf","func"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,SAAQC,YAAR,EAAsBC,QAAtB,QAAqC,2BAArC;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,UAAP,MAAuB,+BAAvB;AACA,OAAOC,WAAP,MAAwB,gCAAxB;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,MAAP,MAAmB,0BAAnB;AACA,OAAOC,MAAP,MAAmB,gCAAnB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,SAAP,MAAsB,2CAAtB;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAGC,UAAU,IAAKA,UAAU,GAAGF,KAAK,CAACG,eAAT,GAA2BH,KAAK,CAACI,iBAA3E;;AAEA,MAAMC,WAAW,GAAG,CAACC,QAAQ,GAAG,EAAZ,KAClB3B,GAAG,CAAC4B,OAAJ,CAAY;AAACC,EAAAA,GAAG,EAAE;AAAN,CAAZ,EAA0B,CAACC,MAAD,EAASC,MAAT,kBACxB;AAAK,EAAA,GAAG,EAAED,MAAM,CAACE;AAAjB,GACGF,MAAM,CAACG,IAAP,KAAgB,UAAhB,gBACC,oBAAC,YAAD,eACMH,MADN;AAEE,EAAA,MAAM,EAAER,QAAQ,CAACQ,MAAM,CAACI,QAAR,CAFlB;AAGE,EAAA,SAAS,EAAE,KAHb;AAIE,EAAA,MAAM,EAAE;AAJV,GADD,gBAQC,oBAAC,QAAD,eAAcJ,MAAd;AAAsB,EAAA,MAAM,EAAER,QAAQ,CAACQ,MAAM,CAACI,QAAR,CAAtC;AAAyD,EAAA,SAAS,EAAE;AAApE,GATJ,CADF,EAaGP,QAbH,CADF,C,CAgBA;;;AACA,MAAMQ,mBAAmB,GAAG,CAACC,IAAD,EAAOC,KAAP,EAAcC,WAAd,KAA8B;AACxD,QAAMC,aAAa,GAAGF,KAAK,CAACrC,GAAN,CAAU,CAAC;AAACwC,IAAAA,GAAD;AAAMR,IAAAA,KAAN;AAAaS,IAAAA,IAAb;AAAmBP,IAAAA,QAAnB;AAA6BD,IAAAA,IAAI,GAAG;AAApC,GAAD,EAAmDS,KAAnD,MAA8D;AAC5FV,IAAAA,KAD4F;AAE5FE,IAAAA,QAF4F;AAG5FD,IAAAA,IAH4F;AAI5FQ,IAAAA,IAJ4F;AAK5FC,IAAAA,KAL4F;AAM5FC,IAAAA,QAAQ,EAAE,EANkF;AAO5FC,IAAAA,QAAQ,EAAEJ,GAAG,IAAI;AAP2E,GAA9D,CAAV,CAAtB;AAUA,QAAMK,kBAAkB,GAAG7C,GAAG,CAAC8C,GAAG,iBAChC;AAAK,IAAA,GAAG,EAAEA,GAAG,CAACd,KAAd;AAAqB,IAAA,SAAS,EAAEX,KAAK,CAACK;AAAtC,KACGA,WAAW,CAACoB,GAAG,CAACC,IAAL,CADd,CAD4B,CAAH,CAIxBV,KAJwB,CAA3B;AAMA,sBACE;AAAK,IAAA,SAAS,EAAEhB,KAAK,CAAC2B;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAE3B,KAAK,CAACe;AAAtB,kBACE;AAAG,IAAA,IAAI,EAAC;AAAR,kBACE;AAAK,IAAA,GAAG,EAAEA;AAAV,IADF,CADF,CADF,eAME,oBAAC,SAAD;AAAW,IAAA,QAAQ,EAAEG,aAArB;AAAoC,IAAA,KAAK,EAAE,OAA3C;AAAoD,IAAA,OAAO,EAAED;AAA7D,KACGO,kBADH,CANF,CADF;AAYD,CA7BD;;AA+BA,MAAMI,kBAAkB,GAAGC,aAAa,IAAI;AAC1C,MAAI/C,OAAO,CAAC+C,aAAD,CAAX,EAA4B;AAC1B,WAAO,IAAP;AACD;;AAED,QAAMC,iBAAiB,GAAGD,aAAa,CAAClD,GAAd,CAAkB,CAACoD,YAAD,EAAeV,KAAf,KAAyB;AACnE,wBACE;AAAK,MAAA,SAAS,EAAErB,KAAK,CAAC+B,YAAtB;AAAoC,MAAA,GAAG,EAAEV;AAAzC,oBACE,oBAAC,MAAD,EAAYU,YAAZ,CADF,CADF;AAKD,GANyB,CAA1B;AAOA,sBAAO;AAAK,IAAA,SAAS,EAAE/B,KAAK,CAAC6B;AAAtB,KAAsCC,iBAAtC,CAAP;AACD,CAbD;;AAeA,MAAME,WAAW,GAAGC,MAAM,IAAI;AAC5B,sBACE;AAAK,IAAA,SAAS,EAAEjC,KAAK,CAACiC;AAAtB,kBACE,oBAAC,MAAD,EAAYA,MAAZ,CADF,CADF;AAKD,CAND;;AAQA,MAAMC,UAAU,GAAGC,KAAK,IAAI;AAC1B,SAAOA,KAAK,gBACV;AAAK,IAAA,SAAS,EAAEnC,KAAK,CAACmC;AAAtB,kBACE,oBAAC,OAAD,EAAaA,KAAb,CADF,CADU,GAIR,IAJJ;AAKD,CAND;;AAQA,MAAMC,SAAS,GAAGpB,KAAK,IAAI;AACzB,QAAMqB,WAAW,GAAGzD,IAAI,CACtBG,IAAI,CAACuD,CAAC,IAAIA,CAAC,CAACzB,QAAR,CADkB,EAEtBhC,GAAG,CAAC,MAAD,CAFmB,EAGtBE,IAAI,CAACuD,CAAC,IAAIA,CAAC,CAACzB,QAAR,CAHkB,CAAJ,CAIlBG,KAJkB,CAApB;AAMA,QAAMuB,QAAQ,GAAGF,WAAW,GAAGtD,IAAI,CAACuD,CAAC,IAAIA,CAAC,CAACzB,QAAR,EAAkBwB,WAAW,CAACG,OAA9B,CAAP,GAAgDC,SAA5E;AACA,MAAI,CAACF,QAAL,EAAe,OAAO,IAAP;AACf,sBACE;AAAK,IAAA,SAAS,EAAEvC,KAAK,CAAC0B;AAAtB,kBACE,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAC,OAAhB;AAAwB,IAAA,IAAI,EAAEW,WAAW,CAACG;AAA1C,IADF,CADF;AAKD,CAdD;;AAgBA,MAAME,gBAAgB,GAAGC,OAAO,IAAI;AAClC,MAAI,CAACA,OAAL,EAAc;AACZ,wBACE;AAAK,MAAA,SAAS,EAAE3C,KAAK,CAAC4C;AAAtB,oBACE,oBAAC,MAAD;AAAQ,MAAA,SAAS,EAAE5C,KAAK,CAAC6C,MAAzB;AAAiC,MAAA,KAAK,EAAC;AAAvC,MADF,CADF;AAKD;;AAED,QAAM;AAACjC,IAAAA;AAAD,MAAS+B,OAAf;;AACA,UAAQ/B,IAAR;AACE,SAAK,MAAL;AACE,0BAAO,oBAAC,SAAD,EAAe+B,OAAf,CAAP;;AACF,SAAK,MAAL;AACE,0BAAO,oBAAC,UAAD,EAAgBA,OAAhB,CAAP;;AACF,SAAK,QAAL;AACE,0BAAO,oBAAC,WAAD,EAAiBA,OAAjB,CAAP;;AACF,SAAK,sBAAL;AACE,0BAAO,oBAAC,cAAD,EAAoBA,OAApB,CAAP;;AACF,SAAK,cAAL;AACE,0BAAO,oBAAC,SAAD,EAAeA,OAAf,CAAP;;AACF,SAAK,MAAL;AACE,0BAAO,oBAAC,cAAD,EAAoBA,OAApB,CAAP;;AACF,SAAK,QAAL;AACE,0BAAO,oBAAC,cAAD,EAAoBA,OAApB,CAAP;AAdJ;AAgBD,CA1BD;;AA4BA,MAAMG,gBAAgB,GAAGC,OAAO,IAAI;AAClC,MAAI,CAACA,OAAL,EAAc;AACd,sBAAO,oBAAC,UAAD,EAAgBA,OAAhB,CAAP;AACD,CAHD;;AAKA,MAAMC,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACpB,IAAAA,aAAD;AAAgBI,IAAAA,MAAhB;AAAwBjB,IAAAA,KAAxB;AAA+B2B,IAAAA,OAA/B;AAAwCI,IAAAA,OAAxC;AAAiDZ,IAAAA,KAAjD;AAAwDlB,IAAAA;AAAxD,MAAuEgC,KAA7E;AACA,QAAMlC,IAAI,GAAG,wDAAb;AAEA,QAAMmC,cAAc,GAAGpC,mBAAmB,CAACC,IAAD,EAAOC,KAAP,EAAcC,WAAd,CAA1C;AACA,QAAMkC,iBAAiB,GAAGvB,kBAAkB,CAACC,aAAD,CAA5C;AACA,QAAMuB,UAAU,GAAGpB,WAAW,CAACC,MAAD,EAASJ,aAAT,CAA9B;AACA,QAAMwB,QAAQ,GAAGjB,SAAS,CAACpB,KAAD,CAA1B;AACA,QAAMsC,WAAW,GAAGZ,gBAAgB,CAACC,OAAD,CAApC;AACA,QAAMY,WAAW,GAAGT,gBAAgB,CAACC,OAAD,CAApC;AACA,QAAMS,SAAS,GAAGtB,UAAU,CAACC,KAAD,CAA5B;AAEA,QAAMsB,YAAY,GAAGzE,UAAU,CAAC,CAC9BgB,KAAK,CAAC2C,OADwB,EAE9B,CAAC7D,OAAO,CAAC+C,aAAD,CAAR,IAA2B7B,KAAK,CAAC0D,wBAFH,CAAD,CAA/B;AAKA,sBACE;AAAK,IAAA,SAAS,EAAE1D,KAAK,CAAC2D;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAE3D,KAAK,CAAC4D;AAAtB,KAA6BV,cAA7B,CADF,eAEE;AAAK,IAAA,SAAS,EAAElD,KAAK,CAAC6D;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAE7D,KAAK,CAAC8D;AAAtB,KAAqCV,UAArC,CADF,eAEE;AAAK,IAAA,SAAS,EAAEK;AAAhB,KACGN,iBADH,EAEGE,QAFH,EAGGC,WAHH,EAIGC,WAJH,CAFF,CAFF,EAWGC,SAXH,CADF;AAeD,CAhCD;;AAkCAR,WAAW,CAACe,YAAZ,GAA2B;AACzBlC,EAAAA,aAAa,EAAE;AADU,CAA3B;AAIAmB,WAAW,CAACgB,SAAZ,2CAAwB;AACtBnC,EAAAA,aAAa,EAAEnD,SAAS,CAACuF,OAAV,CACbvF,SAAS,CAACwF,KAAV,cACKvE,MAAM,CAACqE,SADZ,EADa,CADO;AAMtB/B,EAAAA,MAAM,EAAEvD,SAAS,CAACwF,KAAV,cAAoBtE,MAAM,CAACoE,SAA3B,EANc;AAOtBhD,EAAAA,KAAK,EAAEtC,SAAS,CAACuF,OAAV,CACLvF,SAAS,CAACwF,KAAV,CAAgB;AACd/C,IAAAA,GAAG,EAAEzC,SAAS,CAACyF,MADD;AAEdxD,IAAAA,KAAK,EAAEjC,SAAS,CAACyF,MAAV,CAAiBC,UAFV;AAGdhD,IAAAA,IAAI,EAAE1C,SAAS,CAACyF,MAAV,CAAiBC,UAHT;AAIdvD,IAAAA,QAAQ,EAAEnC,SAAS,CAAC2F,IAAV,CAAeD,UAJX;AAKdxD,IAAAA,IAAI,EAAElC,SAAS,CAACyF,MALF;AAMdzC,IAAAA,IAAI,EAAEhD,SAAS,CAACuF,OAAV,CACJvF,SAAS,CAACwF,KAAV,CAAgB;AACdvD,MAAAA,KAAK,EAAEjC,SAAS,CAACyF,MAAV,CAAiBC,UADV;AAEdhD,MAAAA,IAAI,EAAE1C,SAAS,CAACyF,MAAV,CAAiBC,UAFT;AAGdvD,MAAAA,QAAQ,EAAEnC,SAAS,CAAC2F,IAAV,CAAeD,UAHX;AAIdxD,MAAAA,IAAI,EAAElC,SAAS,CAACyF,MAJF;AAKd3B,MAAAA,OAAO,EAAE9D,SAAS,CAACuF,OAAV,CACPvF,SAAS,CAACwF,KAAV,CAAgB;AACdvD,QAAAA,KAAK,EAAEjC,SAAS,CAACyF,MAAV,CAAiBC,UADV;AAEdhD,QAAAA,IAAI,EAAE1C,SAAS,CAACyF,MAAV,CAAiBC,UAFT;AAGdvD,QAAAA,QAAQ,EAAEnC,SAAS,CAAC2F,IAAV,CAAeD,UAHX;AAIdxD,QAAAA,IAAI,EAAElC,SAAS,CAACyF;AAJF,OAAhB,CADO;AALK,KAAhB,CADI;AANQ,GAAhB,CADK,EAwBLC,UA/BoB;AAgCtBzB,EAAAA,OAAO,EAAEjE,SAAS,CAAC4F,SAAV,CAAoB,CAC3B5F,SAAS,CAACwF,KAAV,uBACK9E,SAAS,CAAC4E,SADf;AAEE7C,IAAAA,GAAG,EAAEzC,SAAS,CAACyF,MAFjB;AAGEvD,IAAAA,IAAI,EAAElC,SAAS,CAAC6F,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAHR,KAD2B,EAM3B7F,SAAS,CAACwF,KAAV,uBACK7E,UAAU,CAAC2E,SADhB;AAEE7C,IAAAA,GAAG,EAAEzC,SAAS,CAACyF,MAFjB;AAGEvD,IAAAA,IAAI,EAAElC,SAAS,CAAC6F,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAHR,KAN2B,EAW3B7F,SAAS,CAACwF,KAAV,uBACK5E,WAAW,CAAC0E,SADjB;AAEE7C,IAAAA,GAAG,EAAEzC,SAAS,CAACyF,MAFjB;AAGEvD,IAAAA,IAAI,EAAElC,SAAS,CAAC6F,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAHR,KAX2B,EAgB3B7F,SAAS,CAACwF,KAAV,uBACK3E,cAAc,CAACyE,SADpB;AAEE7C,IAAAA,GAAG,EAAEzC,SAAS,CAACyF,MAFjB;AAGEvD,IAAAA,IAAI,EAAElC,SAAS,CAAC6F,KAAV,CAAgB,CAAC,sBAAD,CAAhB;AAHR,KAhB2B,EAqB3B7F,SAAS,CAACwF,KAAV,uBACK1E,cAAc,CAACwE,SADpB;AAEE7C,IAAAA,GAAG,EAAEzC,SAAS,CAACyF,MAFjB;AAGEvD,IAAAA,IAAI,EAAElC,SAAS,CAAC6F,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAHR,KArB2B,EA0B3B7F,SAAS,CAACwF,KAAV,uBACKzE,cAAc,CAACuE,SADpB;AAEE7C,IAAAA,GAAG,EAAEzC,SAAS,CAACyF,MAFjB;AAGEvD,IAAAA,IAAI,EAAElC,SAAS,CAAC6F,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAHR,KA1B2B,EA+B3B7F,SAAS,CAACwF,KAAV,uBACKxE,SAAS,CAACsE,SADf;AAEE7C,IAAAA,GAAG,EAAEzC,SAAS,CAACyF,MAFjB;AAGEvD,IAAAA,IAAI,EAAElC,SAAS,CAAC6F,KAAV,CAAgB,CAAC,cAAD,CAAhB;AAHR,KA/B2B,CAApB,CAhCa;AAqEtBpC,EAAAA,KAAK,EAAEzD,SAAS,CAACwF,KAAV,cAAoBnE,OAAO,CAACiE,SAA5B,EArEe;AAsEtBjB,EAAAA,OAAO,EAAErE,SAAS,CAACwF,KAAV,uBACJ7E,UAAU,CAAC2E,SADP;AAEP7C,IAAAA,GAAG,EAAEzC,SAAS,CAACyF,MAFR;AAGPvD,IAAAA,IAAI,EAAElC,SAAS,CAAC6F,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAHC,KAtEa;AA2EtBtD,EAAAA,WAAW,EAAEvC,SAAS,CAAC8F;AA3ED,CAAxB;AA8EA,eAAexB,WAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport map from 'lodash/fp/map';\nimport pipe from 'lodash/fp/pipe';\nimport get from 'lodash/fp/get';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport find from 'lodash/fp/find';\nimport classNames from 'classnames';\nimport BrandTabs from '../../../molecule/brand-tabs';\nimport {IconLinkItem, LinkItem} from '../../../organism/sidebar';\nimport BrandForm from '../../../organism/brand-form';\nimport BrandTable from '../../../organism/brand-table';\nimport BrandUpload from '../../../organism/brand-upload';\nimport BrandAnalytics from '../../../organism/brand-analytics';\nimport BrandDashboard from '../../../organism/brand-dashboard';\nimport WizardContents from '../../../organism/wizard-contents';\nimport ListItems from '../../../organism/list-items';\nimport Banner from '../../../molecule/banner';\nimport Header from '../../../organism/setup-header';\nimport Loader from '../../../atom/loader';\nimport Accordion from '../../../organism/accordion/coorp-manager';\nimport CmPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst getStyle = isSelected => (isSelected ? style.selectedElement : style.unselectedElement);\n\nconst subTabsView = (_subTabs = []) =>\n map.convert({cap: false})((subTab, _index) => (\n <div key={subTab.title}>\n {subTab.type === 'iconLink' ? (\n <IconLinkItem\n {...subTab}\n styles={getStyle(subTab.selected)}\n uppercase={false}\n target={'_blank'}\n />\n ) : (\n <LinkItem {...subTab} styles={getStyle(subTab.selected)} uppercase={false} />\n )}\n </div>\n ))(_subTabs);\n\n// TODO: this fonction should be replaced by a molecule to avoid this file to be unreadable\nconst buildLeftNavigation = (logo, items, onItemClick) => {\n const formattedTabs = items.map(({key, title, href, selected, type = 'simpleTab'}, index) => ({\n title,\n selected,\n type,\n href,\n index,\n children: [],\n iconType: key \|\| 'arrow'\n }));\n\n const formattedTabsViews = map(tab => (\n <div key={tab.title} className={style.subTabsView}>\n {subTabsView(tab.tabs)}\n </div>\n ))(items);\n\n return (\n <div className={style.navigation}>\n <div className={style.logo}>\n <a href=\"/\">\n <img src={logo} />\n </a>\n </div>\n <Accordion tabProps={formattedTabs} theme={'setup'} onClick={onItemClick}>\n {formattedTabsViews}\n </Accordion>\n </div>\n );\n};\n\nconst buildNotifications = notifications => {\n if (isEmpty(notifications)) {\n return null;\n }\n\n const notificationsList = notifications.map((notification, index) => {\n return (\n <div className={style.notification} key={index}>\n <Banner {...notification} />\n </div>\n );\n });\n return <div className={style.notifications}>{notificationsList}</div>;\n};\n\nconst buildHeader = header => {\n return (\n <div className={style.header}>\n <Header {...header} />\n </div>\n );\n};\n\nconst buildPopin = popin => {\n return popin ? (\n <div className={style.popin}>\n <CmPopin {...popin} />\n </div>\n ) : null;\n};\n\nconst buildTabs = items => {\n const selectedTab = pipe(\n find(e => e.selected),\n get('tabs'),\n find(e => e.selected)\n )(items);\n\n const showTabs = selectedTab ? find(e => e.selected, selectedTab.subTabs) : undefined;\n if (!showTabs) return null;\n return (\n <div className={style.tabs}>\n <BrandTabs type=\"light\" tabs={selectedTab.subTabs} />\n </div>\n );\n};\n\nconst buildContentView = content => {\n if (!content) {\n return (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"coorpmanager\" />\n </div>\n );\n }\n\n const {type} = content;\n switch (type) {\n case 'form':\n return <BrandForm {...content} />;\n case 'list':\n return <BrandTable {...content} />;\n case 'upload':\n return <BrandUpload {...content} />;\n case 'analytics-dashboards':\n return <BrandAnalytics {...content} />;\n case 'list-content':\n return <ListItems {...content} />;\n case 'home':\n return <BrandDashboard {...content} />;\n case 'wizard':\n return <WizardContents {...content} />;\n }\n};\n\nconst buildDetailsView = details => {\n if (!details) return;\n return <BrandTable {...details} />;\n};\n\nconst BrandUpdate = props => {\n const {notifications, header, items, content, details, popin, onItemClick} = props;\n const logo = 'https://static.coorpacademy.com/logo/coorp-manager.svg';\n\n const leftNavigation = buildLeftNavigation(logo, items, onItemClick);\n const notificationsView = buildNotifications(notifications);\n const headerView = buildHeader(header, notifications);\n const tabsView = buildTabs(items);\n const contentView = buildContentView(content);\n const detailsView = buildDetailsView(details);\n const popinView = buildPopin(popin);\n\n const contentStyle = classNames([\n style.content,\n !isEmpty(notifications) && style.contentWithNotifications,\n ]);\n\n return (\n <div className={style.container}>\n <div className={style.left}>{leftNavigation}</div>\n <div className={style.contentWrapper}>\n <div className={style.headerSticky}>{headerView}</div>\n <div className={contentStyle}>\n {notificationsView}\n {tabsView}\n {contentView}\n {detailsView}\n </div>\n </div>\n {popinView}\n </div>\n );\n};\n\nBrandUpdate.defaultProps = {\n notifications: []\n};\n\nBrandUpdate.propTypes = {\n notifications: PropTypes.arrayOf(\n PropTypes.shape({\n ...Banner.propTypes\n })\n ),\n header: PropTypes.shape({...Header.propTypes}),\n items: PropTypes.arrayOf(\n PropTypes.shape({\n key: PropTypes.string,\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string,\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string,\n subTabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: PropTypes.string.isRequired,\n href: PropTypes.string.isRequired,\n selected: PropTypes.bool.isRequired,\n type: PropTypes.string\n })\n )\n })\n )\n })\n ).isRequired,\n content: PropTypes.oneOfType([\n PropTypes.shape({\n ...BrandForm.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['form'])\n }),\n PropTypes.shape({\n ...BrandTable.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list'])\n }),\n PropTypes.shape({\n ...BrandUpload.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['upload'])\n }),\n PropTypes.shape({\n ...BrandAnalytics.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['analytics-dashboards'])\n }),\n PropTypes.shape({\n ...BrandDashboard.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['home'])\n }),\n PropTypes.shape({\n ...WizardContents.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['wizard'])\n }),\n PropTypes.shape({\n ...ListItems.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list-content'])\n })\n ]),\n popin: PropTypes.shape({...CmPopin.propTypes}),\n details: PropTypes.shape({\n ...BrandTable.propTypes,\n key: PropTypes.string,\n type: PropTypes.oneOf(['list'])\n }),\n onItemClick: PropTypes.func\n};\n\nexport default BrandUpdate;\n"],"file":"index.js"}

package/es/template/back-office/brand-update/style.css CHANGED Viewed

@@ -18,8 +18,17 @@
   display: flex;
 }
+.loaderContainer {
+  width: 100%;
+  height: 50vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 .loader {
-  height: calc(100% - 143px);
+  height: 60px;
+  width: 60px;
 }
 .left {

package/es/util/button-icons.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon } from '@coorpacademy/nova-icons';
+import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon, NovaSolidFilesFoldersFolders as FoldersIcon } from '@coorpacademy/nova-icons';
 export const ICONS = {
   add: AddIcon,
   analytics: AnalyticsIcon,
@@ -13,6 +13,7 @@ export const ICONS = {
   logout: LogoutIcon,
   publish: PublishIcon,
   save: SaveIcon,
-  see: EyeIcon
+  see: EyeIcon,
+  folders: FoldersIcon
 };
 //# sourceMappingURL=button-icons.js.map

package/es/util/button-icons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/util/button-icons.js"],"names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,~~QAeO~~,~~0BAfP~~;~~AAiBA~~,OAAO,MAAMC,KAAK,GAAG;AACnBC,EAAAA,GAAG,~~EAAE5B~~,OADc;~~AAEnB6B~~,EAAAA,SAAS,~~EAAE3B~~,aAFQ;~~AAGnB4B~~,EAAAA,GAAG,~~EAAE1B~~,OAHc;AAInB,kBAAgBE,eAJG;AAKnB,kBAAgBE,eALG;AAMnB,mBAAiBE,gBANE;~~AAOnBqB~~,EAAAA,KAAK,~~EAAEnB~~,SAPY;~~AAQnBoB~~,EAAAA,IAAI,~~EAAElB~~,QARa;~~AASnBmB~~,EAAAA,GAAG,~~EAAEP~~,OATc;~~AAUnBQ~~,EAAAA,IAAI,~~EAAEhB~~,QAVa;~~AAWnBiB~~,EAAAA,MAAM,~~EAAEf~~,UAXW;~~AAYnBgB~~,EAAAA,OAAO,~~EAAEd~~,WAZU;~~AAanBe~~,EAAAA,IAAI,~~EAAEb~~,QAba;~~AAcnBc~~,EAAAA,GAAG,~~EAAEtB~~;~~AAdc~~,CAAd","sourcesContent":["import {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaSolidContentEditionBin as BinIcon,\n NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n NovaCompositionNavigationArrowRight as ChevronRightIcon,\n NovaSolidStatusClose as CloseIcon,\n NovaSolidContentEditionPencilWrite as EditIcon,\n NovaCompositionCoorpacademyEye as EyeIcon,\n NovaSolidContentContentViewModule1 as ListIcon,\n NovaSolidLoginLogout1 as LogoutIcon,\n NovaSolidApplicationsWindowUpload3 as PublishIcon,\n NovaSolidComputersSdCard as SaveIcon,\n NovaLineLoginKey1 as KlfIcon\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n add: AddIcon,\n analytics: AnalyticsIcon,\n bin: BinIcon,\n 'bullet-point': BulletPointIcon,\n 'chevron-left': ChevronLeftIcon,\n 'chevron-right': ChevronRightIcon,\n close: CloseIcon,\n edit: EditIcon,\n key: KlfIcon,\n list: ListIcon,\n logout: LogoutIcon,\n publish: PublishIcon,\n save: SaveIcon,\n see: EyeIcon\n};\n"],"file":"button-icons.js"}
1	+ {"version":3,"sources":["../../src/util/button-icons.js"],"names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,QAgBO,0BAhBP;AAkBA,OAAO,MAAMC,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAE9B,OADc;AAEnB+B,EAAAA,SAAS,EAAE7B,aAFQ;AAGnB8B,EAAAA,GAAG,EAAE5B,OAHc;AAInB,kBAAgBE,eAJG;AAKnB,kBAAgBE,eALG;AAMnB,mBAAiBE,gBANE;AAOnBuB,EAAAA,KAAK,EAAErB,SAPY;AAQnBsB,EAAAA,IAAI,EAAEpB,QARa;AASnBqB,EAAAA,GAAG,EAAET,OATc;AAUnBU,EAAAA,IAAI,EAAElB,QAVa;AAWnBmB,EAAAA,MAAM,EAAEjB,UAXW;AAYnBkB,EAAAA,OAAO,EAAEhB,WAZU;AAanBiB,EAAAA,IAAI,EAAEf,QAba;AAcnBgB,EAAAA,GAAG,EAAExB,OAdc;AAenByB,EAAAA,OAAO,EAAEb;AAfU,CAAd","sourcesContent":["import {\n NovaSolidRemoveAddAddCircle1 as AddIcon,\n NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n NovaSolidContentEditionBin as BinIcon,\n NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n NovaCompositionNavigationArrowRight as ChevronRightIcon,\n NovaSolidStatusClose as CloseIcon,\n NovaSolidContentEditionPencilWrite as EditIcon,\n NovaCompositionCoorpacademyEye as EyeIcon,\n NovaSolidContentContentViewModule1 as ListIcon,\n NovaSolidLoginLogout1 as LogoutIcon,\n NovaSolidApplicationsWindowUpload3 as PublishIcon,\n NovaSolidComputersSdCard as SaveIcon,\n NovaLineLoginKey1 as KlfIcon,\n NovaSolidFilesFoldersFolders as FoldersIcon\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n add: AddIcon,\n analytics: AnalyticsIcon,\n bin: BinIcon,\n 'bullet-point': BulletPointIcon,\n 'chevron-left': ChevronLeftIcon,\n 'chevron-right': ChevronRightIcon,\n close: CloseIcon,\n edit: EditIcon,\n key: KlfIcon,\n list: ListIcon,\n logout: LogoutIcon,\n publish: PublishIcon,\n save: SaveIcon,\n see: EyeIcon,\n folders: FoldersIcon\n};\n"],"file":"button-icons.js"}

package/lib/{molecule → atom}/checkbox-with-title/test/fixtures.js RENAMED Viewed

@@ -14,12 +14,12 @@ var _unchecked = _interopRequireDefault(require("./fixtures/unchecked"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-(0, _ava.default)('Molecule › MoleculeCheckboxWithTitle > should have valid propTypes', t => {
+(0, _ava.default)('Atom › AtomCheckboxWithTitle > should have valid propTypes', t => {
   t.pass();
   (0, _forEach.default)(_.default.propTypes, (value, key) => {
-    t.not(value, undefined, `PropType for "Molecule.MoleculeCheckboxWithTitle.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+    t.not(value, undefined, `PropType for "Atom.AtomCheckboxWithTitle.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
-(0, _ava.default)('Molecule › MoleculeCheckboxWithTitle › Checked › should be rendered', _renderComponent.default, _.default, _checked.default);
-(0, _ava.default)('Molecule › MoleculeCheckboxWithTitle › Unchecked › should be rendered', _renderComponent.default, _.default, _unchecked.default);
+(0, _ava.default)('Atom › AtomCheckboxWithTitle › Checked › should be rendered', _renderComponent.default, _.default, _checked.default);
+(0, _ava.default)('Atom › AtomCheckboxWithTitle › Unchecked › should be rendered', _renderComponent.default, _.default, _unchecked.default);
 //# sourceMappingURL=fixtures.js.map

package/lib/atom/checkbox-with-title/test/fixtures.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/atom/checkbox-with-title/test/fixtures.js"],"names":["t","pass","AtomCheckboxWithTitle","propTypes","value","key","not","undefined","renderComponentMacro","fixtureChecked","fixtureUnchecked"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,4DAAL,EAAmEA,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAsBC,SAA9B,EAAyC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,6DAAL,EAAoEG,wBAApE,EAA0FN,SAA1F,EAAiHO,gBAAjH;AACA,kBAAK,+DAAL,EAAsED,wBAAtE,EAA4FN,SAA5F,EAAmHQ,kBAAnH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomCheckboxWithTitle from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureUnchecked from './fixtures/unchecked';\n\ntest('Atom › AtomCheckboxWithTitle > should have valid propTypes', t => {\n t.pass();\n forEach(AtomCheckboxWithTitle.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomCheckboxWithTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomCheckboxWithTitle › Checked › should be rendered', renderComponentMacro, AtomCheckboxWithTitle, fixtureChecked);\ntest('Atom › AtomCheckboxWithTitle › Unchecked › should be rendered', renderComponentMacro, AtomCheckboxWithTitle, fixtureUnchecked);\n"],"file":"fixtures.js"}

package/lib/atom/drag-and-drop/index.js CHANGED Viewed

@@ -5,8 +5,6 @@ exports.default = void 0;
 var _constant2 = _interopRequireDefault(require("lodash/fp/constant"));
-var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
 var _react = _interopRequireDefault(require("react"));
@@ -21,9 +19,9 @@ var _loader = _interopRequireDefault(require("../loader"));
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _buttonLink = _interopRequireDefault(require("../button-link"));
-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); }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -52,10 +50,6 @@ class DragAndDrop extends _react.default.Component {
   }
   render() {
-    const {
-      skin
-    } = this.context;
-    const brandColor = (0, _get2.default)('common.brand', skin);
     const idBox = (0, _uniqueId2.default)('drop-box-');
     const {
       children = constantNull,
@@ -75,25 +69,36 @@ class DragAndDrop extends _react.default.Component {
     if (previewContent && previewContent.type === 'image') {
       previewView = /*#__PURE__*/_react.default.createElement("div", {
-        className: _style.default.previewView
+        className: _style.default.preview
       }, /*#__PURE__*/_react.default.createElement("img", {
         src: previewContent.src
       }));
     } else if (previewContent && previewContent.type === 'video') {
       previewView = /*#__PURE__*/_react.default.createElement("div", {
-        className: _extends(_extends({}, _style.default.previewView), {}, {
-          width: '300px'
-        })
+        className: _style.default.preview
       }, /*#__PURE__*/_react.default.createElement("video", {
-        width: "100%",
         controls: true,
         src: previewContent.src,
         type: "video/*"
       }));
     } else if (loading) {
       previewView = /*#__PURE__*/_react.default.createElement("div", {
-        className: _style.default.loading
-      }, /*#__PURE__*/_react.default.createElement(_loader.default, null));
+        className: _style.default.loaderWrapper
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.loadingCancel
+      }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineStatusClose, {
+        "data-name": "reset-content-icon",
+        height: 16,
+        width: 16,
+        className: _style.default.closeIcon,
+        onClick: onReset
+      })), /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.loader
+      }, /*#__PURE__*/_react.default.createElement(_loader.default, {
+        theme: "coorpmanager"
+      })), /*#__PURE__*/_react.default.createElement("span", {
+        className: _style.default.loaderText
+      }, "Uploading"));
     } else {
       previewView = /*#__PURE__*/_react.default.createElement("span", null, previewLabel);
     }
@@ -109,30 +114,30 @@ class DragAndDrop extends _react.default.Component {
       className: _style.default.closeIcon,
       onClick: onReset
     })) : null;
+    const buttonProps = {
+      label: uploadLabel,
+      'aria-label': 'aria button',
+      'data-name': 'default-button',
+      icon: {
+        position: 'left',
+        type: 'folders'
+      }
+    };
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.wrapper,
       "data-name": "drag-and-drop-wrapper"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.title
-    }, title), /*#__PURE__*/_react.default.createElement("div", {
-      className: modified ? _style.default.modified : _style.default.previewWrapper
-    }, previewView), /*#__PURE__*/_react.default.createElement("div", {
+    }, modified || loading ? /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.modificationsContainer
+    }, previewView) : /*#__PURE__*/_react.default.createElement("div", {
       className: dragging ? _style.default.dragging : _style.default.inputWrapper,
       id: idBox
-    }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidDataTransferDataUpload1, {
-      className: _style.default.arrow,
-      color: brandColor
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.uploadLabel
-    }, uploadLabel), children(this.handleDragStart, this.handleDragStop)), resetContent, description ?
-    /*#__PURE__*/
-    // eslint-disable-next-line react/no-danger
-    _react.default.createElement("div", {
-      className: _style.default.description,
-      dangerouslySetInnerHTML: {
-        __html: description
-      }
-    }) : null);
+    }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidFilesBasicFileUpload2, {
+      className: _style.default.icon
+    }), description ? /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.description
+    }, description) : null, /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.title
+    }, title), dragging ? null : /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps), children(this.handleDragStart, this.handleDragStop)), resetContent);
   }
 }

package/lib/atom/drag-and-drop/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","~~skin","context","brandColor","~~idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","previewView","type","style","src","~~width~~","resetContent","resetUploadWrapper","resetSrcLabel","~~closeIcon~~","~~wrapper~~","~~previewWrapper~~","~~inputWrapper~~","~~arrow~~","~~__html~~","Provider","childContextTypes","propTypes","PropTypes","string","shape","bool","func"],"mappings":"~~;;;;;;;;;;;~~AAAA;;AACA;;AAEA;;AAIA;;AACA;;AACA~~;;;;;;;;~~AAEA,MAAMA,YAAY,GAAG,wBAAS,IAAT,CAArB;;AAEA,MAAMC,WAAN,SAA0BC,eAAMC,SAAhC,CAA0C;AAoBxCC,EAAAA,WAAW,CAACC,KAAD,EAAQ;AACjB,UAAMA,KAAN;AAEA,SAAKC,KAAL,GAAa;AACXC,MAAAA,QAAQ,EAAE;AADC,KAAb;AAIA,SAAKC,eAAL,GAAuB,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CAAvB;AACA,SAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBD,IAApB,CAAyB,IAAzB,CAAtB;AACD;;AAEDD,EAAAA,eAAe,GAAG;AAChB,SAAKG,QAAL,CAAc;AACZJ,MAAAA,QAAQ,EAAE;AADE,KAAd;AAGD;;AAEDG,EAAAA,cAAc,GAAG;AACf,SAAKC,QAAL,CAAc;AACZJ,MAAAA,QAAQ,EAAE;AADE,KAAd;AAGD;;AAEDK,EAAAA,MAAM,GAAG;AACP,~~UAAM;AAACC,MAAAA;AAAD,QAAS,KAAKC,OAApB;AACA,~~UAAMC,~~UAAU,GAAG,mBAAI,cAAJ,EAAoBF,IAApB,CAAnB;AACA,UAAMG,~~KAAK,GAAG,wBAAS,WAAT,CAAd;AACA,UAAM;AACJC,MAAAA,QAAQ,~~GAAGjB~~,YADP;~~AAEJkB~~,MAAAA,KAFI;AAGJC,MAAAA,WAHI;AAIJC,MAAAA,WAJI;AAKJC,MAAAA,YAAY,GAAG,EALX;AAMJC,MAAAA,cANI;AAOJC,MAAAA,OAAO,GAAG,KAPN;AAQJC,MAAAA,QAAQ,GAAG,KARP;AASJC,MAAAA,OAAO,GAAG;AATN,QAUF,~~KAAKpB~~,KAVT;AAWA,UAAM;AAACE,MAAAA;AAAD,QAAa,KAAKD,KAAxB;AAEA,~~QAAIoB~~,WAAW,GAAG,IAAlB;;AAEA,QAAIJ,cAAc,IAAIA,cAAc,CAACK,IAAf,KAAwB,OAA9C,EAAuD;AACrDD,MAAAA,WAAW,gBACT;AAAK,QAAA,SAAS,EAAEE,~~eAAMF~~;AAAtB,sBACE;AAAK,QAAA,GAAG,~~EAAEJ~~,cAAc,~~CAACO~~;AAAzB,QADF,CADF;AAKD,KAND,MAMO,~~IAAIP~~,cAAc,IAAIA,cAAc,CAACK,IAAf,KAAwB,OAA9C,EAAuD;AAC5DD,MAAAA,WAAW,gBACT;AAAK,QAAA,SAAS,~~wBAAME~~,~~eAAMF,WAAZ~~;~~AAAyBI~~,~~UAAAA,KAAK,EAAE;AAAhC;AAAd,~~sBACE;AAAO,QAAA,~~KAAK,EAAC,MAAb;AAAoB,QAAA,~~QAAQ,~~MAA5B~~;~~AAA6B~~,QAAA,GAAG,~~EAAER~~,cAAc,~~CAACO~~,~~GAAjD~~;~~AAAsD~~,QAAA,IAAI,EAAC;~~AAA3D~~,QADF,CADF;AAKD,KANM,MAMA,~~IAAIN~~,OAAJ,EAAa;AAClBG,MAAAA,WAAW,gBACT;AAAK,QAAA,SAAS,EAAEE,~~eAAML~~;AAAtB,sBACE,6BAAC,eAAD,~~OADF~~,CADF;~~AAKD~~,~~KANM~~,~~MAMA~~;~~AACLG~~,MAAAA,WAAW,gBAAG,2CAAOL,YAAP,CAAd;AACD;;AAED,~~UAAMU~~,YAAY,~~GAChBT~~,cAAc,IAAIA,cAAc,~~CAACO~~,GAAjC,~~IAAwCJ~~,OAAxC,gBACE;AAAK,MAAA,SAAS,EAAEG,~~eAAMI~~;AAAtB,oBACE;AAAK,MAAA,SAAS,~~EAAEJ~~,~~eAAMK~~;AAAtB,~~OAAsCX~~,cAAc,~~CAACO~~,GAArD,CADF,eAEE,6BAAC,8BAAD;AACE,mBAAU,oBADZ;AAEE,MAAA,MAAM,EAAE,EAFV;AAGE,MAAA,KAAK,EAAE,EAHT;AAIE,MAAA,SAAS,~~EAAED~~,~~eAAMM~~,SAJnB;AAKE,MAAA,OAAO,~~EAAET~~;AALX,MAFF,CADF,GAWI,IAZN;~~AAcA~~,~~wBACE~~;~~AAAK~~,~~MAAA~~,~~SAAS~~,~~EAAEG~~,~~eAAMO~~,~~OAAtB~~;~~AAA+B~~,~~mBAAU~~;~~AAAzC~~,~~oBACE~~;~~AAAK~~,~~MAAA~~,~~SAAS~~,~~EAAEP~~,~~eAAMV~~;~~AAAtB~~,~~OAA8BA~~,~~KAA9B~~,~~CADF~~,~~eAEE~~;AAAK,MAAA,SAAS,~~EAAEM~~,QAAQ,~~GAAGI~~,~~eAAMJ~~,~~QAAT~~,~~GAAoBI~~,~~eAAMQ~~;~~AAAlD~~,~~OAAmEV~~,~~WAAnE~~,~~CAFF~~,~~eAGE~~;AAAK,MAAA,SAAS,~~EAAEnB~~,QAAQ,~~GAAGqB~~,~~eAAMrB~~,QAAT,~~GAAoBqB~~,~~eAAMS~~,YAAlD;AAAgE,MAAA,EAAE,~~EAAErB~~;AAApE,oBACE,6BAAC,~~2CAAD~~;~~AAAY~~,MAAA,SAAS,EAAEY,~~eAAMU,KAA7B~~;~~AAAoC~~,~~MAAA~~,~~KAAK~~,~~EAAEvB;AAA3C~~,~~MADF,eAEE~~;AAAK,MAAA,SAAS,~~EAAEa~~,~~eAAMR~~;AAAtB,OAAoCA,WAApC,~~CAFF~~,~~EAGGH~~,~~QAAQ~~,~~CAAC~~,~~KAAKT~~,~~eAAN~~,~~EAAuB~~,~~KAAKE~~,~~cAA5B~~,~~CAHX~~,~~CAHF~~,~~EAQGqB~~,~~YARH~~,~~EASGZ~~,~~WAAW;AAAA;AACV;AACA;AAAK~~,~~MAAA~~,~~SAAS~~,~~EAAES~~,~~eAAMT~~,~~WAAtB;AAAmC~~,~~MAAA~~,~~uBAAuB~~,~~EAAE;AAACoB~~,~~QAAAA~~,~~MAAM~~,~~EAAEpB;AAAT;AAA5D~~,~~MAFU~~,~~GAGR~~,~~IAZN~~,CADF;~~AAgBD~~;;~~AAlHuC~~;;~~gBAApClB~~,W,kBAgBkB;~~AACpBY~~,EAAAA,IAAI,~~EAAE2B~~,kBAASC,iBAAT,~~CAA2B5B~~;AADb,C;;~~AAhBlBZ~~,W,~~CACGyC~~,S,2CAAY;~~AACjBxB~~,EAAAA,KAAK,~~EAAEyB~~,mBAAUC,MADA;~~AAEjBzB~~,EAAAA,WAAW,~~EAAEwB~~,mBAAUC,MAFN;~~AAGjBxB~~,EAAAA,WAAW,~~EAAEuB~~,mBAAUC,MAHN;~~AAIjBvB~~,EAAAA,YAAY,~~EAAEsB~~,mBAAUC,MAJP;~~AAKjBtB~~,EAAAA,cAAc,~~EAAEqB~~,mBAAUE,KAAV,CAAgB;~~AAC9BlB~~,IAAAA,IAAI,~~EAAEgB~~,mBAAUC,MADc;~~AAE9Bf~~,IAAAA,GAAG,~~EAAEc~~,mBAAUC;AAFe,GAAhB,CALC;~~AASjBrB~~,EAAAA,OAAO,~~EAAEoB~~,mBAAUG,IATF;~~AAUjBtB~~,EAAAA,QAAQ,~~EAAEmB~~,mBAAUG,IAVH;~~AAWjB7B~~,EAAAA,QAAQ,~~EAAE0B~~,mBAAUI,IAXH;~~AAYjBtB~~,EAAAA,OAAO,~~EAAEkB~~,mBAAUI;AAZF,C;~~eAoHN9C~~,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get, constant} from 'lodash/fp';\nimport {\n ~~NovaSolidDataTransferDataUpload1~~ as ~~UploadIcon~~,\n ~~NovaLineStatusClose~~ as ~~Close~~\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Loader from '../loader';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n static propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n uploadLabel: PropTypes.string,\n previewLabel: PropTypes.string,\n previewContent: PropTypes.shape({\n type: PropTypes.string,\n src: PropTypes.string\n }),\n loading: PropTypes.bool,\n modified: PropTypes.bool,\n children: PropTypes.func,\n onReset: PropTypes.func\n };\n\n static contextTypes = {\n skin: Provider.childContextTypes.skin\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n dragging: false\n };\n\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDragStop = this.handleDragStop.bind(this);\n }\n\n handleDragStart() {\n this.setState({\n dragging: true\n });\n }\n\n handleDragStop() {\n this.setState({\n dragging: false\n });\n }\n\n render() {\n const ~~{skin} = this.context;\n const brandColor = get('common.brand', skin);\n const~~ idBox = uniqueId('drop-box-');\n const {\n children = constantNull,\n title,\n description,\n uploadLabel,\n previewLabel = '',\n previewContent,\n loading = false,\n modified = false,\n onReset = null\n } = this.props;\n const {dragging} = this.state;\n\n let previewView = null;\n\n if (previewContent && previewContent.type === 'image') {\n previewView = (\n <div className={style.~~previewView~~}>\n <img src={previewContent.src} />\n </div>\n );\n } else if (previewContent && previewContent.type === 'video') {\n previewView = (\n <div className={~~{...~~style.~~previewView, width: '300px'~~}}>\n <video ~~width=\"100%\"~~ controls src={previewContent.src} type=\"video/*\" />\n </div>\n );\n } else if (loading) {\n previewView = (\n <div className={style.~~loading~~}>\n <Loader />\n </div>\n );\n } else {\n previewView = <span>{previewLabel}</span>;\n }\n\n const resetContent =\n previewContent && previewContent.src && onReset ? (\n <div className={style.resetUploadWrapper}>\n <div className={style.resetSrcLabel}>{previewContent.src}</div>\n <Close\n data-name=\"reset-content-icon\"\n height={16}\n width={16}\n className={style.closeIcon}\n onClick={onReset}\n />\n </div>\n ) : null;\n\n return (\n <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n ~~<div~~ ~~className={style.title}>{title}</div>\~~n <div className={~~modified ?~~ style.~~modified : style.previewWrapper~~}>{previewView}</div>\n <div className={dragging ? style.dragging : style.inputWrapper} id={idBox}>\n <~~UploadIcon~~ className={style.~~arrow~~} ~~color~~={~~brandColor~~} ~~/>\~~n <div className={style.~~uploadLabel~~}>{~~uploadLabel~~}</div>\n {children(this.handleDragStart, this.handleDragStop)}\n </div>\n ~~{resetContent~~}\n {~~description ? (\n // eslint-disable-next-line react/no-danger\n <div className={style.description~~} ~~dangerouslySetInnerHTML={{__html: description}} />\n ) : null}~~\n </div>\n );\n }\n}\n\nexport default DragAndDrop;\n"],"file":"index.js"}
1	+ {"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","previewView","type","style","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buttonProps","label","icon","position","wrapper","modificationsContainer","inputWrapper","skin","Provider","childContextTypes","propTypes","PropTypes","string","shape","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get, constant} from 'lodash/fp';\nimport {\n NovaLineStatusClose as Close,\n NovaSolidFilesBasicFileUpload2 as FileUploadIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Loader from '../loader';\nimport style from './style.css';\nimport Button from '../button-link';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n static propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n uploadLabel: PropTypes.string,\n previewLabel: PropTypes.string,\n previewContent: PropTypes.shape({\n type: PropTypes.string,\n src: PropTypes.string\n }),\n loading: PropTypes.bool,\n modified: PropTypes.bool,\n children: PropTypes.func,\n onReset: PropTypes.func\n };\n\n static contextTypes = {\n skin: Provider.childContextTypes.skin\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n dragging: false\n };\n\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDragStop = this.handleDragStop.bind(this);\n }\n\n handleDragStart() {\n this.setState({\n dragging: true\n });\n }\n\n handleDragStop() {\n this.setState({\n dragging: false\n });\n }\n\n render() {\n const idBox = uniqueId('drop-box-');\n const {\n children = constantNull,\n title,\n description,\n uploadLabel,\n previewLabel = '',\n previewContent,\n loading = false,\n modified = false,\n onReset = null\n } = this.props;\n const {dragging} = this.state;\n\n let previewView = null;\n\n if (previewContent && previewContent.type === 'image') {\n previewView = (\n <div className={style.preview}>\n <img src={previewContent.src} />\n </div>\n );\n } else if (previewContent && previewContent.type === 'video') {\n previewView = (\n <div className={style.preview}>\n <video controls src={previewContent.src} type=\"video/*\" />\n </div>\n );\n } else if (loading) {\n previewView = (\n <div className={style.loaderWrapper}>\n <div className={style.loadingCancel}>\n <Close\n data-name=\"reset-content-icon\"\n height={16}\n width={16}\n className={style.closeIcon}\n onClick={onReset}\n />\n </div>\n <div className={style.loader}>\n <Loader theme='coorpmanager'/>\n </div>\n <span className={style.loaderText}>Uploading</span>\n </div>\n );\n } else {\n previewView = <span>{previewLabel}</span>;\n }\n\n const resetContent =\n previewContent && previewContent.src && onReset ? (\n <div className={style.resetUploadWrapper}>\n <div className={style.resetSrcLabel}>{previewContent.src}</div>\n <Close\n data-name=\"reset-content-icon\"\n height={16}\n width={16}\n className={style.closeIcon}\n onClick={onReset}\n />\n </div>\n ) : null;\n\n const buttonProps = {\n label: uploadLabel,\n 'aria-label': 'aria button',\n 'data-name': 'default-button',\n icon: {\n position: 'left',\n type: 'folders'\n },\n }\n\n return (\n <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n {modified \|\| loading ? \n <div className={style.modificationsContainer}>{previewView}</div> \n : \n <div className={dragging ? style.dragging : style.inputWrapper} id={idBox}>\n <FileUploadIcon className={style.icon} />\n {description ? (\n <div className={style.description}>{description}</div>\n ) : null}\n <div className={style.title}>{title}</div>\n {dragging ? null : <Button {...buttonProps} />}\n {children(this.handleDragStart, this.handleDragStop)}\n </div>\n }\n {resetContent}\n </div>\n );\n }\n}\n\nexport default DragAndDrop;\n"],"file":"index.js"}

package/lib/atom/drag-and-drop/style.css CHANGED Viewed

@@ -6,145 +6,180 @@
 @value battle from colors;
 @value light from colors;
 @value xtraLightGrey from colors;
+@value cm_grey_300 from colors;
+@value cm_grey_700 from colors;
+@value cm_grey_50 from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_400 from colors;
 .wrapper {
-  width: 360px;
+  font-family: "Gilroy";
+  /* height: 100%;
+  width: 100%; */
+  height: 133px;
+  width: 202px;
+  border-radius: 3px;
 }
 .title {
-  font-family: "Gilroy";
-  font-size: 15px;
-  text-transform: none;
-  color: dark;
-  margin-bottom: 20px;
+  font-size: 12px;
+  font-weight: 700;
+  color: cm_grey_700;
+  margin-bottom: 14px;
 }
 .description {
-  font-family: 'Gilroy';
-  font-size: 13px;
+  font-size: 10px;
   font-weight: 400;
-  font-style: italic;
-  color: dark;
-  margin: 10px 0;
-  text-align: justify;
-}
-.previewWrapper {
+  color: cm_grey_300;
+  margin-bottom: 8px;
+  text-align: center;
   width: 100%;
-  box-sizing: border-box;
-  border: 1px dashed medium;
-  margin-bottom: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.modified {
-  composes: previewWrapper;
-  border: 2px solid battle;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
-.previewWrapper span {
-  font-family: 'Gilroy';
-  color: dark;
-  font-size: 15px;
-  font-weight: 700;
-  line-height: 100px;
+.modificationsContainer {
+  width: 100%;
+  height: 100%;
+  border: none;
+  border-radius: 3px;;
+  background: cm_grey_50;
 }
-.previewView {
-  padding: 10px;
+.preview {
+  padding: 8px;
   width: 100%;
-  height: 100px;
+  height: 100%;
   box-sizing: border-box;
   display: flex;
 }
-.previewView img {
-  max-width: 100%;
-  max-height: 100%;
-  margin: auto;
+.preview img, video {
+  width: 100%;
+  height: 100%;
+  border: 1px cm_grey_100 solid;
 }
 .inputWrapper {
+  background: cm_grey_50;
   width: 100%;
-  height: 70px;
+  height: 100%;
   box-sizing: border-box;
-  border: 1px dashed medium;
-  border-radius: 3px;
+  border: 1px dashed cm_grey_200;
+  border-radius: 7px;
   position: relative;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
+  padding: 14px 8px 8px 8px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .resetUploadWrapper {
   width: 100%;
-  height: 30px;
+  height: 20px;
   box-sizing: border-box;
-  background-color: xtraLightGrey;
-  border: solid 1px light;
+  background-color: cm_grey_50;
   border-radius: 3px;
-  position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  /* fonts */
-  font-family: Gilroy;
-  font-size: 13px;
+  margin-top: 16px;
+  padding: 4px 8px;
+  font-size: 10px;
   font-weight: 400;
-  margin-top: 15px;
 }
 .resetSrcLabel {
-  font-family: Gilroy;
-  color: dark;
-  max-width: 220px;
+  color: cm_grey_700;
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   direction: rtl;
   text-align: left;
-  margin-left: 9px;
 }
 .closeIcon {
-  margin-right: 9px;
   cursor: pointer;
-  color: dark;
-}
-.closeIcon:hover {
-  color: black;
+  color: cm_grey_400;
+  padding: 6px;
 }
 .dragging {
   composes: inputWrapper;
-  border: 3px dashed brand;
+  border: 1px solid cm_grey_200;
+  background: cm_grey_100;
 }
-.arrow {
-  width: 34px;
-  height: 34px;
-  margin-right: 10px;
-  transition: all 0.2s cubic-bezier(0.47, 1.04, 0.46, 2.16);
+.dragging .description .icon .title {
+  font-size: 8px;
 }
-.dragging .arrow {
-  transform: scale(1.2);
+.dragging .title {
+  font-size: 10px;
+}
+.dragging .icon {
+  transform: scale(0.85);
+}
+.icon {
+  width: 14px;
+  height: 14px;
+  transition: all 0.2s cubic-bezier(0.47, 1.04, 0.46, 2.16);
+  margin-bottom: 4px;
 }
 .uploadLabel {
-  font-family: 'Gilroy';
-  font-size: 18px;
-  text-transform: uppercase;
+  font-size: 14px;
   font-weight: 700;
-  color: dark;
+  color: cm_grey_700;
 }
-.loading {
-  min-height: 100px;
-  border: none;
+.loaderWrapper {
   position: relative;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
 }
+.loader {
+  margin-bottom: 8px;
+  height: 14px;
+  width: 14px;
+}
+.loaderText {
+  font-size: 10px;
+  font-weight: 400;
+}
+.loadingCancel {
+  display: none;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.folderIcon {
+  margin-right: 8px;
+}
+.wrapper:hover .loadingCancel {
+  display: block;
+}