@coorpacademy/components 10.13.2 → 10.13.3-alpha.13

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/course-selection/index.js"],"names":["React","PropTypes","EmptySearchResult","Search","SelectMultiple","Card","InputSwitch","Loader","style","buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","title","type","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","loader","propTypes","shape","bool","arrayOf","string","firstMessage","secondMessage"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, kebabCase} 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    const title = get('title', card);\n    const type = get('type', card);\n    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`${type}-${kebabCase(title)}`}>\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} data-name={'courses-result'}>\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"}
+{"version":3,"sources":["../../../src/organism/course-selection/index.js"],"names":["React","PropTypes","EmptySearchResult","Search","SelectMultiple","Card","InputSwitch","Loader","style","buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","title","type","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","loaderContainer","loader","propTypes","shape","bool","arrayOf","string","firstMessage","secondMessage"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, get, kebabCase} 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    const title = get('title', card);\n    const type = get('type', card);\n    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`${type}-${kebabCase(title)}`}>\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} data-name={'courses-result'}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.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/es/organism/course-selection/style.css

@@ -4,6 +4,7 @@
 @value cm_grey_900 from colors;
 
 .container {
+  height: 100%;
   width: 100%;
 }
 
@@ -26,6 +27,7 @@
 
 .cardsContainer {
   margin: 24px 0 0 0;
+  height: 100%;
   width: 100%;
 }
 
@@ -34,8 +36,15 @@
   margin: 0 16px 16px 0px;
 }
 
