@coorpacademy/components 10.3.27-alpha.1 → 10.3.27-alpha.25

package/lib/molecule/cm-popin/style.css

@@ -26,6 +26,7 @@
   box-sizing: border-box;
   overflow: hidden;
   display: flex;
+  position:fixed;
 }
 
 .popin {

package/lib/molecule/select-multiple/style.css

@@ -236,7 +236,7 @@
   font-size: 14px;
   color: black;
   height: 44px;
-  padding: 11px 85px 11px 16px;
+  padding: 11px 45px 11px 16px;
   background-color: cm_grey_100;
   overflow: visible;
 }

package/lib/molecule/wizard-summary/index.js

@@ -156,6 +156,14 @@ const BuildAction = ({
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonProps));
 };
 
+const checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {
+  if (checked) {
+    if (summaryElement && summaryElement.current && !summaryElement.current.contains(clickEvent.target)) {
+      onCloseSummary();
+    }
+  }
+};
+
 const WizardSummary = props => {
   const {
     title,
@@ -165,8 +173,25 @@ const WizardSummary = props => {
   } = props;
   const sectionsView = buildSections(sections);
   const idSwitch = (0, _uniqueId2.default)('open-summary-wizard');
+  const summaryElement = (0, _react.useRef)(null);
+  const [checked, setChecked] = (0, _react.useState)(false);
+
+  const onCloseSummary = () => setChecked(false);
+
+  const handleOnChange = (0, _react.useCallback)(() => {
+    if (!checked) {
+      document.addEventListener('click', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
+      document.addEventListener('touchstart', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
+    } else {
+      document.removeEventListener('click', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
+      document.removeEventListener('touchstart', clickEvent => checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent));
+    }
+
+    setChecked(!checked);
+  }, [checked]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.container
+    className: _style.default.container,
+    ref: summaryElement
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.desktopSummaryTitle,
     "data-name": `summary-title-${side}`
@@ -176,7 +201,9 @@ const WizardSummary = props => {
     name: "toogle",
     title: idSwitch,
     className: _style.default.checkbox,
-    "data-name": `summary-checkbox-${side}`
+    "data-name": `summary-checkbox-${side}`,
+    checked: checked,
+    onChange: handleOnChange
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.summary
   }, /*#__PURE__*/_react.default.createElement("div", {

package/lib/molecule/wizard-summary/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["buildItemsOfSection","items","map","item","index","type","title","style","value","category","label","author","unsaved","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","onClick","disabled","icon","ariaLabel","side","handleClick","buttonProps","position","button","WizardSummary","props","sectionsView","idSwitch","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","shape","string","bool","func","arrayOf","oneOfType","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ContentBadge from '../../atom/content-badge';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n  return items.map((item, index) => {\n    const {type} = item;\n    switch (type) {\n      case 'mainElement':\n        return (\n          <li key={`${item.title}-${index}`} data-name={item.title}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {category, label, title, author, unsaved = false} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`} data-name={item.title}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <div className={style.content}>\n                <ContentBadge category={category} label={label} />\n                <span\n                  className={classnames(style.contentTitle, unsaved && style.unsaved)}\n                  title={title}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: title}}\n                />\n              </div>\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default: {\n        const {text, unsaved = false} = item;\n        return (\n          <li key={`${item.text}-${index}`} data-name={item.title}>\n            <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n              {text}\n            </span>\n          </li>\n        );\n      }\n    }\n  });\n};\n\nconst buildSectionHeader = section => {\n  const {title, counterText} = section;\n  if (!title) {\n    return null;\n  }\n  return (\n    <div className={style.sectionHeader}>\n      <span className={style.title}>{title}</span>\n      {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n    </div>\n  );\n};\n\nconst buildSections = sections => {\n  return sections.map((section, index) => {\n    const sectionHeader = buildSectionHeader(section);\n    const itemsView = buildItemsOfSection(section.items);\n    return (\n      <div\n        key={`summary-section-${index}`}\n        data-step={index}\n        data-name={`summary-section-${index}`}\n        className={style.sectionWrapper}\n      >\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst BuildAction = ({action}) => {\n  const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel, side} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (!action) return null;\n\n  const buttonProps = {\n    type: 'text',\n    label: text,\n    disabled,\n    'aria-label': ariaLabel,\n    'data-name': `${icon}-button-${side}`,\n    onClick: handleClick,\n    icon: {\n      position: 'left',\n      type: icon\n    }\n  };\n\n  return (\n    <div className={style.button}>\n      <ButtonLink {...buttonProps} />\n    </div>\n  );\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action, side} = props;\n  const sectionsView = buildSections(sections);\n  const idSwitch = uniqueId('open-summary-wizard');\n\n  return (\n    <div className={style.container}>\n      <span className={style.desktopSummaryTitle} data-name={`summary-title-${side}`}>\n        {title}\n      </span>\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name=\"toogle\"\n        title={idSwitch}\n        className={style.checkbox}\n        data-name={`summary-checkbox-${side}`}\n      />\n      <div className={style.summary}>\n        <div className={style.tabletSummaryHeader}>\n          <label htmlFor={idSwitch}>\n            <span className={style.tabletSummaryTitle}>{title}</span>\n            <ArrowDownIcon className={style.tabletSummaryIcon} />\n          </label>\n        </div>\n        <div className={style.summarySections} data-name={`summary-section-${side}`}>\n          {sectionsView}\n        </div>\n      </div>\n      <div className={style.actionZone} data-name={`summary-actions-${side}`}>\n        <BuildAction action={action} side={side} />\n      </div>\n    </div>\n  );\n};\n\nBuildAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    disabled: PropTypes.bool,\n    text: PropTypes.string,\n    side: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  })\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  side: PropTypes.string,\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape({\n            type: PropTypes.string,\n            title: PropTypes.string,\n            value: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string,\n            unsaved: PropTypes.bool\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            category: PropTypes.oneOf([\n              'base',\n              'advanced',\n              'coach',\n              'chapter',\n              'scorm',\n              'video',\n              'article',\n              'podcast',\n              'course'\n            ]),\n            title: PropTypes.string,\n            label: PropTypes.string,\n            author: PropTypes.string,\n            unsaved: PropTypes.bool\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["buildItemsOfSection","items","map","item","index","type","title","style","value","category","label","author","unsaved","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","onClick","disabled","icon","ariaLabel","side","handleClick","buttonProps","position","button","checkOnClose","checked","summaryElement","onCloseSummary","clickEvent","current","contains","target","WizardSummary","props","sectionsView","idSwitch","setChecked","handleOnChange","document","addEventListener","removeEventListener","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","shape","string","bool","func","arrayOf","oneOfType","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo, useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ContentBadge from '../../atom/content-badge';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n  return items.map((item, index) => {\n    const {type} = item;\n    switch (type) {\n      case 'mainElement':\n        return (\n          <li key={`${item.title}-${index}`} data-name={item.title}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {category, label, title, author, unsaved = false} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`} data-name={item.title}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <div className={style.content}>\n                <ContentBadge category={category} label={label} />\n                <span\n                  className={classnames(style.contentTitle, unsaved && style.unsaved)}\n                  title={title}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: title}}\n                />\n              </div>\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default: {\n        const {text, unsaved = false} = item;\n        return (\n          <li key={`${item.text}-${index}`} data-name={item.title}>\n            <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n              {text}\n            </span>\n          </li>\n        );\n      }\n    }\n  });\n};\n\nconst buildSectionHeader = section => {\n  const {title, counterText} = section;\n  if (!title) {\n    return null;\n  }\n  return (\n    <div className={style.sectionHeader}>\n      <span className={style.title}>{title}</span>\n      {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n    </div>\n  );\n};\n\nconst buildSections = sections => {\n  return sections.map((section, index) => {\n    const sectionHeader = buildSectionHeader(section);\n    const itemsView = buildItemsOfSection(section.items);\n    return (\n      <div\n        key={`summary-section-${index}`}\n        data-step={index}\n        data-name={`summary-section-${index}`}\n        className={style.sectionWrapper}\n      >\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst BuildAction = ({action}) => {\n  const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel, side} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (!action) return null;\n\n  const buttonProps = {\n    type: 'text',\n    label: text,\n    disabled,\n    'aria-label': ariaLabel,\n    'data-name': `${icon}-button-${side}`,\n    onClick: handleClick,\n    icon: {\n      position: 'left',\n      type: icon\n    }\n  };\n\n  return (\n    <div className={style.button}>\n      <ButtonLink {...buttonProps} />\n    </div>\n  );\n};\n\nconst checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {\n  if (checked) {\n    if (\n      summaryElement &&\n      summaryElement.current &&\n      !summaryElement.current.contains(clickEvent.target)\n    ) {\n      onCloseSummary();\n    }\n  }\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action, side} = props;\n  const sectionsView = buildSections(sections);\n  const idSwitch = uniqueId('open-summary-wizard');\n  const summaryElement = useRef(null);\n  const [checked, setChecked] = useState(false);\n\n  const onCloseSummary = () => setChecked(false);\n  const handleOnChange = useCallback(() => {\n    if (!checked) {\n      document.addEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.addEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    } else {\n      document.removeEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.removeEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    }\n    setChecked(!checked);\n  }, [checked]);\n\n  return (\n    <div className={style.container} ref={summaryElement}>\n      <span className={style.desktopSummaryTitle} data-name={`summary-title-${side}`}>\n        {title}\n      </span>\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name=\"toogle\"\n        title={idSwitch}\n        className={style.checkbox}\n        data-name={`summary-checkbox-${side}`}\n        checked={checked}\n        onChange={handleOnChange}\n      />\n      <div className={style.summary}>\n        <div className={style.tabletSummaryHeader}>\n          <label htmlFor={idSwitch}>\n            <span className={style.tabletSummaryTitle}>{title}</span>\n            <ArrowDownIcon className={style.tabletSummaryIcon} />\n          </label>\n        </div>\n        <div className={style.summarySections} data-name={`summary-section-${side}`}>\n          {sectionsView}\n        </div>\n      </div>\n      <div className={style.actionZone} data-name={`summary-actions-${side}`}>\n        <BuildAction action={action} side={side} />\n      </div>\n    </div>\n  );\n};\n\nBuildAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    disabled: PropTypes.bool,\n    text: PropTypes.string,\n    side: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  })\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  side: PropTypes.string,\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape({\n            type: PropTypes.string,\n            title: PropTypes.string,\n            value: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string,\n            unsaved: PropTypes.bool\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            category: PropTypes.oneOf([\n              'base',\n              'advanced',\n              'coach',\n              'chapter',\n              'scorm',\n              'video',\n              'article',\n              'podcast',\n              'course'\n            ]),\n            title: PropTypes.string,\n            label: PropTypes.string,\n            author: PropTypes.string,\n            unsaved: PropTypes.bool\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}

package/lib/organism/content-translation/style.css

@@ -10,6 +10,7 @@
   display: flex;
   background-color: cm_grey_50;
   position: relative;
+  border-radius: 7px;
 }
 
 .menu {

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

@@ -23,14 +23,16 @@ var _card = _interopRequireDefault(require("../../molecule/card"));
 
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
 
+var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
 
-const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages) => {
-  if ((0, _isEmpty2.default)(courses)) {
+const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {
+  if (!isLoading && (0, _isEmpty2.default)(courses)) {
     return /*#__PURE__*/_react.default.createElement(_emptySearchResult.default, emptyMessages);
   }
 
@@ -54,10 +56,11 @@ const CourseSelection = props => {
     contentTypeFilter,
     courses,
     emptyMessages,
+    isLoading = false,
     'courses-selection-aria-label': coursesSelectionAriaLabel,
     switchButton
   } = props;
-  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages);
+  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages, isLoading);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -71,11 +74,16 @@ const CourseSelection = props => {
   }, /*#__PURE__*/_react.default.createElement(_selectMultiple.default, contentTypeFilter)), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, switchButton)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.cardsContainer,
     "data-name": 'courses-result'
-  }, resultView));
+  }, isLoading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.loader
+  }, /*#__PURE__*/_react.default.createElement(_loader.default, {
+    theme: "coorpmanager"
+  })) : resultView));
 };
 
 CourseSelection.propTypes = process.env.NODE_ENV !== "production" ? {
   search: _propTypes.default.shape(_inputSearch.default.PropTypes),
+  isLoading: _propTypes.default.bool,
   contentTypeFilter: _propTypes.default.shape(_selectMultiple.default.PropTypes),
   courses: _propTypes.default.arrayOf(_propTypes.default.shape(_card.default.propTypes)),
   'courses-selection-aria-label': _propTypes.default.string,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/course-selection/index.js"],"names":["buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","items","map","card","index","title","type","style","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","propTypes","PropTypes","shape","Search","SelectMultiple","arrayOf","Card","string","firstMessage","secondMessage","InputSwitch"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,KAAuD;AAC7E,MAAI,uBAAQF,OAAR,CAAJ,EAAsB;AACpB,wBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAMC,KAAK,GAAGH,OAAO,CAACI,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,kBAAYJ;AAAhB,KAA4CE,KAA5C,CAAP;AACD,CAhBD;;AAkBA,MAAMQ,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,iBAFI;AAGJd,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJ,oCAAgCD,yBAL5B;AAMJc,IAAAA;AANI,MAOFH,KAPJ;AASA,QAAMI,UAAU,GAAGjB,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,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,KACGJ,UADH,CAVF,CADF;AAgBD,CA5BD;;AA8BAL,eAAe,CAACU,SAAhB,2CAA4B;AAC1BR,EAAAA,MAAM,EAAES,mBAAUC,KAAV,CAAgBC,qBAAOF,SAAvB,CADkB;AAE1BR,EAAAA,iBAAiB,EAAEQ,mBAAUC,KAAV,CAAgBE,wBAAeH,SAA/B,CAFO;AAG1BtB,EAAAA,OAAO,EAAEsB,mBAAUI,OAAV,CAAkBJ,mBAAUC,KAAV,CAAgBI,cAAKN,SAArB,CAAlB,CAHiB;AAI1B,kCAAgCC,mBAAUM,MAJhB;AAK1B1B,EAAAA,aAAa,EAAEoB,mBAAUC,KAAV,CAAgB;AAC7BM,IAAAA,YAAY,EAAEP,mBAAUM,MADK;AAE7BE,IAAAA,aAAa,EAAER,mBAAUM;AAFI,GAAhB,CALW;AAS1Bb,EAAAA,YAAY,EAAEO,mBAAUC,KAAV,CAAgBQ,qBAAYT,SAA5B;AATY,CAA5B;eAYeX,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 style from './style.css';\n\nconst buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages) => {\n  if (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    'courses-selection-aria-label': coursesSelectionAriaLabel,\n    switchButton\n  } = props;\n\n  const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages);\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        {resultView}\n      </div>\n    </div>\n  );\n};\n\nCourseSelection.propTypes = {\n  search: PropTypes.shape(Search.PropTypes),\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","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"}

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

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

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

@@ -13,6 +13,8 @@ var _scorm = _interopRequireDefault(require("../../../../molecule/card/test/fixt
 
 var _externalContent = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/external-content"));
 
+var _freerun = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/freerun"));
+
 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); }
@@ -26,6 +28,7 @@ var _default = {
       description: 'Type to filter the courses',
       onChange: value => console.log(value)
     },
+    isLoading: false,
     contentTypeFilter: {
       type: 'selectMultiple',
       title: 'Content type',
@@ -36,7 +39,7 @@ var _default = {
       options: [{
         name: 'Course',
         value: 'course',
-        selected: true
+        selected: false
       }, {
         name: "5' learning",
         value: 'chapter',
@@ -44,7 +47,7 @@ var _default = {
       }, {
         name: 'Interactive slides',
         value: 'scorm',
-        selected: false
+        selected: true
       }, {
         name: 'Video',
         value: 'video',
@@ -53,19 +56,40 @@ var _default = {
       multiple: false
     },
     'courses-selection-aria-label': 'Courses results',
-    courses: [_selectableTrue.default.props, _selectableFalse.default.props, _extends({}, _article.default.props, {
-      isSelected: false
-    }), _selectableTrue.default.props, _extends({}, _scorm.default.props, {
-      isSelected: true
+    courses: [_extends({}, _selectableTrue.default.props, {
+      theme: 'coorpmanager',
+      progress: undefined
     }), _extends({}, _selectableFalse.default.props, {
+      theme: 'coorpmanager',
+      progress: undefined
+    }), _extends({}, _article.default.props, {
       isSelected: false,
-      title: 'Standard course'
+      theme: 'coorpmanager',
+      progress: undefined
+    }), _extends({}, _freerun.default.props, {
+      theme: 'coorpmanager',
+      progress: undefined,
+      isSelected: false,
+      favorite: false
+    }), _extends({}, _scorm.default.props, {
+      isSelected: true,
+      theme: 'coorpmanager',
+      progress: undefined
+    }), _extends({}, _selectableFalse.default.props, {
+      isSelected: false,
+      title: 'Standard course',
+      theme: 'coorpmanager',
+      progress: undefined
     }), _extends({}, _externalContent.default.props, {
       isSelected: false,
-      title: 'External course'
+      title: 'External course',
+      theme: 'coorpmanager',
+      progress: undefined
     }), _extends({}, _scorm.default.props, {
       isSelected: false,
-      title: 'Scorm course'
+      title: 'Scorm course',
+      theme: 'coorpmanager',
+      progress: undefined
     })],
     switchButton: {
       type: 'switch',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/default.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","contentTypeFilter","type","theme","size","options","name","selected","multiple","courses","SelectedCard","UnSelectedCard","Article","isSelected","Scorm","ExternalContent","switchButton","titlePosition"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQLK,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,IAAI,EAAE,gBADW;AAEjBR,MAAAA,KAAK,EAAE,cAFU;AAGjBC,MAAAA,WAAW,EAAE,cAHI;AAIjBE,MAAAA,WAAW,EAAE,0BAJI;AAKjBM,MAAAA,KAAK,EAAE,cALU;AAMjBC,MAAAA,IAAI,EAAE,SANW;AAOjBC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,QADR;AAEEV,QAAAA,KAAK,EAAE,QAFT;AAGEW,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACED,QAAAA,IAAI,EAAE,aADR;AAEEV,QAAAA,KAAK,EAAE,SAFT;AAGEW,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACED,QAAAA,IAAI,EAAE,oBADR;AAEEV,QAAAA,KAAK,EAAE,OAFT;AAGEW,QAAAA,QAAQ,EAAE;AAHZ,OAXO,EAgBP;AACED,QAAAA,IAAI,EAAE,OADR;AAEEV,QAAAA,KAAK,EAAE,OAFT;AAGEW,QAAAA,QAAQ,EAAE;AAHZ,OAhBO,CAPQ;AA6BjBC,MAAAA,QAAQ,EAAE;AA7BO,KARd;AAuCL,oCAAgC,iBAvC3B;AAwCLC,IAAAA,OAAO,EAAE,CACPC,wBAAalB,KADN,EAEPmB,yBAAenB,KAFR,eAGHoB,iBAAQpB,KAHL;AAGYqB,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAalB,KAJN,eAKHsB,eAAMtB,KALH;AAKUqB,MAAAA,UAAU,EAAE;AALtB,qBAMHF,yBAAenB,KANZ;AAMmBqB,MAAAA,UAAU,EAAE,KAN/B;AAMsCnB,MAAAA,KAAK,EAAE;AAN7C,qBAOHqB,yBAAgBvB,KAPb;AAOoBqB,MAAAA,UAAU,EAAE,KAPhC;AAOuCnB,MAAAA,KAAK,EAAE;AAP9C,qBAQHoB,eAAMtB,KARH;AAQUqB,MAAAA,UAAU,EAAE,KARtB;AAQ6BnB,MAAAA,KAAK,EAAE;AARpC,OAxCJ;AAkDLsB,IAAAA,YAAY,EAAE;AACZd,MAAAA,IAAI,EAAE,QADM;AAEZR,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZqB,MAAAA,aAAa,EAAE,OALH;AAMZd,MAAAA,KAAK,EAAE;AANK;AAlDT;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    contentTypeFilter: {\n      type: 'selectMultiple',\n      title: 'Content type',\n      placeholder: 'Content type',\n      description: 'This filters the courses',\n      theme: 'coorpmanager',\n      size: 'default',\n      options: [\n        {\n          name: 'Course',\n          value: 'course',\n          selected: true\n        },\n        {\n          name: \"5' learning\",\n          value: 'chapter',\n          selected: false\n        },\n        {\n          name: 'Interactive slides',\n          value: 'scorm',\n          selected: false\n        },\n        {\n          name: 'Video',\n          value: 'video',\n          selected: false\n        }\n      ],\n      multiple: false\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      SelectedCard.props,\n      UnSelectedCard.props,\n      {...Article.props, isSelected: false},\n      SelectedCard.props,\n      {...Scorm.props, isSelected: true},\n      {...UnSelectedCard.props, isSelected: false, title: 'Standard course'},\n      {...ExternalContent.props, isSelected: false, title: 'External course'},\n      {...Scorm.props, isSelected: false, title: 'Scorm course'}\n    ],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected courses only',\n      value: false,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/default.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","isLoading","contentTypeFilter","type","theme","size","options","name","selected","multiple","courses","SelectedCard","progress","undefined","UnSelectedCard","Article","isSelected","Chaptercard","favorite","Scorm","ExternalContent","switchButton","titlePosition"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQLK,IAAAA,SAAS,EAAE,KARN;AASLC,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,IAAI,EAAE,gBADW;AAEjBT,MAAAA,KAAK,EAAE,cAFU;AAGjBC,MAAAA,WAAW,EAAE,cAHI;AAIjBE,MAAAA,WAAW,EAAE,0BAJI;AAKjBO,MAAAA,KAAK,EAAE,cALU;AAMjBC,MAAAA,IAAI,EAAE,SANW;AAOjBC,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,IAAI,EAAE,QADR;AAEEX,QAAAA,KAAK,EAAE,QAFT;AAGEY,QAAAA,QAAQ,EAAE;AAHZ,OADO,EAMP;AACED,QAAAA,IAAI,EAAE,aADR;AAEEX,QAAAA,KAAK,EAAE,SAFT;AAGEY,QAAAA,QAAQ,EAAE;AAHZ,OANO,EAWP;AACED,QAAAA,IAAI,EAAE,oBADR;AAEEX,QAAAA,KAAK,EAAE,OAFT;AAGEY,QAAAA,QAAQ,EAAE;AAHZ,OAXO,EAgBP;AACED,QAAAA,IAAI,EAAE,OADR;AAEEX,QAAAA,KAAK,EAAE,OAFT;AAGEY,QAAAA,QAAQ,EAAE;AAHZ,OAhBO,CAPQ;AA6BjBC,MAAAA,QAAQ,EAAE;AA7BO,KATd;AAwCL,oCAAgC,iBAxC3B;AAyCLC,IAAAA,OAAO,EAAE,cACHC,wBAAanB,KADV;AACiBY,MAAAA,KAAK,EAAE,cADxB;AACwCQ,MAAAA,QAAQ,EAAEC;AADlD,qBAEHC,yBAAetB,KAFZ;AAEmBY,MAAAA,KAAK,EAAE,cAF1B;AAE0CQ,MAAAA,QAAQ,EAAEC;AAFpD,qBAGHE,iBAAQvB,KAHL;AAGYwB,MAAAA,UAAU,EAAE,KAHxB;AAG+BZ,MAAAA,KAAK,EAAE,cAHtC;AAGsDQ,MAAAA,QAAQ,EAAEC;AAHhE,qBAKFI,iBAAYzB,KALV;AAMLY,MAAAA,KAAK,EAAE,cANF;AAOLQ,MAAAA,QAAQ,EAAEC,SAPL;AAQLG,MAAAA,UAAU,EAAE,KARP;AASLE,MAAAA,QAAQ,EAAE;AATL,qBAWHC,eAAM3B,KAXH;AAWUwB,MAAAA,UAAU,EAAE,IAXtB;AAW4BZ,MAAAA,KAAK,EAAE,cAXnC;AAWmDQ,MAAAA,QAAQ,EAAEC;AAX7D,qBAaFC,yBAAetB,KAbb;AAcLwB,MAAAA,UAAU,EAAE,KAdP;AAeLtB,MAAAA,KAAK,EAAE,iBAfF;AAgBLU,MAAAA,KAAK,EAAE,cAhBF;AAiBLQ,MAAAA,QAAQ,EAAEC;AAjBL,qBAoBFO,yBAAgB5B,KApBd;AAqBLwB,MAAAA,UAAU,EAAE,KArBP;AAsBLtB,MAAAA,KAAK,EAAE,iBAtBF;AAuBLU,MAAAA,KAAK,EAAE,cAvBF;AAwBLQ,MAAAA,QAAQ,EAAEC;AAxBL,qBA2BFM,eAAM3B,KA3BJ;AA4BLwB,MAAAA,UAAU,EAAE,KA5BP;AA6BLtB,MAAAA,KAAK,EAAE,cA7BF;AA8BLU,MAAAA,KAAK,EAAE,cA9BF;AA+BLQ,MAAAA,QAAQ,EAAEC;AA/BL,OAzCJ;AA2ELQ,IAAAA,YAAY,EAAE;AACZlB,MAAAA,IAAI,EAAE,QADM;AAEZT,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZ0B,MAAAA,aAAa,EAAE,OALH;AAMZlB,MAAAA,KAAK,EAAE;AANK;AA3ET;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\nimport Chaptercard from '../../../../molecule/card/test/fixtures/freerun';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    isLoading: false,\n    contentTypeFilter: {\n      type: 'selectMultiple',\n      title: 'Content type',\n      placeholder: 'Content type',\n      description: 'This filters the courses',\n      theme: 'coorpmanager',\n      size: 'default',\n      options: [\n        {\n          name: 'Course',\n          value: 'course',\n          selected: false\n        },\n        {\n          name: \"5' learning\",\n          value: 'chapter',\n          selected: false\n        },\n        {\n          name: 'Interactive slides',\n          value: 'scorm',\n          selected: true\n        },\n        {\n          name: 'Video',\n          value: 'video',\n          selected: false\n        }\n      ],\n      multiple: false\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      {...SelectedCard.props, theme: 'coorpmanager', progress: undefined},\n      {...UnSelectedCard.props, theme: 'coorpmanager', progress: undefined},\n      {...Article.props, isSelected: false, theme: 'coorpmanager', progress: undefined},\n      {\n        ...Chaptercard.props,\n        theme: 'coorpmanager',\n        progress: undefined,\n        isSelected: false,\n        favorite: false\n      },\n      {...Scorm.props, isSelected: true, theme: 'coorpmanager', progress: undefined},\n      {\n        ...UnSelectedCard.props,\n        isSelected: false,\n        title: 'Standard course',\n        theme: 'coorpmanager',\n        progress: undefined\n      },\n      {\n        ...ExternalContent.props,\n        isSelected: false,\n        title: 'External course',\n        theme: 'coorpmanager',\n        progress: undefined\n      },\n      {\n        ...Scorm.props,\n        isSelected: false,\n        title: 'Scorm course',\n        theme: 'coorpmanager',\n        progress: undefined\n      }\n    ],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected courses only',\n      value: false,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"default.js"}

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

@@ -32,7 +32,7 @@ var _default = {
     })],
     switchButton: {
       type: 'switch',
-      title: 'Show selected courses only',
+      title: 'Show selected only',
       value: false,
       onChange: value => console.log(value),
       titlePosition: 'right',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/filtered.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","Scorm","isSelected","UnSelectedCard","Article","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,MAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,eAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,eAKHc,iBAAQd,KALL;AAKYY,MAAAA,UAAU,EAAE;AALxB,OATJ;AAgBLG,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZd,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZa,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAhBT;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: 'from',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      SelectedCard.props,\n      {...Scorm.props, isSelected: true},\n      SelectedCard.props,\n      UnSelectedCard.props,\n      {...Article.props, isSelected: false}\n    ],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected courses only',\n      value: false,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"filtered.js"}
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/filtered.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","Scorm","isSelected","UnSelectedCard","Article","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,MAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,eAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,eAKHc,iBAAQd,KALL;AAKYY,MAAAA,UAAU,EAAE;AALxB,OATJ;AAgBLG,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZd,MAAAA,KAAK,EAAE,oBAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZa,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAhBT;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: 'from',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      SelectedCard.props,\n      {...Scorm.props, isSelected: true},\n      SelectedCard.props,\n      UnSelectedCard.props,\n      {...Article.props, isSelected: false}\n    ],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected only',\n      value: false,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"filtered.js"}

package/lib/organism/course-selection/test/fixtures/sorted-selected.js

@@ -40,7 +40,7 @@ var _default = {
     })],
     switchButton: {
       type: 'switch',
-      title: 'Show selected courses only',
+      title: 'Show selected only',
       value: false,
       onChange: value => console.log(value),
       titlePosition: 'right',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/sorted-selected.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","Scorm","isSelected","UnSelectedCard","Article","ExternalContent","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,eAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,eAKHc,iBAAQd,KALL;AAKYY,MAAAA,UAAU,EAAE;AALxB,qBAMHC,yBAAeb,KANZ;AAMmBY,MAAAA,UAAU,EAAE;AAN/B,qBAOHG,yBAAgBf,KAPb;AAOoBY,MAAAA,UAAU,EAAE;AAPhC,qBAQHD,eAAMX,KARH;AAQUY,MAAAA,UAAU,EAAE;AARtB,OATJ;AAmBLI,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZf,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZc,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAnBT;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      SelectedCard.props,\n      {...Scorm.props, isSelected: true},\n      SelectedCard.props,\n      UnSelectedCard.props,\n      {...Article.props, isSelected: false},\n      {...UnSelectedCard.props, isSelected: false},\n      {...ExternalContent.props, isSelected: false},\n      {...Scorm.props, isSelected: false}\n    ],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected courses only',\n      value: false,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"sorted-selected.js"}
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/sorted-selected.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","Scorm","isSelected","UnSelectedCard","Article","ExternalContent","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,eAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,eAKHc,iBAAQd,KALL;AAKYY,MAAAA,UAAU,EAAE;AALxB,qBAMHC,yBAAeb,KANZ;AAMmBY,MAAAA,UAAU,EAAE;AAN/B,qBAOHG,yBAAgBf,KAPb;AAOoBY,MAAAA,UAAU,EAAE;AAPhC,qBAQHD,eAAMX,KARH;AAQUY,MAAAA,UAAU,EAAE;AARtB,OATJ;AAmBLI,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZf,MAAAA,KAAK,EAAE,oBAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZc,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAnBT;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      SelectedCard.props,\n      {...Scorm.props, isSelected: true},\n      SelectedCard.props,\n      UnSelectedCard.props,\n      {...Article.props, isSelected: false},\n      {...UnSelectedCard.props, isSelected: false},\n      {...ExternalContent.props, isSelected: false},\n      {...Scorm.props, isSelected: false}\n    ],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected only',\n      value: false,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"sorted-selected.js"}

package/lib/organism/course-selection/test/fixtures/switch-activated.js

@@ -20,7 +20,7 @@ var _default = {
     courses: [_selectableTrue.default.props, _selectableTrue.default.props],
     switchButton: {
       type: 'switch',
-      title: 'Show selected courses only',
+      title: 'Show selected only',
       value: true,
       onChange: value => console.log(value),
       titlePosition: 'right',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/switch-activated.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,wBAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CAACC,wBAAaV,KAAd,EAAqBU,wBAAaV,KAAlC,CATJ;AAULW,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZV,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,IAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZS,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAVT;AADM,C","sourcesContent":["import SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: 'from mass maket to one',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [SelectedCard.props, SelectedCard.props],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected courses only',\n      value: true,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"switch-activated.js"}
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/switch-activated.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,wBAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CAACC,wBAAaV,KAAd,EAAqBU,wBAAaV,KAAlC,CATJ;AAULW,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZV,MAAAA,KAAK,EAAE,oBAFK;AAGZE,MAAAA,KAAK,EAAE,IAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZS,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAVT;AADM,C","sourcesContent":["import SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: 'from mass maket to one',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [SelectedCard.props, SelectedCard.props],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected only',\n      value: true,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"switch-activated.js"}

package/lib/organism/course-selection/test/fixtures/unsorted-selected.js

@@ -40,7 +40,7 @@ var _default = {
     })],
     switchButton: {
       type: 'switch',
-      title: 'Show selected courses only',
+      title: 'Show selected only',
       value: false,
       onChange: value => console.log(value),
       titlePosition: 'right',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/unsorted-selected.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","UnSelectedCard","Article","isSelected","Scorm","ExternalContent","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,EAEPW,yBAAeX,KAFR,eAGHY,iBAAQZ,KAHL;AAGYa,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAaV,KAJN,eAKHc,eAAMd,KALH;AAKUa,MAAAA,UAAU,EAAE;AALtB,qBAMHF,yBAAeX,KANZ;AAMmBa,MAAAA,UAAU,EAAE;AAN/B,qBAOHE,yBAAgBf,KAPb;AAOoBa,MAAAA,UAAU,EAAE;AAPhC,qBAQHC,eAAMd,KARH;AAQUa,MAAAA,UAAU,EAAE;AARtB,OATJ;AAmBLG,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZf,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZc,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAnBT;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      SelectedCard.props,\n      UnSelectedCard.props,\n      {...Article.props, isSelected: false},\n      SelectedCard.props,\n      {...Scorm.props, isSelected: true},\n      {...UnSelectedCard.props, isSelected: false},\n      {...ExternalContent.props, isSelected: false},\n      {...Scorm.props, isSelected: false}\n    ],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected courses only',\n      value: false,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"unsorted-selected.js"}
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/unsorted-selected.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","UnSelectedCard","Article","isSelected","Scorm","ExternalContent","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,EAEPW,yBAAeX,KAFR,eAGHY,iBAAQZ,KAHL;AAGYa,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAaV,KAJN,eAKHc,eAAMd,KALH;AAKUa,MAAAA,UAAU,EAAE;AALtB,qBAMHF,yBAAeX,KANZ;AAMmBa,MAAAA,UAAU,EAAE;AAN/B,qBAOHE,yBAAgBf,KAPb;AAOoBa,MAAAA,UAAU,EAAE;AAPhC,qBAQHC,eAAMd,KARH;AAQUa,MAAAA,UAAU,EAAE;AARtB,OATJ;AAmBLG,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZf,MAAAA,KAAK,EAAE,oBAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZc,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAnBT;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      SelectedCard.props,\n      UnSelectedCard.props,\n      {...Article.props, isSelected: false},\n      SelectedCard.props,\n      {...Scorm.props, isSelected: true},\n      {...UnSelectedCard.props, isSelected: false},\n      {...ExternalContent.props, isSelected: false},\n      {...Scorm.props, isSelected: false}\n    ],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected only',\n      value: false,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"unsorted-selected.js"}

package/lib/organism/list-items/test/fixtures/published.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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); }
 
 const propsRevised = _revised.default.props;
-const ids = ['1', '2', '3'];
+const ids = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];
 const listePublishedItems = ids.map(id => {
   return _extends({}, _published.default.props, {
     id

package/lib/organism/list-items/test/fixtures/published.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/list-items/test/fixtures/published.js"],"names":["propsRevised","revisedItem","props","ids","listePublishedItems","map","id","publishedItem","title","length","buttonLink","type","label","onClick","console","log","items"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,iBAAYC,KAAjC;AAEA,MAAMC,GAAG,GAAG,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,CAAZ;AACA,MAAMC,mBAAmB,GAAGD,GAAG,CAACE,GAAJ,CAAQC,EAAE,IAAI;AACxC,sBACKC,mBAAcL,KADnB;AAEEI,IAAAA;AAFF;AAID,CAL2B,CAA5B;eAOe;AACbJ,EAAAA,KAAK,EAAE;AACLM,IAAAA,KAAK,EAAG,GAAEJ,mBAAmB,CAACK,MAApB,GAA6B,CAAE,mBADpC;AAEL,kBAAc,WAFT;AAGLC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,SADI;AAEVC,MAAAA,KAAK,EAAE,wBAFG;AAGV,oBAAc,aAHJ;AAIV,mBAAa,gBAJH;AAKVC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALL,KAHP;AAULC,IAAAA,KAAK,EAAE,CAAC,GAAGZ,mBAAJ,EAAyBJ,YAAzB;AAVF;AADM,C","sourcesContent":["import publishedItem from '../../../list-item/test/fixtures/published';\nimport revisedItem from '../../../list-item/test/fixtures/revised';\n\nconst propsRevised = revisedItem.props;\n\nconst ids = ['1', '2', '3'];\nconst listePublishedItems = ids.map(id => {\n  return {\n    ...publishedItem.props,\n    id\n  };\n});\n\nexport default {\n  props: {\n    title: `${listePublishedItems.length + 1} custom playlists`,\n    'aria-label': 'aria list',\n    buttonLink: {\n      type: 'primary',\n      label: 'Create custom playlist',\n      'aria-label': 'aria button',\n      'data-name': 'default-button',\n      onClick: () => console.log('click')\n    },\n    items: [...listePublishedItems, propsRevised]\n  }\n};\n"],"file":"published.js"}
+{"version":3,"sources":["../../../../../src/organism/list-items/test/fixtures/published.js"],"names":["propsRevised","revisedItem","props","ids","listePublishedItems","map","id","publishedItem","title","length","buttonLink","type","label","onClick","console","log","items"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,iBAAYC,KAAjC;AAEA,MAAMC,GAAG,GAAG,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,GAAhB,EAAqB,GAArB,EAA0B,GAA1B,EAA+B,GAA/B,EAAoC,GAApC,EAAyC,GAAzC,EAA8C,IAA9C,EAAoD,IAApD,CAAZ;AACA,MAAMC,mBAAmB,GAAGD,GAAG,CAACE,GAAJ,CAAQC,EAAE,IAAI;AACxC,sBACKC,mBAAcL,KADnB;AAEEI,IAAAA;AAFF;AAID,CAL2B,CAA5B;eAOe;AACbJ,EAAAA,KAAK,EAAE;AACLM,IAAAA,KAAK,EAAG,GAAEJ,mBAAmB,CAACK,MAApB,GAA6B,CAAE,mBADpC;AAEL,kBAAc,WAFT;AAGLC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,SADI;AAEVC,MAAAA,KAAK,EAAE,wBAFG;AAGV,oBAAc,aAHJ;AAIV,mBAAa,gBAJH;AAKVC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALL,KAHP;AAULC,IAAAA,KAAK,EAAE,CAAC,GAAGZ,mBAAJ,EAAyBJ,YAAzB;AAVF;AADM,C","sourcesContent":["import publishedItem from '../../../list-item/test/fixtures/published';\nimport revisedItem from '../../../list-item/test/fixtures/revised';\n\nconst propsRevised = revisedItem.props;\n\nconst ids = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst listePublishedItems = ids.map(id => {\n  return {\n    ...publishedItem.props,\n    id\n  };\n});\n\nexport default {\n  props: {\n    title: `${listePublishedItems.length + 1} custom playlists`,\n    'aria-label': 'aria list',\n    buttonLink: {\n      type: 'primary',\n      label: 'Create custom playlist',\n      'aria-label': 'aria button',\n      'data-name': 'default-button',\n      onClick: () => console.log('click')\n    },\n    items: [...listePublishedItems, propsRevised]\n  }\n};\n"],"file":"published.js"}

package/lib/organism/mooc-footer/style.css

@@ -137,6 +137,7 @@
   padding-top: 24px;
   display: flex;
   flex-wrap: nowrap;
+  list-style: non;
 }
 
 .socialLink {

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

@@ -17,14 +17,16 @@ var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
 var _chips = _interopRequireDefault(require("../../atom/chips"));
 
+var _loader = _interopRequireDefault(require("../../atom/loader"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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); }
 
-const buildResultView = (results, resultsAriaLabel, emptyMessages) => {
-  if ((0, _isEmpty2.default)(results)) {
+const buildResultView = (results, resultsAriaLabel, emptyMessages, isLoading) => {
+  if (!isLoading && (0, _isEmpty2.default)(results)) {
     return /*#__PURE__*/_react.default.createElement(_emptySearchResult.default, emptyMessages);
   }
 
@@ -46,6 +48,7 @@ const SearchAndChipsResults = props => {
     selectAllButton,
     results,
     emptyMessages,
+    isLoading = false,
     'results-aria-label': resultsAriaLabel
   } = props;
   const {
@@ -54,7 +57,7 @@ const SearchAndChipsResults = props => {
     disabled = false,
     'aria-label': ariaLabel
   } = selectAllButton;
-  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages);
+  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages, isLoading);
   const buttonProps = {
     type: 'secondary',
     label,
@@ -79,7 +82,11 @@ const SearchAndChipsResults = props => {
     theme: "coorpmanager"
   })))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.resultContainer
-  }, resultView));
+  }, isLoading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.loader
+  }, /*#__PURE__*/_react.default.createElement(_loader.default, {
+    theme: "coorpmanager"
+  })) : resultView));
 };
 
 SearchAndChipsResults.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -89,6 +96,7 @@ SearchAndChipsResults.propTypes = process.env.NODE_ENV !== "production" ? {
     disabled: _propTypes.default.bool,
     'aria-label': _propTypes.default.string
   }),
+  isLoading: _propTypes.default.bool,
   search: _propTypes.default.shape(_inputSearch.default.PropTypes),
   results: _propTypes.default.arrayOf(_propTypes.default.shape(_chips.default.propTypes)),
   'results-aria-label': _propTypes.default.string,

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","items","map","result","index","style","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","propTypes","PropTypes","shape","string","func","bool","Search","arrayOf","Chips","firstMessage","secondMessage"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,eAAe,GAAG,CAACC,OAAD,EAAUC,gBAAV,EAA4BC,aAA5B,KAA8C;AACpE,MAAI,uBAAQF,OAAR,CAAJ,EAAsB;AACpB,wBAAO,6BAAC,0BAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAMC,KAAK,GAAGH,OAAO,CAACI,GAAR,CAAY,CAACC,MAAD,EAASC,KAAT,KAAmB;AAC3C,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMF,MAArB;AAA6B,MAAA,GAAG,EAAG,UAASC,KAAM,EAAlD;AAAqD,mBAAY,UAASA,KAAM;AAAhF,oBACE,6BAAC,cAAD,EAAWD,MAAX,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYJ;AAAhB,KAAmCE,KAAnC,CAAP;AACD,CAdD;;AAgBA,MAAMK,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,eAFI;AAGJX,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJ,0BAAsBD;AALlB,MAMFQ,KANJ;AAQA,QAAM;AAACG,IAAAA,OAAD;AAAUC,IAAAA,KAAV;AAAiBC,IAAAA,QAAQ,GAAG,KAA5B;AAAmC,kBAAcC;AAAjD,MAA8DJ,eAApE;AACA,QAAMK,UAAU,GAAGjB,eAAe,CAACC,OAAD,EAAUC,gBAAV,EAA4BC,aAA5B,CAAlC;AACA,QAAMe,WAAW,GAAG;AAClBC,IAAAA,IAAI,EAAE,WADY;AAElBL,IAAAA,KAFkB;AAGlB,kBAAcE,SAHI;AAIlB,iBAAc,mBAJI;AAKlBI,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,OADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KALY;AASlBN,IAAAA,OATkB;AAUlBE,IAAAA;AAVkB,GAApB;AAaA,sBACE;AAAK,IAAA,SAAS,EAAEP,eAAMc;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEd,eAAMe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,eAAMgB;AAAtB,kBACE,6BAAC,mBAAD,EAAgBN,WAAhB,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEV,eAAMG;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CAJF,CADF,eASE;AAAK,IAAA,SAAS,EAAEH,eAAMiB;AAAtB,KAAwCR,UAAxC,CATF,CADF;AAaD,CArCD;;AAuCAR,qBAAqB,CAACiB,SAAtB,2CAAkC;AAChCd,EAAAA,eAAe,EAAEe,mBAAUC,KAAV,CAAgB;AAC/Bd,IAAAA,KAAK,EAAEa,mBAAUE,MADc;AAE/BhB,IAAAA,OAAO,EAAEc,mBAAUG,IAFY;AAG/Bf,IAAAA,QAAQ,EAAEY,mBAAUI,IAHW;AAI/B,kBAAcJ,mBAAUE;AAJO,GAAhB,CADe;AAOhClB,EAAAA,MAAM,EAAEgB,mBAAUC,KAAV,CAAgBI,qBAAOL,SAAvB,CAPwB;AAQhC1B,EAAAA,OAAO,EAAE0B,mBAAUM,OAAV,CAAkBN,mBAAUC,KAAV,CAAgBM,eAAMR,SAAtB,CAAlB,CARuB;AAShC,wBAAsBC,mBAAUE,MATA;AAUhC1B,EAAAA,aAAa,EAAEwB,mBAAUC,KAAV,CAAgB;AAC7BO,IAAAA,YAAY,EAAER,mBAAUE,MADK;AAE7BO,IAAAA,aAAa,EAAET,mBAAUE;AAFI,GAAhB;AAViB,CAAlC;eAgBepB,qB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages) => {\n  if (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    'results-aria-label': resultsAriaLabel\n  } = props;\n\n  const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages);\n  const buttonProps = {\n    type: 'secondary',\n    label,\n    'aria-label': ariaLabel,\n    'data-name': `select-all-button`,\n    icon: {\n      position: 'right',\n      type: 'add'\n    },\n    onClick,\n    disabled\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.header}>\n        <div className={style.button}>\n          <ButtonLink {...buttonProps} />\n        </div>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n      </div>\n      <div className={style.resultContainer}>{resultView}</div>\n    </div>\n  );\n};\n\nSearchAndChipsResults.propTypes = {\n  selectAllButton: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool,\n    'aria-label': PropTypes.string\n  }),\n  search: PropTypes.shape(Search.PropTypes),\n  results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),\n  'results-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  })\n};\n\nexport default SearchAndChipsResults;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["buildResultView","results","resultsAriaLabel","emptyMessages","isLoading","items","map","result","index","style","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","loader","propTypes","PropTypes","shape","string","func","bool","Search","arrayOf","Chips","firstMessage","secondMessage"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport Search from '../../atom/input-search';\nimport ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages, isLoading) => {\n  if (!isLoading && isEmpty(results)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = results.map((result, index) => {\n    return (\n      <li className={style.result} key={`result-${index}`} data-name={`result-${index}`}>\n        <Chips {...result} />\n      </li>\n    );\n  });\n\n  return <ul aria-label={resultsAriaLabel}>{items}</ul>;\n};\n\nconst SearchAndChipsResults = props => {\n  const {\n    search,\n    selectAllButton,\n    results,\n    emptyMessages,\n    isLoading = false,\n    'results-aria-label': resultsAriaLabel\n  } = props;\n\n  const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages, isLoading);\n  const buttonProps = {\n    type: 'secondary',\n    label,\n    'aria-label': ariaLabel,\n    'data-name': `select-all-button`,\n    icon: {\n      position: 'right',\n      type: 'add'\n    },\n    onClick,\n    disabled\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.header}>\n        <div className={style.button}>\n          <ButtonLink {...buttonProps} />\n        </div>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n      </div>\n      <div className={style.resultContainer}>\n        {isLoading ? (\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          resultView\n        )}\n      </div>\n    </div>\n  );\n};\n\nSearchAndChipsResults.propTypes = {\n  selectAllButton: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool,\n    'aria-label': PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  search: PropTypes.shape(Search.PropTypes),\n  results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),\n  'results-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  })\n};\n\nexport default SearchAndChipsResults;\n"],"file":"index.js"}

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

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

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

@@ -8,6 +8,7 @@ var _default = {
       label: 'Select All',
       onClick: () => console.log('Select All')
     },
+    isLoading: false,
     search: {
       title: 'Search...',
       placeholder: 'Search...',