@coorpacademy/components 10.13.0 → 10.13.3-alpha.13

package/lib/molecule/brand-form-group/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/brand-form-group/index.js"],"names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","SelectMultiple","Roles"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return <ImageUpload {...field} />;\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'roles':\n      return <Roles {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {title, subtitle = '', fieldsLayout = '', groupLayout = '', fields = []} = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/brand-form-group/index.js"],"names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","SelectMultiple","Roles"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return <div className={style.imageUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'roles':\n      return <Roles {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {title, subtitle = '', fieldsLayout = '', groupLayout = '', fields = []} = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"file":"index.js"}

package/lib/molecule/brand-form-group/style.css

@@ -73,6 +73,11 @@
   width: 100%;
 }
 
+.imageUploadContainer {
+  height: 320px;
+  width: 360px;
+}
+
 @media desktop {
   .groupGrid {
     flex-direction: column;

package/lib/molecule/brand-form-group/test/fixtures/images.js

@@ -21,9 +21,13 @@ var _default = {
     fields: [_extends(_extends({}, _desktop.default.props), {}, {
       type: 'image'
     }), _extends(_extends({}, _mobile.default.props), {}, {
-      type: 'image'
+      type: 'image',
+      previewContent: {}
     }), _extends(_extends({}, _email.default.props), {}, {
-      type: 'image'
+      type: 'image',
+      modified: false,
+      loading: true,
+      previewContent: {}
     })]
   }
 };

package/lib/molecule/brand-form-group/test/fixtures/images.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/brand-form-group/test/fixtures/images.js"],"names":["props","title","subtitle","fieldsLayout","fields","Desktop","type","Mobile","Email"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,gBADF;AAELC,IAAAA,QAAQ,EACN,4GAHG;AAILC,IAAAA,YAAY,EAAE,MAJT;AAKLC,IAAAA,MAAM,EAAE,uBAEDC,iBAAQL,KAFP;AAGJM,MAAAA,IAAI,EAAE;AAHF,8BAMDC,gBAAOP,KANN;AAOJM,MAAAA,IAAI,EAAE;AAPF,8BAUDE,eAAMR,KAVL;AAWJM,MAAAA,IAAI,EAAE;AAXF;AALH;AADM,C","sourcesContent":["import Desktop from '../../../../atom/image-upload/test/fixtures/desktop';\nimport Mobile from '../../../../atom/image-upload/test/fixtures/mobile';\nimport Email from '../../../../atom/image-upload/test/fixtures/email';\n\nexport default {\n  props: {\n    title: 'Platform logos',\n    subtitle:\n      '(SVG files are recommanded for retina display. For any other file types, max height recommanded is xxx px)',\n    fieldsLayout: 'grid',\n    fields: [\n      {\n        ...Desktop.props,\n        type: 'image'\n      },\n      {\n        ...Mobile.props,\n        type: 'image'\n      },\n      {\n        ...Email.props,\n        type: 'image'\n      }\n    ]\n  }\n};\n"],"file":"images.js"}
+{"version":3,"sources":["../../../../../src/molecule/brand-form-group/test/fixtures/images.js"],"names":["props","title","subtitle","fieldsLayout","fields","Desktop","type","Mobile","previewContent","Email","modified","loading"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,gBADF;AAELC,IAAAA,QAAQ,EACN,4GAHG;AAILC,IAAAA,YAAY,EAAE,MAJT;AAKLC,IAAAA,MAAM,EAAE,uBAEDC,iBAAQL,KAFP;AAGJM,MAAAA,IAAI,EAAE;AAHF,8BAMDC,gBAAOP,KANN;AAOJM,MAAAA,IAAI,EAAE,OAPF;AAQJE,MAAAA,cAAc,EAAE;AARZ,8BAWDC,eAAMT,KAXL;AAYJM,MAAAA,IAAI,EAAE,OAZF;AAaJI,MAAAA,QAAQ,EAAE,KAbN;AAcJC,MAAAA,OAAO,EAAE,IAdL;AAeJH,MAAAA,cAAc,EAAE;AAfZ;AALH;AADM,C","sourcesContent":["import Desktop from '../../../../atom/image-upload/test/fixtures/desktop';\nimport Mobile from '../../../../atom/image-upload/test/fixtures/mobile';\nimport Email from '../../../../atom/image-upload/test/fixtures/email';\n\nexport default {\n  props: {\n    title: 'Platform logos',\n    subtitle:\n      '(SVG files are recommanded for retina display. For any other file types, max height recommanded is xxx px)',\n    fieldsLayout: 'grid',\n    fields: [\n      {\n        ...Desktop.props,\n        type: 'image'\n      },\n      {\n        ...Mobile.props,\n        type: 'image',\n        previewContent: {}\n      },\n      {\n        ...Email.props,\n        type: 'image',\n        modified: false,\n        loading: true,\n        previewContent: {}\n      }\n    ]\n  }\n};\n"],"file":"images.js"}

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

@@ -7,6 +7,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _inputTextWithTitle = _interopRequireDefault(require("../../atom/input-text-with-title"));
+
 var _courseSection = _interopRequireDefault(require("../course-section"));
 
 var _draggableList = _interopRequireDefault(require("../draggable-list"));
@@ -19,7 +21,10 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Loading = () => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_loader.default, {
+const Loading = () => /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.loaderContainer
+}, /*#__PURE__*/_react.default.createElement(_loader.default, {
+  className: _style.default.loader,
   theme: "coorpmanager"
 }));
 
@@ -27,10 +32,20 @@ const CourseSections = ({
   sections,
   onDrop,
   isLoading,
-  title
+  title,
+  mandatoryCoursesInput,
+  inputTitle
 }) => {
   if (isLoading) return /*#__PURE__*/_react.default.createElement(Loading, null);
-  return /*#__PURE__*/_react.default.createElement("div", null, title ? /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", null, inputTitle ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.title
+  }, /*#__PURE__*/_react.default.createElement(_title.default, {
+    title: inputTitle,
+    type: 'form-group',
+    "data-name": 'mandatory-courses-input-title'
+  })) : null, mandatoryCoursesInput ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.mandatoryCoursesInput
+  }, /*#__PURE__*/_react.default.createElement(_inputTextWithTitle.default, mandatoryCoursesInput)) : null, title ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.title
   }, /*#__PURE__*/_react.default.createElement(_title.default, {
     title: title,
@@ -44,10 +59,12 @@ const CourseSections = ({
 };
 
 CourseSections.propTypes = process.env.NODE_ENV !== "production" ? {
+  inputTitle: _propTypes.default.string,
   title: _propTypes.default.string,
   sections: _propTypes.default.arrayOf(_propTypes.default.shape(_courseSection.default.propTypes)),
   onDrop: _propTypes.default.func,
-  isLoading: _propTypes.default.bool
+  isLoading: _propTypes.default.bool,
+  mandatoryCoursesInput: _propTypes.default.shape(_inputTextWithTitle.default.propTypes)
 } : {};
 var _default = CourseSections;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/course-sections/index.js"],"names":["Loading","CourseSections","sections","onDrop","isLoading","title","style","propTypes","PropTypes","string","arrayOf","shape","CourseSection","func","bool"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,mBACd,uDACE,6BAAC,eAAD;AAAQ,EAAA,KAAK,EAAC;AAAd,EADF,CADF;;AAMA,MAAMC,cAAc,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA,MAAX;AAAmBC,EAAAA,SAAnB;AAA8BC,EAAAA;AAA9B,CAAD,KAA0C;AAC/D,MAAID,SAAJ,EAAe,oBAAO,6BAAC,OAAD,OAAP;AAEf,sBACE,0CACGC,KAAK,gBACJ;AAAK,IAAA,SAAS,EAAEC,eAAMD;AAAtB,kBACE,6BAAC,cAAD;AAAO,IAAA,KAAK,EAAEA,KAAd;AAAqB,IAAA,IAAI,EAAE,YAA3B;AAAyC,iBAAW;AAApD,IADF,CADI,GAIF,IALN,eAME,6BAAC,sBAAD;AAAe,IAAA,QAAQ,EAAC,gBAAxB;AAAyC,IAAA,KAAK,EAAEH,QAAhD;AAA0D,IAAA,MAAM,EAAEC;AAAlE,IANF,CADF;AAUD,CAbD;;AAeAF,cAAc,CAACM,SAAf,2CAA2B;AACzBF,EAAAA,KAAK,EAAEG,mBAAUC,MADQ;AAEzBP,EAAAA,QAAQ,EAAEM,mBAAUE,OAAV,CAAkBF,mBAAUG,KAAV,CAAgBC,uBAAcL,SAA9B,CAAlB,CAFe;AAGzBJ,EAAAA,MAAM,EAAEK,mBAAUK,IAHO;AAIzBT,EAAAA,SAAS,EAAEI,mBAAUM;AAJI,CAA3B;eAOeb,c","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\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 = ({sections, onDrop, isLoading, title}) => {\n  if (isLoading) return <Loading />;\n\n  return (\n    <div>\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  title: PropTypes.string,\n  sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),\n  onDrop: PropTypes.func,\n  isLoading: PropTypes.bool\n};\n\nexport default CourseSections;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/course-sections/index.js"],"names":["Loading","style","loaderContainer","loader","CourseSections","sections","onDrop","isLoading","title","mandatoryCoursesInput","inputTitle","propTypes","PropTypes","string","arrayOf","shape","CourseSection","func","bool","InputTextWithTitle"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,mBACd;AAAK,EAAA,SAAS,EAAEC,eAAMC;AAAtB,gBACE,6BAAC,eAAD;AAAQ,EAAA,SAAS,EAAED,eAAME,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,6BAAC,OAAD,OAAP;AAEf,sBACE,0CACGG,UAAU,gBACT;AAAK,IAAA,SAAS,EAAET,eAAMO;AAAtB,kBACE,6BAAC,cAAD;AACE,IAAA,KAAK,EAAEE,UADT;AAEE,IAAA,IAAI,EAAE,YAFR;AAGE,iBAAW;AAHb,IADF,CADS,GAQP,IATN,EAUGD,qBAAqB,gBACpB;AAAK,IAAA,SAAS,EAAER,eAAMQ;AAAtB,kBACE,6BAAC,2BAAD,EAAwBA,qBAAxB,CADF,CADoB,GAIlB,IAdN,EAeGD,KAAK,gBACJ;AAAK,IAAA,SAAS,EAAEP,eAAMO;AAAtB,kBACE,6BAAC,cAAD;AAAO,IAAA,KAAK,EAAEA,KAAd;AAAqB,IAAA,IAAI,EAAE,YAA3B;AAAyC,iBAAW;AAApD,IADF,CADI,GAIF,IAnBN,eAoBE,6BAAC,sBAAD;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,EAAEE,mBAAUC,MADG;AAEzBL,EAAAA,KAAK,EAAEI,mBAAUC,MAFQ;AAGzBR,EAAAA,QAAQ,EAAEO,mBAAUE,OAAV,CAAkBF,mBAAUG,KAAV,CAAgBC,uBAAcL,SAA9B,CAAlB,CAHe;AAIzBL,EAAAA,MAAM,EAAEM,mBAAUK,IAJO;AAKzBV,EAAAA,SAAS,EAAEK,mBAAUM,IALI;AAMzBT,EAAAA,qBAAqB,EAAEG,mBAAUG,KAAV,CAAgBI,4BAAmBR,SAAnC;AANE,CAA3B;eASeP,c","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"}

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

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

package/lib/molecule/course-sections/test/fixtures/with-mandatory-courses-input.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _error = _interopRequireDefault(require("../../../../atom/input-text-with-title/test/fixtures/error"));
+
+var _default2 = _interopRequireDefault(require("./default"));
+
+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); }
+
+var _default = {
+  props: _extends(_extends({}, _default2.default.props), {}, {
+    mandatoryCoursesInput: _error.default.props,
+    inputTitle: 'Minimun courses completion'
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=with-mandatory-courses-input.js.map

package/lib/molecule/course-sections/test/fixtures/with-mandatory-courses-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/course-sections/test/fixtures/with-mandatory-courses-input.js"],"names":["props","mandatoryCoursesInput","inputTitle"],"mappings":";;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAA,kBAAMA,KADN;AAEHC,IAAAA,qBAAqB,EAAEA,eAAsBD,KAF1C;AAGHE,IAAAA,UAAU,EAAE;AAHT;AADQ,C","sourcesContent":["import mandatoryCoursesInput from '../../../../atom/input-text-with-title/test/fixtures/error';\nimport props from './default';\n\nexport default {\n  props: {\n    ...props.props,\n    mandatoryCoursesInput: mandatoryCoursesInput.props,\n    inputTitle: 'Minimun courses completion'\n  }\n};\n"],"file":"with-mandatory-courses-input.js"}

package/lib/molecule/course-sections/test/fixtures.js

@@ -12,6 +12,8 @@ var _default = _interopRequireDefault(require("./fixtures/default"));
 
 var _loading = _interopRequireDefault(require("./fixtures/loading"));
 
+var _withMandatoryCoursesInput = _interopRequireDefault(require("./fixtures/with-mandatory-courses-input"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 (0, _ava.default)('Molecule › MoleculeCourseSections > should have valid propTypes', t => {
@@ -22,4 +24,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 });
 (0, _ava.default)('Molecule › MoleculeCourseSections › Default › should be rendered', _renderComponent.default, _.default, _default.default);
 (0, _ava.default)('Molecule › MoleculeCourseSections › Loading › should be rendered', _renderComponent.default, _.default, _loading.default);
+(0, _ava.default)('Molecule › MoleculeCourseSections › WithMandatoryCoursesInput › should be rendered', _renderComponent.default, _.default, _withMandatoryCoursesInput.default);
 //# sourceMappingURL=fixtures.js.map

package/lib/molecule/course-sections/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/course-sections/test/fixtures.js"],"names":["t","pass","MoleculeCourseSections","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureLoading"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iEAAL,EAAwEA,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,kEAAL,EAAyEG,wBAAzE,EAA+FN,SAA/F,EAAuHO,gBAAvH;AACA,kBAAK,kEAAL,EAAyED,wBAAzE,EAA+FN,SAA/F,EAAuHQ,gBAAvH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCourseSections from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\n\ntest('Molecule › MoleculeCourseSections > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCourseSections.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCourseSections.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCourseSections › Default › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureDefault);\ntest('Molecule › MoleculeCourseSections › Loading › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureLoading);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/molecule/course-sections/test/fixtures.js"],"names":["t","pass","MoleculeCourseSections","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureLoading","fixtureWithMandatoryCoursesInput"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iEAAL,EAAwEA,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,kEAAL,EAAyEG,wBAAzE,EAA+FN,SAA/F,EAAuHO,gBAAvH;AACA,kBAAK,kEAAL,EAAyED,wBAAzE,EAA+FN,SAA/F,EAAuHQ,gBAAvH;AACA,kBAAK,oFAAL,EAA2FF,wBAA3F,EAAiHN,SAAjH,EAAyIS,kCAAzI","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCourseSections from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureWithMandatoryCoursesInput from './fixtures/with-mandatory-courses-input';\n\ntest('Molecule › MoleculeCourseSections > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCourseSections.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCourseSections.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCourseSections › Default › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureDefault);\ntest('Molecule › MoleculeCourseSections › Loading › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureLoading);\ntest('Molecule › MoleculeCourseSections › WithMandatoryCoursesInput › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureWithMandatoryCoursesInput);\n"],"file":"fixtures.js"}

package/lib/molecule/input-text-with-titeled-checkbox/test/fixtures.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _checked = _interopRequireDefault(require("./fixtures/checked"));
+
+var _unchecked = _interopRequireDefault(require("./fixtures/unchecked"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeInputTextWithTiteledCheckbox > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeInputTextWithTiteledCheckbox.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeInputTextWithTiteledCheckbox › Checked › should be rendered', _renderComponent.default, _.default, _checked.default);
+(0, _ava.default)('Molecule › MoleculeInputTextWithTiteledCheckbox › Unchecked › should be rendered', _renderComponent.default, _.default, _unchecked.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/input-text-with-titeled-checkbox/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/input-text-with-titeled-checkbox/test/fixtures.js"],"names":["t","pass","MoleculeInputTextWithTiteledCheckbox","propTypes","value","key","not","undefined","renderComponentMacro","fixtureChecked","fixtureUnchecked"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,+EAAL,EAAsFA,CAAC,IAAI;AACzFA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAqCC,SAA7C,EAAwD,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtEL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yEAAwEF,GAAI,mEAArG;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,gFAAL,EAAuFG,wBAAvF,EAA6GN,SAA7G,EAAmJO,gBAAnJ;AACA,kBAAK,kFAAL,EAAyFD,wBAAzF,EAA+GN,SAA/G,EAAqJQ,kBAArJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeInputTextWithTiteledCheckbox from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureUnchecked from './fixtures/unchecked';\n\ntest('Molecule › MoleculeInputTextWithTiteledCheckbox > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeInputTextWithTiteledCheckbox.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeInputTextWithTiteledCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeInputTextWithTiteledCheckbox › Checked › should be rendered', renderComponentMacro, MoleculeInputTextWithTiteledCheckbox, fixtureChecked);\ntest('Molecule › MoleculeInputTextWithTiteledCheckbox › Unchecked › should be rendered', renderComponentMacro, MoleculeInputTextWithTiteledCheckbox, fixtureUnchecked);\n"],"file":"fixtures.js"}

package/lib/molecule/setup-slide/index.js

@@ -56,7 +56,9 @@ const SetupSlide = props => {
         return /*#__PURE__*/_react.default.createElement(_inputCheckbox.default, field);
 
       case 'image':
-        return /*#__PURE__*/_react.default.createElement(_imageUpload.default, field);
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: _style.default.imageUploadContainer
+        }, /*#__PURE__*/_react.default.createElement(_imageUpload.default, field));
 
       case 'splitForm':
         return /*#__PURE__*/_react.default.createElement(_setupCohortItem.default, {

package/lib/molecule/setup-slide/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/setup-slide/index.js"],"names":["SetupSlide","props","fields","buildInput","field","type","title","subtitle","buildField","index","input","style","fieldsList","convert","cap","wrapper","defaultProps","propTypes","PropTypes","arrayOf","oneOfType","shape","InputSwitch","oneOf","Select","InputCheckbox","ImageUpload","InputReadonly","InputDoublestep","SetupCohortItem","MessagePopin","InputText"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} theme={'coorpmanager'} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return <ImageUpload {...field} />;\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/setup-slide/index.js"],"names":["SetupSlide","props","fields","buildInput","field","type","style","imageUploadContainer","title","subtitle","buildField","index","input","fieldsList","convert","cap","wrapper","defaultProps","propTypes","PropTypes","arrayOf","oneOfType","shape","InputSwitch","oneOf","Select","InputCheckbox","ImageUpload","InputReadonly","InputDoublestep","SetupCohortItem","MessagePopin","InputText"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} theme={'coorpmanager'} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return <div className={style.imageUploadContainer}><ImageUpload {...field} /></div>;\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"file":"index.js"}

package/lib/molecule/setup-slide/style.css

@@ -12,3 +12,8 @@
 .field:last-child {
   margin-bottom: 0;
 }
+
+.imageUploadContainer {
+  height: 260px;
+  width: 360px;
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/course-selection/index.js"],"names":["buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","title","type","style","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","loader","propTypes","PropTypes","shape","Search","bool","SelectMultiple","arrayOf","Card","string","firstMessage","secondMessage","InputSwitch"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,KAAkE;AACxF,MAAI,CAACA,SAAD,IAAc,uBAAQH,OAAR,CAAlB,EAAoC;AAClC,wBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAME,KAAK,GAAGJ,OAAO,CAACK,GAAR,CAAY,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACzC,UAAMC,KAAK,GAAG,mBAAI,OAAJ,EAAaF,IAAb,CAAd;AACA,UAAMG,IAAI,GAAG,mBAAI,MAAJ,EAAYH,IAAZ,CAAb;AACA,wBACE;AAAI,MAAA,SAAS,EAAEI,eAAMC,KAArB;AAA4B,MAAA,GAAG,EAAG,QAAOJ,KAAM,EAA/C;AAAkD,mBAAY,GAAEE,IAAK,IAAG,yBAAUD,KAAV,CAAiB;AAAzF,oBACE,6BAAC,aAAD,EAAUF,IAAV,CADF,CADF;AAKD,GARa,CAAd;AAUA,sBAAO;AAAI,kBAAYL;AAAhB,KAA4CG,KAA5C,CAAP;AACD,CAhBD;;AAkBA,MAAMQ,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,iBAFI;AAGJf,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJC,IAAAA,SAAS,GAAG,KALR;AAMJ,oCAAgCF,yBAN5B;AAOJe,IAAAA;AAPI,MAQFH,KARJ;AAUA,QAAMI,UAAU,GAAGlB,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEO,eAAMQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAET,eAAMI;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,eAAMU;AAAtB,kBACE,6BAAC,uBAAD,EAAoBL,iBAApB,CADF,CAJF,eAOE,6BAAC,oBAAD,EAAiBC,YAAjB,CAPF,CADF,eAUE;AAAK,IAAA,SAAS,EAAEN,eAAMW,cAAtB;AAAsC,iBAAW;AAAjD,KACGlB,SAAS,gBACR;AAAK,IAAA,SAAS,EAAEO,eAAMY;AAAtB,kBACE,6BAAC,eAAD;AAAQ,IAAA,KAAK,EAAC;AAAd,IADF,CADQ,GAKRL,UANJ,CAVF,CADF;AAsBD,CAnCD;;AAqCAL,eAAe,CAACW,SAAhB,2CAA4B;AAC1BT,EAAAA,MAAM,EAAEU,mBAAUC,KAAV,CAAgBC,qBAAOF,SAAvB,CADkB;AAE1BrB,EAAAA,SAAS,EAAEqB,mBAAUG,IAFK;AAG1BZ,EAAAA,iBAAiB,EAAES,mBAAUC,KAAV,CAAgBG,wBAAeJ,SAA/B,CAHO;AAI1BxB,EAAAA,OAAO,EAAEwB,mBAAUK,OAAV,CAAkBL,mBAAUC,KAAV,CAAgBK,cAAKP,SAArB,CAAlB,CAJiB;AAK1B,kCAAgCC,mBAAUO,MALhB;AAM1B7B,EAAAA,aAAa,EAAEsB,mBAAUC,KAAV,CAAgB;AAC7BO,IAAAA,YAAY,EAAER,mBAAUO,MADK;AAE7BE,IAAAA,aAAa,EAAET,mBAAUO;AAFI,GAAhB,CANW;AAU1Bf,EAAAA,YAAY,EAAEQ,mBAAUC,KAAV,CAAgBS,qBAAYV,SAA5B;AAVY,CAA5B;eAaeZ,e","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, 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":["buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","title","type","style","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","loaderContainer","loader","propTypes","PropTypes","shape","Search","bool","SelectMultiple","arrayOf","Card","string","firstMessage","secondMessage","InputSwitch"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,KAAkE;AACxF,MAAI,CAACA,SAAD,IAAc,uBAAQH,OAAR,CAAlB,EAAoC;AAClC,wBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAME,KAAK,GAAGJ,OAAO,CAACK,GAAR,CAAY,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACzC,UAAMC,KAAK,GAAG,mBAAI,OAAJ,EAAaF,IAAb,CAAd;AACA,UAAMG,IAAI,GAAG,mBAAI,MAAJ,EAAYH,IAAZ,CAAb;AACA,wBACE;AAAI,MAAA,SAAS,EAAEI,eAAMC,KAArB;AAA4B,MAAA,GAAG,EAAG,QAAOJ,KAAM,EAA/C;AAAkD,mBAAY,GAAEE,IAAK,IAAG,yBAAUD,KAAV,CAAiB;AAAzF,oBACE,6BAAC,aAAD,EAAUF,IAAV,CADF,CADF;AAKD,GARa,CAAd;AAUA,sBAAO;AAAI,kBAAYL;AAAhB,KAA4CG,KAA5C,CAAP;AACD,CAhBD;;AAkBA,MAAMQ,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,iBAFI;AAGJf,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJC,IAAAA,SAAS,GAAG,KALR;AAMJ,oCAAgCF,yBAN5B;AAOJe,IAAAA;AAPI,MAQFH,KARJ;AAUA,QAAMI,UAAU,GAAGlB,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEO,eAAMQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAET,eAAMI;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,eAAMU;AAAtB,kBACE,6BAAC,uBAAD,EAAoBL,iBAApB,CADF,CAJF,eAOE,6BAAC,oBAAD,EAAiBC,YAAjB,CAPF,CADF,eAUE;AAAK,IAAA,SAAS,EAAEN,eAAMW,cAAtB;AAAsC,iBAAW;AAAjD,KACGlB,SAAS,gBACR;AAAK,IAAA,SAAS,EAAEO,eAAMY;AAAtB,kBACE,6BAAC,eAAD;AAAQ,IAAA,SAAS,EAAEZ,eAAMa,MAAzB;AAAiC,IAAA,KAAK,EAAC;AAAvC,IADF,CADQ,GAKRN,UANJ,CAVF,CADF;AAsBD,CAnCD;;AAqCAL,eAAe,CAACY,SAAhB,2CAA4B;AAC1BV,EAAAA,MAAM,EAAEW,mBAAUC,KAAV,CAAgBC,qBAAOF,SAAvB,CADkB;AAE1BtB,EAAAA,SAAS,EAAEsB,mBAAUG,IAFK;AAG1Bb,EAAAA,iBAAiB,EAAEU,mBAAUC,KAAV,CAAgBG,wBAAeJ,SAA/B,CAHO;AAI1BzB,EAAAA,OAAO,EAAEyB,mBAAUK,OAAV,CAAkBL,mBAAUC,KAAV,CAAgBK,cAAKP,SAArB,CAAlB,CAJiB;AAK1B,kCAAgCC,mBAAUO,MALhB;AAM1B9B,EAAAA,aAAa,EAAEuB,mBAAUC,KAAV,CAAgB;AAC7BO,IAAAA,YAAY,EAAER,mBAAUO,MADK;AAE7BE,IAAAA,aAAa,EAAET,mBAAUO;AAFI,GAAhB,CANW;AAU1BhB,EAAAA,YAAY,EAAES,mBAAUC,KAAV,CAAgBS,qBAAYV,SAA5B;AAVY,CAA5B;eAaeb,e","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/lib/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/lib/organism/course-selection/test/fixtures/loading.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _default2 = _interopRequireDefault(require("./default"));
+
+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); }
+
+var _default = _extends(_extends({}, _default2.default), {}, {
+  props: _extends(_extends({}, _default2.default.props), {}, {
+    isLoading: true
+  })
+});
+
+exports.default = _default;
+//# sourceMappingURL=loading.js.map

package/lib/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;;;;;;qCAGOA,iB;AACHA,EAAAA,KAAK,wBACEA,kBAAMA,KADR;AAEDC,IAAAA,SAAS,EAAE;AAFV","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/lib/organism/course-selection/test/fixtures.js

@@ -14,6 +14,8 @@ var _empty = _interopRequireDefault(require("./fixtures/empty"));
 
 var _filtered = _interopRequireDefault(require("./fixtures/filtered"));
 
+var _loading = _interopRequireDefault(require("./fixtures/loading"));
+
 var _sortedSelected = _interopRequireDefault(require("./fixtures/sorted-selected"));
 
 var _switchActivated = _interopRequireDefault(require("./fixtures/switch-activated"));
@@ -31,6 +33,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('Organism › OrganismCourseSelection › Default › should be rendered', _renderComponent.default, _.default, _default.default);
 (0, _ava.default)('Organism › OrganismCourseSelection › Empty › should be rendered', _renderComponent.default, _.default, _empty.default);
 (0, _ava.default)('Organism › OrganismCourseSelection › Filtered › should be rendered', _renderComponent.default, _.default, _filtered.default);
+(0, _ava.default)('Organism › OrganismCourseSelection › Loading › should be rendered', _renderComponent.default, _.default, _loading.default);
 (0, _ava.default)('Organism › OrganismCourseSelection › SortedSelected › should be rendered', _renderComponent.default, _.default, _sortedSelected.default);
 (0, _ava.default)('Organism › OrganismCourseSelection › SwitchActivated › should be rendered', _renderComponent.default, _.default, _switchActivated.default);
 (0, _ava.default)('Organism › OrganismCourseSelection › UnsortedSelected › should be rendered', _renderComponent.default, _.default, _unsortedSelected.default);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/organism/course-selection/test/fixtures.js"],"names":["t","pass","OrganismCourseSelection","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureEmpty","fixtureFiltered","fixtureSortedSelected","fixtureSwitchActivated","fixtureUnsortedSelected"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,kEAAL,EAAyEA,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAwBC,SAAhC,EAA2C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,mEAAL,EAA0EG,wBAA1E,EAAgGN,SAAhG,EAAyHO,gBAAzH;AACA,kBAAK,iEAAL,EAAwED,wBAAxE,EAA8FN,SAA9F,EAAuHQ,cAAvH;AACA,kBAAK,oEAAL,EAA2EF,wBAA3E,EAAiGN,SAAjG,EAA0HS,iBAA1H;AACA,kBAAK,0EAAL,EAAiFH,wBAAjF,EAAuGN,SAAvG,EAAgIU,uBAAhI;AACA,kBAAK,2EAAL,EAAkFJ,wBAAlF,EAAwGN,SAAxG,EAAiIW,wBAAjI;AACA,kBAAK,4EAAL,EAAmFL,wBAAnF,EAAyGN,SAAzG,EAAkIY,yBAAlI","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":["t","pass","OrganismCourseSelection","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureEmpty","fixtureFiltered","fixtureLoading","fixtureSortedSelected","fixtureSwitchActivated","fixtureUnsortedSelected"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,kEAAL,EAAyEA,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAwBC,SAAhC,EAA2C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,mEAAL,EAA0EG,wBAA1E,EAAgGN,SAAhG,EAAyHO,gBAAzH;AACA,kBAAK,iEAAL,EAAwED,wBAAxE,EAA8FN,SAA9F,EAAuHQ,cAAvH;AACA,kBAAK,oEAAL,EAA2EF,wBAA3E,EAAiGN,SAAjG,EAA0HS,iBAA1H;AACA,kBAAK,mEAAL,EAA0EH,wBAA1E,EAAgGN,SAAhG,EAAyHU,gBAAzH;AACA,kBAAK,0EAAL,EAAiFJ,wBAAjF,EAAuGN,SAAvG,EAAgIW,uBAAhI;AACA,kBAAK,2EAAL,EAAkFL,wBAAlF,EAAwGN,SAAxG,EAAiIY,wBAAjI;AACA,kBAAK,4EAAL,EAAmFN,wBAAnF,EAAyGN,SAAzG,EAAkIa,yBAAlI","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/lib/organism/search-and-chips-results/index.js

@@ -83,8 +83,9 @@ const SearchAndChipsResults = props => {
   })))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.resultContainer
   }, isLoading ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.loader
+    className: _style.default.loaderContainer
   }, /*#__PURE__*/_react.default.createElement(_loader.default, {
+    className: _style.default.loader,
     theme: "coorpmanager"
   })) : resultView));
 };

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

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

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _default2 = _interopRequireDefault(require("./default"));
+
+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); }
+
+var _default = _extends(_extends({}, _default2.default), {}, {
+  props: _extends(_extends({}, _default2.default.props), {}, {
+    isLoading: true
+  })
+});
+
+exports.default = _default;
+//# sourceMappingURL=loading.js.map

