@coorpacademy/components 10.13.3-alpha.6 → 10.13.5

package/es/atom/input-text-with-title/style.css

@@ -19,6 +19,10 @@
   font-style: normal;
 }
 
-.inputText {
-  width: 173px;
+.defaultInputText {
+  width: 100%;
+}
+
+.smallInputText {
+  width: 218px;
 }

package/es/atom/input-text-with-title/test/fixtures/error.js

@@ -5,8 +5,10 @@ export default {
   props: {
     title: 'Mandatory courses to complete certification',
     inputText: _extends(_extends({}, inputText.props), {}, {
+      title: 'Amount (6 items max)',
       error: 'this is error',
-      hint: ''
+      hint: '',
+      size: 'small'
     })
   }
 };

package/es/atom/input-text-with-title/test/fixtures/error.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/input-text-with-title/test/fixtures/error.js"],"names":["inputText","props","title","error","hint"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,8CAAtB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,6CADF;AAELF,IAAAA,SAAS,wBAAMA,SAAS,CAACC,KAAhB;AAAuBE,MAAAA,KAAK,EAAE,eAA9B;AAA+CC,MAAAA,IAAI,EAAE;AAArD;AAFJ;AADM,CAAf","sourcesContent":["import inputText from '../../../input-text/test/fixtures/cm-default';\n\nexport default {\n  props: {\n    title: 'Mandatory courses to complete certification',\n    inputText: {...inputText.props, error: 'this is error', hint: ''}\n  }\n};\n"],"file":"error.js"}
+{"version":3,"sources":["../../../../../src/atom/input-text-with-title/test/fixtures/error.js"],"names":["inputText","props","title","error","hint","size"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,8CAAtB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,6CADF;AAELF,IAAAA,SAAS,wBACJA,SAAS,CAACC,KADN;AAEPC,MAAAA,KAAK,EAAE,sBAFA;AAGPC,MAAAA,KAAK,EAAE,eAHA;AAIPC,MAAAA,IAAI,EAAE,EAJC;AAKPC,MAAAA,IAAI,EAAE;AALC;AAFJ;AADM,CAAf","sourcesContent":["import inputText from '../../../input-text/test/fixtures/cm-default';\n\nexport default {\n  props: {\n    title: 'Mandatory courses to complete certification',\n    inputText: {\n      ...inputText.props,\n      title: 'Amount (6 items max)',\n      error: 'this is error',\n      hint: '',\n      size: 'small'\n    }\n  }\n};\n"],"file":"error.js"}

package/es/atom/loader/style.css

@@ -32,11 +32,7 @@
 }
 
 .cmLoaderContainer {
-  position: relative;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
+  composes: _container;
 }
 
 .dots {
@@ -77,8 +73,8 @@
 }
 
 .icon {
-  width: 100%;
-  height: 100%;
+  width: 40px;
+  height: 40px;
   position: absolute;
 }
 

package/es/atom/select/index.js

@@ -99,7 +99,10 @@ const Select = (props, context) => {
     className: style.selectWrapper
   }, titleView, /*#__PURE__*/React.createElement("span", {
     "data-name": "select-span",
-    className: classnames(style.selectSpan, includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template']) ? style.noLabelCommon : null, borderClassName, isLongLabel ? style.longLabel : null)
+    className: classnames(style.selectSpan, includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template']) ? style.noLabelCommon : null, borderClassName, isLongLabel ? style.longLabel : null),
+    style: _extends({}, shouldUseSkinFontColor && {
+      color
+    })
   }, selectedLabel), arrowView, /*#__PURE__*/React.createElement("select", {
     "data-name": "native-select",
     className: style.selectBox,

package/es/atom/select/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/select/index.js"],"names":["React","useMemo","PropTypes","classnames","filter","find","get","getOr","includes","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","Provider","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","Select","props","context","name","options","className","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","optionList","option","index","value","selectOption","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","color","shouldUseSkinFontColor","arrowColor","undefined","arrowView","selectedArrow","arrow","behaviourClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectBox","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","contextTypes","childContextTypes","propTypes","func","oneOf","arrayOf","shape"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  coorpmanager: null\n};\n\nconst Select = (props, context) => {\n  const {\n    name,\n    options = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle\n  } = props;\n\n  const {skin} = context;\n\n  const title = useMemo(() => (propTitle ? `${propTitle}${required ? '*' : ''}` : null), [\n    propTitle,\n    required\n  ]);\n\n  const optionList =\n    options &&\n    options.map((option, index) => {\n      return (\n        <option key={index} value={option.value} className={style.selectOption}>\n          {option.name}\n        </option>\n      );\n    });\n\n  const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, options)),\n    [multiple, options]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, options)),\n    [multiple, options]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const shouldUseSkinFontColor = useMemo(\n    () =>\n      !isSelectedInValidOption && selected && includes(theme, ['question', 'template', 'player']),\n    [isSelectedInValidOption, selected, theme]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const arrowView = !multiple ? (\n    <ArrowDown\n      color={includes(theme, ['question', 'template', 'player']) ? arrowColor : black}\n      className={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n    />\n  ) : null;\n  const behaviourClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviourClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviourClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n        >\n          {selectedLabel}\n        </span>\n        {arrowView}\n        <select\n          data-name=\"native-select\"\n          className={style.selectBox}\n          title={selectedLabel}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool\n};\n\nexport default Select;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/select/index.js"],"names":["React","useMemo","PropTypes","classnames","filter","find","get","getOr","includes","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","Provider","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","Select","props","context","name","options","className","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","optionList","option","index","value","selectOption","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","color","shouldUseSkinFontColor","arrowColor","undefined","arrowView","selectedArrow","arrow","behaviourClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectBox","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","contextTypes","childContextTypes","propTypes","func","oneOf","arrayOf","shape"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  coorpmanager: null\n};\n\nconst Select = (props, context) => {\n  const {\n    name,\n    options = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle\n  } = props;\n\n  const {skin} = context;\n\n  const title = useMemo(() => (propTitle ? `${propTitle}${required ? '*' : ''}` : null), [\n    propTitle,\n    required\n  ]);\n\n  const optionList =\n    options &&\n    options.map((option, index) => {\n      return (\n        <option key={index} value={option.value} className={style.selectOption}>\n          {option.name}\n        </option>\n      );\n    });\n\n  const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, options)),\n    [multiple, options]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, options)),\n    [multiple, options]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const shouldUseSkinFontColor = useMemo(\n    () =>\n      !isSelectedInValidOption && selected && includes(theme, ['question', 'template', 'player']),\n    [isSelectedInValidOption, selected, theme]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const arrowView = !multiple ? (\n    <ArrowDown\n      color={includes(theme, ['question', 'template', 'player']) ? arrowColor : black}\n      className={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n    />\n  ) : null;\n  const behaviourClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviourClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviourClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        {arrowView}\n        <select\n          data-name=\"native-select\"\n          className={style.selectBox}\n          title={selectedLabel}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool\n};\n\nexport default Select;\n"],"file":"index.js"}

package/es/molecule/course-sections/index.js

@@ -7,10 +7,7 @@ import Loader from '../../atom/loader';
 import Title from '../../atom/title';
 import style from './style.css';
 
-const Loading = () => /*#__PURE__*/React.createElement("div", {
-  className: style.loaderContainer
-}, /*#__PURE__*/React.createElement(Loader, {
-  className: style.loader,
+const Loading = () => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Loader, {
   theme: "coorpmanager"
 }));
 

package/es/molecule/course-sections/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/course-sections/index.js"],"names":["React","PropTypes","InputTextWithTitle","CourseSection","DraggableList","Loader","Title","style","Loading","loaderContainer","loader","CourseSections","sections","onDrop","isLoading","title","mandatoryCoursesInput","inputTitle","propTypes","string","arrayOf","shape","func","bool"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAG,mBACd;AAAK,EAAA,SAAS,EAAED,KAAK,CAACE;AAAtB,gBACE,oBAAC,MAAD;AAAQ,EAAA,SAAS,EAAEF,KAAK,CAACG,MAAzB;AAAiC,EAAA,KAAK,EAAC;AAAvC,EADF,CADF;;AAMA,MAAMC,cAAc,GAAG,CAAC;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,MAFsB;AAGtBC,EAAAA,SAHsB;AAItBC,EAAAA,KAJsB;AAKtBC,EAAAA,qBALsB;AAMtBC,EAAAA;AANsB,CAAD,KAOjB;AACJ,MAAIH,SAAJ,EAAe,oBAAO,oBAAC,OAAD,OAAP;AAEf,sBACE,iCACGG,UAAU,gBACT;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACQ;AAAtB,kBACE,oBAAC,KAAD;AACE,IAAA,KAAK,EAAEE,UADT;AAEE,IAAA,IAAI,EAAE,YAFR;AAGE,iBAAW;AAHb,IADF,CADS,GAQP,IATN,EAUGD,qBAAqB,gBACpB;AAAK,IAAA,SAAS,EAAET,KAAK,CAACS;AAAtB,kBACE,oBAAC,kBAAD,EAAwBA,qBAAxB,CADF,CADoB,GAIlB,IAdN,EAeGD,KAAK,gBACJ;AAAK,IAAA,SAAS,EAAER,KAAK,CAACQ;AAAtB,kBACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAEA,KAAd;AAAqB,IAAA,IAAI,EAAE,YAA3B;AAAyC,iBAAW;AAApD,IADF,CADI,GAIF,IAnBN,eAoBE,oBAAC,aAAD;AAAe,IAAA,QAAQ,EAAC,gBAAxB;AAAyC,IAAA,KAAK,EAAEH,QAAhD;AAA0D,IAAA,MAAM,EAAEC;AAAlE,IApBF,CADF;AAwBD,CAlCD;;AAoCAF,cAAc,CAACO,SAAf,2CAA2B;AACzBD,EAAAA,UAAU,EAAEhB,SAAS,CAACkB,MADG;AAEzBJ,EAAAA,KAAK,EAAEd,SAAS,CAACkB,MAFQ;AAGzBP,EAAAA,QAAQ,EAAEX,SAAS,CAACmB,OAAV,CAAkBnB,SAAS,CAACoB,KAAV,CAAgBlB,aAAa,CAACe,SAA9B,CAAlB,CAHe;AAIzBL,EAAAA,MAAM,EAAEZ,SAAS,CAACqB,IAJO;AAKzBR,EAAAA,SAAS,EAAEb,SAAS,CAACsB,IALI;AAMzBP,EAAAA,qBAAqB,EAAEf,SAAS,CAACoB,KAAV,CAAgBnB,kBAAkB,CAACgB,SAAnC;AANE,CAA3B;AASA,eAAeP,cAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CourseSection from '../course-section';\nimport DraggableList from '../draggable-list';\nimport Loader from '../../atom/loader';\nimport Title from '../../atom/title';\nimport style from './style.css';\n\nconst Loading = () => (\n  <div className={style.loaderContainer}>\n    <Loader className={style.loader} theme=\"coorpmanager\" />\n  </div>\n);\n\nconst CourseSections = ({\n  sections,\n  onDrop,\n  isLoading,\n  title,\n  mandatoryCoursesInput,\n  inputTitle\n}) => {\n  if (isLoading) return <Loading />;\n\n  return (\n    <div>\n      {inputTitle ? (\n        <div className={style.title}>\n          <Title\n            title={inputTitle}\n            type={'form-group'}\n            data-name={'mandatory-courses-input-title'}\n          />\n        </div>\n      ) : null}\n      {mandatoryCoursesInput ? (\n        <div className={style.mandatoryCoursesInput}>\n          <InputTextWithTitle {...mandatoryCoursesInput} />\n        </div>\n      ) : null}\n      {title ? (\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'course-sections-title'} />\n        </div>\n      ) : null}\n      <DraggableList itemType=\"course-section\" items={sections} onDrop={onDrop} />\n    </div>\n  );\n};\n\nCourseSections.propTypes = {\n  inputTitle: PropTypes.string,\n  title: PropTypes.string,\n  sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),\n  onDrop: PropTypes.func,\n  isLoading: PropTypes.bool,\n  mandatoryCoursesInput: PropTypes.shape(InputTextWithTitle.propTypes)\n};\n\nexport default CourseSections;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/course-sections/index.js"],"names":["React","PropTypes","InputTextWithTitle","CourseSection","DraggableList","Loader","Title","style","Loading","CourseSections","sections","onDrop","isLoading","title","mandatoryCoursesInput","inputTitle","propTypes","string","arrayOf","shape","func","bool"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAG,mBACd,8CACE,oBAAC,MAAD;AAAQ,EAAA,KAAK,EAAC;AAAd,EADF,CADF;;AAMA,MAAMC,cAAc,GAAG,CAAC;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,MAFsB;AAGtBC,EAAAA,SAHsB;AAItBC,EAAAA,KAJsB;AAKtBC,EAAAA,qBALsB;AAMtBC,EAAAA;AANsB,CAAD,KAOjB;AACJ,MAAIH,SAAJ,EAAe,oBAAO,oBAAC,OAAD,OAAP;AAEf,sBACE,iCACGG,UAAU,gBACT;AAAK,IAAA,SAAS,EAAER,KAAK,CAACM;AAAtB,kBACE,oBAAC,KAAD;AACE,IAAA,KAAK,EAAEE,UADT;AAEE,IAAA,IAAI,EAAE,YAFR;AAGE,iBAAW;AAHb,IADF,CADS,GAQP,IATN,EAUGD,qBAAqB,gBACpB;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACO;AAAtB,kBACE,oBAAC,kBAAD,EAAwBA,qBAAxB,CADF,CADoB,GAIlB,IAdN,EAeGD,KAAK,gBACJ;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACM;AAAtB,kBACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAEA,KAAd;AAAqB,IAAA,IAAI,EAAE,YAA3B;AAAyC,iBAAW;AAApD,IADF,CADI,GAIF,IAnBN,eAoBE,oBAAC,aAAD;AAAe,IAAA,QAAQ,EAAC,gBAAxB;AAAyC,IAAA,KAAK,EAAEH,QAAhD;AAA0D,IAAA,MAAM,EAAEC;AAAlE,IApBF,CADF;AAwBD,CAlCD;;AAoCAF,cAAc,CAACO,SAAf,2CAA2B;AACzBD,EAAAA,UAAU,EAAEd,SAAS,CAACgB,MADG;AAEzBJ,EAAAA,KAAK,EAAEZ,SAAS,CAACgB,MAFQ;AAGzBP,EAAAA,QAAQ,EAAET,SAAS,CAACiB,OAAV,CAAkBjB,SAAS,CAACkB,KAAV,CAAgBhB,aAAa,CAACa,SAA9B,CAAlB,CAHe;AAIzBL,EAAAA,MAAM,EAAEV,SAAS,CAACmB,IAJO;AAKzBR,EAAAA,SAAS,EAAEX,SAAS,CAACoB,IALI;AAMzBP,EAAAA,qBAAqB,EAAEb,SAAS,CAACkB,KAAV,CAAgBjB,kBAAkB,CAACc,SAAnC;AANE,CAA3B;AASA,eAAeP,cAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CourseSection from '../course-section';\nimport DraggableList from '../draggable-list';\nimport Loader from '../../atom/loader';\nimport Title from '../../atom/title';\nimport style from './style.css';\n\nconst Loading = () => (\n  <div>\n    <Loader theme=\"coorpmanager\" />\n  </div>\n);\n\nconst CourseSections = ({\n  sections,\n  onDrop,\n  isLoading,\n  title,\n  mandatoryCoursesInput,\n  inputTitle\n}) => {\n  if (isLoading) return <Loading />;\n\n  return (\n    <div>\n      {inputTitle ? (\n        <div className={style.title}>\n          <Title\n            title={inputTitle}\n            type={'form-group'}\n            data-name={'mandatory-courses-input-title'}\n          />\n        </div>\n      ) : null}\n      {mandatoryCoursesInput ? (\n        <div className={style.mandatoryCoursesInput}>\n          <InputTextWithTitle {...mandatoryCoursesInput} />\n        </div>\n      ) : null}\n      {title ? (\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} data-name={'course-sections-title'} />\n        </div>\n      ) : null}\n      <DraggableList itemType=\"course-section\" items={sections} onDrop={onDrop} />\n    </div>\n  );\n};\n\nCourseSections.propTypes = {\n  inputTitle: PropTypes.string,\n  title: PropTypes.string,\n  sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),\n  onDrop: PropTypes.func,\n  isLoading: PropTypes.bool,\n  mandatoryCoursesInput: PropTypes.shape(InputTextWithTitle.propTypes)\n};\n\nexport default CourseSections;\n"],"file":"index.js"}

package/es/molecule/course-sections/style.css

@@ -3,18 +3,5 @@
 }
 
 .mandatoryCoursesInput {
-    margin: 0 0 16px 16px;
-}
-
-.loader {
-    width: 60px;
-    height: 60px;
-}
-
-.loaderContainer {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 50vh;
-    width: 100%;
-}
+    margin: 0 0 32px 16px;
+}

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