-.loader {
-  position: relative;
-  min-height: 50vh;
+.loaderContainer {
   width: 100%;
+  height: 50vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.loader {
+  height: 60px;
+  width: 60px;
 }

package/es/organism/course-selection/test/fixtures/loading.js

@@ -0,0 +1,9 @@
+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 props from './default';
+export default _extends(_extends({}, props), {}, {
+  props: _extends(_extends({}, props.props), {}, {
+    isLoading: true
+  })
+});
+//# sourceMappingURL=loading.js.map

package/es/organism/course-selection/test/fixtures/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/loading.js"],"names":["props","isLoading"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,WAAlB;AAEA,qCACOA,KADP;AAEIA,EAAAA,KAAK,wBACEA,KAAK,CAACA,KADR;AAEDC,IAAAA,SAAS,EAAE;AAFV;AAFT","sourcesContent":["import props from './default';\n\nexport default {\n    ...props,\n    props: {\n        ...props.props,\n        isLoading: true\n    }\n}\n"],"file":"loading.js"}

package/es/organism/course-selection/test/fixtures.js

@@ -5,6 +5,7 @@ import OrganismCourseSelection from '..';
 import fixtureDefault from './fixtures/default';
 import fixtureEmpty from './fixtures/empty';
 import fixtureFiltered from './fixtures/filtered';
+import fixtureLoading from './fixtures/loading';
 import fixtureSortedSelected from './fixtures/sorted-selected';
 import fixtureSwitchActivated from './fixtures/switch-activated';
 import fixtureUnsortedSelected from './fixtures/unsorted-selected';
@@ -17,6 +18,7 @@ test('Organism › OrganismCourseSelection > should have valid propTypes', t =>
 test('Organism › OrganismCourseSelection › Default › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureDefault);
 test('Organism › OrganismCourseSelection › Empty › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureEmpty);
 test('Organism › OrganismCourseSelection › Filtered › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureFiltered);
+test('Organism › OrganismCourseSelection › Loading › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureLoading);
 test('Organism › OrganismCourseSelection › SortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureSortedSelected);
 test('Organism › OrganismCourseSelection › SwitchActivated › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureSwitchActivated);
 test('Organism › OrganismCourseSelection › UnsortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureUnsortedSelected);

package/es/organism/course-selection/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/organism/course-selection/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismCourseSelection","fixtureDefault","fixtureEmpty","fixtureFiltered","fixtureSortedSelected","fixtureSwitchActivated","fixtureUnsortedSelected","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,uBAAP,MAAoC,IAApC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,uBAAP,MAAoC,8BAApC;AAEAT,IAAI,CAAC,kEAAD,EAAqEU,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACAV,EAAAA,OAAO,CAACE,uBAAuB,CAACS,SAAzB,EAAoC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAd,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,uBAA5F,EAAqHC,cAArH,CAAJ;AACAJ,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,uBAA1F,EAAmHE,YAAnH,CAAJ;AACAL,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,uBAA7F,EAAsHG,eAAtH,CAAJ;AACAN,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,uBAAnG,EAA4HI,qBAA5H,CAAJ;AACAP,IAAI,CAAC,2EAAD,EAA8EE,oBAA9E,EAAoGC,uBAApG,EAA6HK,sBAA7H,CAAJ;AACAR,IAAI,CAAC,4EAAD,EAA+EE,oBAA/E,EAAqGC,uBAArG,EAA8HM,uBAA9H,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismCourseSelection from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureFiltered from './fixtures/filtered';\nimport fixtureSortedSelected from './fixtures/sorted-selected';\nimport fixtureSwitchActivated from './fixtures/switch-activated';\nimport fixtureUnsortedSelected from './fixtures/unsorted-selected';\n\ntest('Organism › OrganismCourseSelection > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismCourseSelection.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismCourseSelection.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismCourseSelection › Default › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureDefault);\ntest('Organism › OrganismCourseSelection › Empty › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureEmpty);\ntest('Organism › OrganismCourseSelection › Filtered › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureFiltered);\ntest('Organism › OrganismCourseSelection › SortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureSortedSelected);\ntest('Organism › OrganismCourseSelection › SwitchActivated › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureSwitchActivated);\ntest('Organism › OrganismCourseSelection › UnsortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureUnsortedSelected);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/organism/course-selection/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismCourseSelection","fixtureDefault","fixtureEmpty","fixtureFiltered","fixtureLoading","fixtureSortedSelected","fixtureSwitchActivated","fixtureUnsortedSelected","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,uBAAP,MAAoC,IAApC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,uBAAP,MAAoC,8BAApC;AAEAV,IAAI,CAAC,kEAAD,EAAqEW,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACAX,EAAAA,OAAO,CAACE,uBAAuB,CAACU,SAAzB,EAAoC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAf,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,uBAA5F,EAAqHC,cAArH,CAAJ;AACAJ,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,uBAA1F,EAAmHE,YAAnH,CAAJ;AACAL,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,uBAA7F,EAAsHG,eAAtH,CAAJ;AACAN,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,uBAA5F,EAAqHI,cAArH,CAAJ;AACAP,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,uBAAnG,EAA4HK,qBAA5H,CAAJ;AACAR,IAAI,CAAC,2EAAD,EAA8EE,oBAA9E,EAAoGC,uBAApG,EAA6HM,sBAA7H,CAAJ;AACAT,IAAI,CAAC,4EAAD,EAA+EE,oBAA/E,EAAqGC,uBAArG,EAA8HO,uBAA9H,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismCourseSelection from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureFiltered from './fixtures/filtered';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureSortedSelected from './fixtures/sorted-selected';\nimport fixtureSwitchActivated from './fixtures/switch-activated';\nimport fixtureUnsortedSelected from './fixtures/unsorted-selected';\n\ntest('Organism › OrganismCourseSelection > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismCourseSelection.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismCourseSelection.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismCourseSelection › Default › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureDefault);\ntest('Organism › OrganismCourseSelection › Empty › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureEmpty);\ntest('Organism › OrganismCourseSelection › Filtered › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureFiltered);\ntest('Organism › OrganismCourseSelection › Loading › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureLoading);\ntest('Organism › OrganismCourseSelection › SortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureSortedSelected);\ntest('Organism › OrganismCourseSelection › SwitchActivated › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureSwitchActivated);\ntest('Organism › OrganismCourseSelection › UnsortedSelected › should be rendered', renderComponentMacro, OrganismCourseSelection, fixtureUnsortedSelected);\n"],"file":"fixtures.js"}

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

@@ -69,8 +69,9 @@ const SearchAndChipsResults = props => {
   })))), /*#__PURE__*/React.createElement("div", {
     className: style.resultContainer
   }, isLoading ? /*#__PURE__*/React.createElement("div", {
-    className: style.loader
+    className: style.loaderContainer
   }, /*#__PURE__*/React.createElement(Loader, {
+    className: style.loader,
     theme: "coorpmanager"
   })) : resultView));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["React","PropTypes","EmptySearchResult","Search","ButtonLink","Chips","Loader","style","buildResultView","results","resultsAriaLabel","emptyMessages","isLoading","items","map","result","index","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","loader","propTypes","shape","string","func","bool","arrayOf","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"}
+{"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["React","PropTypes","EmptySearchResult","Search","ButtonLink","Chips","Loader","style","buildResultView","results","resultsAriaLabel","emptyMessages","isLoading","items","map","result","index","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","loaderContainer","loader","propTypes","shape","string","func","bool","arrayOf","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.loaderContainer}>\n            <Loader className={style.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/es/organism/search-and-chips-results/style.css

@@ -34,8 +34,15 @@
   margin: 0 16px 16px 0px;
 }
 
-.loader {
-  position: relative;
-  min-height: 50vh;
+.loaderContainer {
   width: 100%;
+  height: 50vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
+
+.loader {
+  height: 60px;
+  width: 60px;
+}

package/es/organism/search-and-chips-results/test/fixtures/loading.js

@@ -0,0 +1,9 @@
+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 props from './default';
+export default _extends(_extends({}, props), {}, {
+  props: _extends(_extends({}, props.props), {}, {
+    isLoading: true
+  })
+});
+//# sourceMappingURL=loading.js.map

package/es/organism/search-and-chips-results/test/fixtures/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/search-and-chips-results/test/fixtures/loading.js"],"names":["props","isLoading"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,WAAlB;AAEA,qCACOA,KADP;AAEIA,EAAAA,KAAK,wBACEA,KAAK,CAACA,KADR;AAEDC,IAAAA,SAAS,EAAE;AAFV;AAFT","sourcesContent":["import props from './default';\n\nexport default {\n    ...props,\n    props: {\n        ...props.props,\n        isLoading: true\n    }\n}\n"],"file":"loading.js"}

package/es/organism/search-and-chips-results/test/fixtures.js

@@ -5,6 +5,7 @@ import OrganismSearchAndChipsResults from '..';
 import fixtureDefault from './fixtures/default';
 import fixtureEmpty from './fixtures/empty';
 import fixtureFiltered from './fixtures/filtered';
+import fixtureLoading from './fixtures/loading';
 import fixtureSortedSelected from './fixtures/sorted-selected';
 import fixtureUnsortedSelected from './fixtures/unsorted-selected';
 test('Organism › OrganismSearchAndChipsResults > should have valid propTypes', t => {
@@ -16,6 +17,7 @@ test('Organism › OrganismSearchAndChipsResults > should have valid propTypes',
 test('Organism › OrganismSearchAndChipsResults › Default › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureDefault);
 test('Organism › OrganismSearchAndChipsResults › Empty › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureEmpty);
 test('Organism › OrganismSearchAndChipsResults › Filtered › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureFiltered);
+test('Organism › OrganismSearchAndChipsResults › Loading › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureLoading);
 test('Organism › OrganismSearchAndChipsResults › SortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureSortedSelected);
 test('Organism › OrganismSearchAndChipsResults › UnsortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureUnsortedSelected);
 //# sourceMappingURL=fixtures.js.map

package/es/organism/search-and-chips-results/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/organism/search-and-chips-results/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismSearchAndChipsResults","fixtureDefault","fixtureEmpty","fixtureFiltered","fixtureSortedSelected","fixtureUnsortedSelected","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,6BAAP,MAA0C,IAA1C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AACA,OAAOC,uBAAP,MAAoC,8BAApC;AAEAR,IAAI,CAAC,wEAAD,EAA2ES,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,6BAA6B,CAACQ,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIC,cAAjI,CAAJ;AACAJ,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,6BAAhG,EAA+HE,YAA/H,CAAJ;AACAL,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,6BAAnG,EAAkIG,eAAlI,CAAJ;AACAN,IAAI,CAAC,gFAAD,EAAmFE,oBAAnF,EAAyGC,6BAAzG,EAAwII,qBAAxI,CAAJ;AACAP,IAAI,CAAC,kFAAD,EAAqFE,oBAArF,EAA2GC,6BAA3G,EAA0IK,uBAA1I,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismSearchAndChipsResults from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureFiltered from './fixtures/filtered';\nimport fixtureSortedSelected from './fixtures/sorted-selected';\nimport fixtureUnsortedSelected from './fixtures/unsorted-selected';\n\ntest('Organism › OrganismSearchAndChipsResults > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismSearchAndChipsResults.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismSearchAndChipsResults.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismSearchAndChipsResults › Default › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureDefault);\ntest('Organism › OrganismSearchAndChipsResults › Empty › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureEmpty);\ntest('Organism › OrganismSearchAndChipsResults › Filtered › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureFiltered);\ntest('Organism › OrganismSearchAndChipsResults › SortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureSortedSelected);\ntest('Organism › OrganismSearchAndChipsResults › UnsortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureUnsortedSelected);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/organism/search-and-chips-results/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismSearchAndChipsResults","fixtureDefault","fixtureEmpty","fixtureFiltered","fixtureLoading","fixtureSortedSelected","fixtureUnsortedSelected","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,6BAAP,MAA0C,IAA1C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AACA,OAAOC,uBAAP,MAAoC,8BAApC;AAEAT,IAAI,CAAC,wEAAD,EAA2EU,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACAV,EAAAA,OAAO,CAACE,6BAA6B,CAACS,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAd,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIC,cAAjI,CAAJ;AACAJ,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,6BAAhG,EAA+HE,YAA/H,CAAJ;AACAL,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,6BAAnG,EAAkIG,eAAlI,CAAJ;AACAN,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiII,cAAjI,CAAJ;AACAP,IAAI,CAAC,gFAAD,EAAmFE,oBAAnF,EAAyGC,6BAAzG,EAAwIK,qBAAxI,CAAJ;AACAR,IAAI,CAAC,kFAAD,EAAqFE,oBAArF,EAA2GC,6BAA3G,EAA0IM,uBAA1I,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismSearchAndChipsResults from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureFiltered from './fixtures/filtered';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureSortedSelected from './fixtures/sorted-selected';\nimport fixtureUnsortedSelected from './fixtures/unsorted-selected';\n\ntest('Organism › OrganismSearchAndChipsResults > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismSearchAndChipsResults.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismSearchAndChipsResults.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismSearchAndChipsResults › Default › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureDefault);\ntest('Organism › OrganismSearchAndChipsResults › Empty › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureEmpty);\ntest('Organism › OrganismSearchAndChipsResults › Filtered › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureFiltered);\ntest('Organism › OrganismSearchAndChipsResults › Loading › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureLoading);\ntest('Organism › OrganismSearchAndChipsResults › SortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureSortedSelected);\ntest('Organism › OrganismSearchAndChipsResults › UnsortedSelected › should be rendered', renderComponentMacro, OrganismSearchAndChipsResults, fixtureUnsortedSelected);\n"],"file":"fixtures.js"}

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

@@ -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

@@ -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"}
+{"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":"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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 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

@@ -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

@@ -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

@@ -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"}
+{"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/atom/drag-and-drop/index.js

@@ -3,9 +3,9 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _constant2 = _interopRequireDefault(require("lodash/fp/constant"));
+var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 
-var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+var _constant2 = _interopRequireDefault(require("lodash/fp/constant"));
 
 var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
 
@@ -15,18 +15,18 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
-var _provider = _interopRequireDefault(require("../provider"));
-
 var _loader = _interopRequireDefault(require("../loader"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
+var _buttonLink = _interopRequireDefault(require("../button-link"));
+
+var _getClassState = _interopRequireDefault(require("../../util/get-class-state"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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 _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; }
-
 const constantNull = (0, _constant2.default)(null);
 
 class DragAndDrop extends _react.default.Component {
@@ -52,10 +52,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,
@@ -66,7 +62,8 @@ class DragAndDrop extends _react.default.Component {
       previewContent,
       loading = false,
       modified = false,
-      onReset = null
+      onReset = null,
+      error = false
     } = this.props;
     const {
       dragging
@@ -75,25 +72,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,38 +117,64 @@ class DragAndDrop extends _react.default.Component {
       className: _style.default.closeIcon,
       onClick: onReset
     })) : null;
+
+    const buildButton = (dragging, error) => {
+      const defaultButtonProps = {
+        label: uploadLabel,
+        'aria-label': 'aria button',
+        'data-name': 'default-button',
+        icon: {
+          position: 'left',
+          type: 'folders'
+        }
+      };
+
+      if (dragging) {
+        return null;
+      } else if (error) {
+        const errorButtonProps = _extends(_extends({}, defaultButtonProps), {}, {
+          label: 'Try again',
+          icon: {}
+        });
+
+        return /*#__PURE__*/_react.default.createElement(_buttonLink.default, errorButtonProps);
+      } else {
+        return /*#__PURE__*/_react.default.createElement(_buttonLink.default, defaultButtonProps);
+      }
+    };
+
+    const button = buildButton(dragging, error);
+    const previewContainer = (0, _getClassState.default)(_style.default.previewContainer, _style.default.modifiedPreviewContainer, null, modified, error);
+    const inputWrapper = (0, _getClassState.default)(_style.default.inputWrapper, _style.default.modifiedInputWrapper, _style.default.errorInputWrapper, modified, error);
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.wrapper,
       "data-name": "drag-and-drop-wrapper"
+    }, !(0, _isEmpty2.default)(previewContent) || loading ? /*#__PURE__*/_react.default.createElement("div", {
+      className: previewContainer
+    }, previewView) : /*#__PURE__*/_react.default.createElement("div", {
+      className: dragging ? _style.default.dragging : inputWrapper,
+      id: idBox
     }, /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.infosContainer
+    }, error ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidFilesBasicFileBlock2, {
+      className: _style.default.iconError
+    }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidFilesBasicFileUpload2, {
+      className: _style.default.icon
+    }), description ? /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.description
+    }, description) : null, error ? null : /*#__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", {
-      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
+    }, title)), button, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'none'
       }
-    }) : null);
+    }, children(this.handleDragStart, this.handleDragStop))), error ? /*#__PURE__*/_react.default.createElement("span", {
+      className: _style.default.errorMessage
+    }, error) : resetContent);
   }
 
 }
 
-_defineProperty(DragAndDrop, "contextTypes", {
-  skin: _provider.default.childContextTypes.skin
-});
-
 DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   description: _propTypes.default.string,
@@ -153,7 +187,8 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   loading: _propTypes.default.bool,
   modified: _propTypes.default.bool,
   children: _propTypes.default.func,
-  onReset: _propTypes.default.func
+  onReset: _propTypes.default.func,
+  error: _propTypes.default.string
 } : {};
 var _default = DragAndDrop;
 exports.default = _default;