package/lib/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;;;;;;qCAGOA,iB;AACHA,EAAAA,KAAK,wBACEA,kBAAMA,KADR;AAEDC,IAAAA,SAAS,EAAE;AAFV","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/lib/organism/search-and-chips-results/test/fixtures.js

@@ -14,6 +14,8 @@ var _empty = _interopRequireDefault(require("./fixtures/empty"));
 
 var _filtered = _interopRequireDefault(require("./fixtures/filtered"));
 
+var _loading = _interopRequireDefault(require("./fixtures/loading"));
+
 var _sortedSelected = _interopRequireDefault(require("./fixtures/sorted-selected"));
 
 var _unsortedSelected = _interopRequireDefault(require("./fixtures/unsorted-selected"));
@@ -29,6 +31,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('Organism › OrganismSearchAndChipsResults › Default › should be rendered', _renderComponent.default, _.default, _default.default);
 (0, _ava.default)('Organism › OrganismSearchAndChipsResults › Empty › should be rendered', _renderComponent.default, _.default, _empty.default);
 (0, _ava.default)('Organism › OrganismSearchAndChipsResults › Filtered › should be rendered', _renderComponent.default, _.default, _filtered.default);
+(0, _ava.default)('Organism › OrganismSearchAndChipsResults › Loading › should be rendered', _renderComponent.default, _.default, _loading.default);
 (0, _ava.default)('Organism › OrganismSearchAndChipsResults › SortedSelected › should be rendered', _renderComponent.default, _.default, _sortedSelected.default);
 (0, _ava.default)('Organism › OrganismSearchAndChipsResults › UnsortedSelected › should be rendered', _renderComponent.default, _.default, _unsortedSelected.default);
 //# sourceMappingURL=fixtures.js.map