@@ -60,9 +60,8 @@ const CourseSelection = props => {
     className: style.cardsContainer,
     "data-name": 'courses-result'
   }, isLoading ? /*#__PURE__*/React.createElement("div", {
-    className: style.loaderContainer
+    className: style.loader
   }, /*#__PURE__*/React.createElement(Loader, {
-    className: style.loader,
     theme: "coorpmanager"
   })) : resultView));
 };

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

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

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

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

@@ -5,7 +5,6 @@ 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';
@@ -18,7 +17,6 @@ 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","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"}
+{"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"}

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

@@ -69,9 +69,8 @@ const SearchAndChipsResults = props => {
   })))), /*#__PURE__*/React.createElement("div", {
     className: style.resultContainer
   }, isLoading ? /*#__PURE__*/React.createElement("div", {
-    className: style.loaderContainer
+    className: style.loader
   }, /*#__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","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"}
+{"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"}

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

@@ -34,15 +34,8 @@
   margin: 0 16px 16px 0px;
 }
 
-.loaderContainer {
+.loader {
+  position: relative;
+  min-height: 50vh;
   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.js

@@ -5,7 +5,6 @@ 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 => {
@@ -17,7 +16,6 @@ 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","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"}
+{"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"}

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

@@ -117,10 +117,7 @@ const buildTabs = items => {
 
 const buildContentView = content => {
   if (!content) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.loaderContainer
-    }, /*#__PURE__*/React.createElement(Loader, {
-      className: style.loader,
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Loader, {
       theme: "coorpmanager"
     }));
   }
@@ -176,7 +173,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]);
+  const contentStyle = classNames([style.content, !isEmpty(notifications) && style.contentWithNotifications, isEmpty(content) && style.loader]);
   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","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"}
+{"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"}

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

@@ -18,17 +18,8 @@
   display: flex;
 }
 
-.loaderContainer {
-  width: 100%;
-  height: 50vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 .loader {
-  height: 60px;
-  width: 60px;
+  height: calc(100% - 143px);
 }
 
 .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, NovaSolidFilesFoldersFolders as FoldersIcon } 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 } from '@coorpacademy/nova-icons';
 export const ICONS = {
   add: AddIcon,
   analytics: AnalyticsIcon,
@@ -13,7 +13,6 @@ export const ICONS = {
   logout: LogoutIcon,
   publish: PublishIcon,
   save: SaveIcon,
-  see: EyeIcon,
-  folders: FoldersIcon
+  see: EyeIcon
 };
 //# 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","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"}
+{"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"}