@coorpacademy/components 10.3.24 → 10.3.28

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/molecule/wizard-summary/style.css

@@ -233,7 +233,7 @@ ul {
   }
 
   .checkbox:checked + .summary  {
-    height: 70%;
+    min-height: 500px;
     max-height: 1000px;
     padding: 12px 24px 12px 24px;
     box-shadow: 0 -6px 42px -14px rgba(0, 0, 0, 0.25);

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

@@ -17,14 +17,16 @@ var _selectMultiple = _interopRequireDefault(require("../../molecule/select-mult
 
 var _card = _interopRequireDefault(require("../../molecule/card"));
 
+var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
+
 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);
   }
 
@@ -46,9 +48,11 @@ const CourseSelection = props => {
     contentTypeFilter,
     courses,
     emptyMessages,
-    'courses-selection-aria-label': coursesSelectionAriaLabel
+    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", {
@@ -59,20 +63,22 @@ const CourseSelection = props => {
     theme: "coorpmanager"
   }))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.contentFilter
-  }, /*#__PURE__*/_react.default.createElement(_selectMultiple.default, contentTypeFilter))), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_selectMultiple.default, contentTypeFilter)), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, switchButton)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.cardsContainer
   }, 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,
   emptyMessages: _propTypes.default.shape({
     firstMessage: _propTypes.default.string,
     secondMessage: _propTypes.default.string
-  })
+  }),
+  switchButton: _propTypes.default.shape(_inputSwitch.default.PropTypes)
 } : {};
 var _default = CourseSelection;
 exports.default = _default;

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","style","cards","CourseSelection","props","search","contentTypeFilter","resultView","container","filters","contentFilter","cardsContainer","propTypes","PropTypes","shape","Search","SelectMultiple","arrayOf","Card","string","firstMessage","secondMessage"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;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,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMC,KAArB;AAA4B,MAAA,GAAG,EAAG,QAAOF,KAAM,EAA/C;AAAkD,mBAAY,UAASA,KAAM;AAA7E,oBACE,6BAAC,aAAD,EAAUD,IAAV,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYJ;AAAhB,KAA4CE,KAA5C,CAAP;AACD,CAdD;;AAgBA,MAAMM,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,iBAFI;AAGJZ,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJ,oCAAgCD;AAL5B,MAMFS,KANJ;AAQA,QAAMG,UAAU,GAAGd,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMO;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEP,eAAMQ;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMI;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,eAAMS;AAAtB,kBACE,6BAAC,uBAAD,EAAoBJ,iBAApB,CADF,CAJF,CADF,eASE;AAAK,IAAA,SAAS,EAAEL,eAAMU;AAAtB,KAAuCJ,UAAvC,CATF,CADF;AAaD,CAxBD;;AA0BAJ,eAAe,CAACS,SAAhB,2CAA4B;AAC1BP,EAAAA,MAAM,EAAEQ,mBAAUC,KAAV,CAAgBC,qBAAOF,SAAvB,CADkB;AAE1BP,EAAAA,iBAAiB,EAAEO,mBAAUC,KAAV,CAAgBE,wBAAeH,SAA/B,CAFO;AAG1BnB,EAAAA,OAAO,EAAEmB,mBAAUI,OAAV,CAAkBJ,mBAAUC,KAAV,CAAgBI,cAAKN,SAArB,CAAlB,CAHiB;AAI1B,kCAAgCC,mBAAUM,MAJhB;AAK1BvB,EAAAA,aAAa,EAAEiB,mBAAUC,KAAV,CAAgB;AAC7BM,IAAAA,YAAY,EAAEP,mBAAUM,MADK;AAE7BE,IAAAA,aAAa,EAAER,mBAAUM;AAFI,GAAhB;AALW,CAA5B;eAWehB,e","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 SelectMultiple from '../../molecule/select-multiple';\nimport Card from '../../molecule/card';\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    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`course-${index}`}>\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  } = 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      </div>\n      <div className={style.cardsContainer}>{resultView}</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};\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","style","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","propTypes","PropTypes","shape","Search","bool","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,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,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMC,KAArB;AAA4B,MAAA,GAAG,EAAG,QAAOF,KAAM,EAA/C;AAAkD,mBAAY,UAASA,KAAM;AAA7E,oBACE,6BAAC,aAAD,EAAUD,IAAV,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYL;AAAhB,KAA4CG,KAA5C,CAAP;AACD,CAdD;;AAgBA,MAAMM,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,iBAFI;AAGJb,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJC,IAAAA,SAAS,GAAG,KALR;AAMJ,oCAAgCF,yBAN5B;AAOJa,IAAAA;AAPI,MAQFH,KARJ;AAUA,QAAMI,UAAU,GAAGhB,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,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;AAAtB,KAAuCJ,UAAvC,CAVF,CADF;AAcD,CA3BD;;AA6BAL,eAAe,CAACU,SAAhB,2CAA4B;AAC1BR,EAAAA,MAAM,EAAES,mBAAUC,KAAV,CAAgBC,qBAAOF,SAAvB,CADkB;AAE1BlB,EAAAA,SAAS,EAAEkB,mBAAUG,IAFK;AAG1BX,EAAAA,iBAAiB,EAAEQ,mBAAUC,KAAV,CAAgBG,wBAAeJ,SAA/B,CAHO;AAI1BrB,EAAAA,OAAO,EAAEqB,mBAAUK,OAAV,CAAkBL,mBAAUC,KAAV,CAAgBK,cAAKP,SAArB,CAAlB,CAJiB;AAK1B,kCAAgCC,mBAAUO,MALhB;AAM1B1B,EAAAA,aAAa,EAAEmB,mBAAUC,KAAV,CAAgB;AAC7BO,IAAAA,YAAY,EAAER,mBAAUO,MADK;AAE7BE,IAAAA,aAAa,EAAET,mBAAUO;AAFI,GAAhB,CANW;AAU1Bd,EAAAA,YAAY,EAAEO,mBAAUC,KAAV,CAAgBS,qBAAYV,SAA5B;AAVY,CAA5B;eAaeX,e","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 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, isLoading) => {\n  if (!isLoading && isEmpty(courses)) {\n    return <EmptySearchResult {...emptyMessages} />;\n  }\n\n  const items = courses.map((card, index) => {\n    return (\n      <li className={style.cards} key={`card-${index}`} data-name={`course-${index}`}>\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}>{resultView}</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

@@ -9,6 +9,8 @@
 
 .filters {
   display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .search {
@@ -19,7 +21,6 @@
 .contentFilter {
   width: 24%;
   min-width: 181px;
-  margin: 0 0 0 16px;
 }
 
 .cardsContainer {

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

@@ -26,6 +26,7 @@ var _default = {
       description: 'Type to filter the courses',
       onChange: value => console.log(value)
     },
+    isLoading: false,
     contentTypeFilter: {
       type: 'selectMultiple',
       title: 'Content type',
@@ -66,7 +67,15 @@ var _default = {
     }), _extends(_extends({}, _scorm.default.props), {}, {
       isSelected: false,
       title: 'Scorm course'
-    })]
+    })],
+    switchButton: {
+      type: 'switch',
+      title: 'Show selected courses only',
+      value: false,
+      onChange: value => console.log(value),
+      titlePosition: 'right',
+      theme: 'coorpmanager'
+    }
   }
 };
 exports.default = _default;

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"],"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,wBAGHoB,iBAAQpB,KAHL;AAGYqB,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAalB,KAJN,wBAKHsB,eAAMtB,KALH;AAKUqB,MAAAA,UAAU,EAAE;AALtB,8BAMHF,yBAAenB,KANZ;AAMmBqB,MAAAA,UAAU,EAAE,KAN/B;AAMsCnB,MAAAA,KAAK,EAAE;AAN7C,8BAOHqB,yBAAgBvB,KAPb;AAOoBqB,MAAAA,UAAU,EAAE,KAPhC;AAOuCnB,MAAAA,KAAK,EAAE;AAP9C,8BAQHoB,eAAMtB,KARH;AAQUqB,MAAAA,UAAU,EAAE,KARtB;AAQ6BnB,MAAAA,KAAK,EAAE;AARpC;AAxCJ;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  }\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","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,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,CACPC,wBAAanB,KADN,EAEPoB,yBAAepB,KAFR,wBAGHqB,iBAAQrB,KAHL;AAGYsB,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAanB,KAJN,wBAKHuB,eAAMvB,KALH;AAKUsB,MAAAA,UAAU,EAAE;AALtB,8BAMHF,yBAAepB,KANZ;AAMmBsB,MAAAA,UAAU,EAAE,KAN/B;AAMsCpB,MAAAA,KAAK,EAAE;AAN7C,8BAOHsB,yBAAgBxB,KAPb;AAOoBsB,MAAAA,UAAU,EAAE,KAPhC;AAOuCpB,MAAAA,KAAK,EAAE;AAP9C,8BAQHqB,eAAMvB,KARH;AAQUsB,MAAAA,UAAU,EAAE,KARtB;AAQ6BpB,MAAAA,KAAK,EAAE;AARpC,OAzCJ;AAmDLuB,IAAAA,YAAY,EAAE;AACZd,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;AAKZsB,MAAAA,aAAa,EAAE,OALH;AAMZd,MAAAA,KAAK,EAAE;AANK;AAnDT;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    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: 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"}

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

@@ -16,6 +16,15 @@ var _default = {
     emptyMessages: {
       firstMessage: 'No results...',
       secondMessage: 'Try something else'
+    },
+    switchButton: {
+      type: 'switch',
+      title: 'Show selected courses only',
+      value: false,
+      onChange: value => console.log(value),
+      titlePosition: 'right',
+      disabled: true,
+      theme: 'coorpmanager'
     }
   }
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/empty.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","emptyMessages","firstMessage","secondMessage"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,QAHD;AAINC,MAAAA,WAAW,EAAE,0BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,EATJ;AAULC,IAAAA,aAAa,EAAE;AACbC,MAAAA,YAAY,EAAE,eADD;AAEbC,MAAAA,aAAa,EAAE;AAFF;AAVV;AADM,C","sourcesContent":["export default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: 'Xoxoxo',\n      description: 'Type to find the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [],\n    emptyMessages: {\n      firstMessage: 'No results...',\n      secondMessage: 'Try something else'\n    }\n  }\n};\n"],"file":"empty.js"}
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/empty.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","emptyMessages","firstMessage","secondMessage","switchButton","type","titlePosition","disabled","theme"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,QAHD;AAINC,MAAAA,WAAW,EAAE,0BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,EATJ;AAULC,IAAAA,aAAa,EAAE;AACbC,MAAAA,YAAY,EAAE,eADD;AAEbC,MAAAA,aAAa,EAAE;AAFF,KAVV;AAcLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZZ,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZW,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,QAAQ,EAAE,IANE;AAOZC,MAAAA,KAAK,EAAE;AAPK;AAdT;AADM,C","sourcesContent":["export default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: 'Xoxoxo',\n      description: 'Type to find the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [],\n    emptyMessages: {\n      firstMessage: 'No results...',\n      secondMessage: 'Try something else'\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      disabled: true,\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"empty.js"}

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

@@ -29,7 +29,15 @@ var _default = {
       isSelected: true
     }), _selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
       isSelected: false
-    })]
+    })],
+    switchButton: {
+      type: 'switch',
+      title: 'Show selected courses only',
+      value: false,
+      onChange: value => console.log(value),
+      titlePosition: 'right',
+      theme: 'coorpmanager'
+    }
   }
 };
 exports.default = _default;

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"],"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,wBAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,wBAKHc,iBAAQd,KALL;AAKYY,MAAAA,UAAU,EAAE;AALxB;AATJ;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  }\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,wBAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,wBAKHc,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"}

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

@@ -37,7 +37,15 @@ var _default = {
       isSelected: false
     }), _extends(_extends({}, _scorm.default.props), {}, {
       isSelected: false
-    })]
+    })],
+    switchButton: {
+      type: 'switch',
+      title: 'Show selected courses only',
+      value: false,
+      onChange: value => console.log(value),
+      titlePosition: 'right',
+      theme: 'coorpmanager'
+    }
   }
 };
 exports.default = _default;

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"],"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,wBAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,wBAKHc,iBAAQd,KALL;AAKYY,MAAAA,UAAU,EAAE;AALxB,8BAMHC,yBAAeb,KANZ;AAMmBY,MAAAA,UAAU,EAAE;AAN/B,8BAOHG,yBAAgBf,KAPb;AAOoBY,MAAAA,UAAU,EAAE;AAPhC,8BAQHD,eAAMX,KARH;AAQUY,MAAAA,UAAU,EAAE;AARtB;AATJ;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  }\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,wBAEHW,eAAMX,KAFH;AAEUY,MAAAA,UAAU,EAAE;AAFtB,QAGPF,wBAAaV,KAHN,EAIPa,yBAAeb,KAJR,wBAKHc,iBAAQd,KALL;AAKYY,MAAAA,UAAU,EAAE;AALxB,8BAMHC,yBAAeb,KANZ;AAMmBY,MAAAA,UAAU,EAAE;AAN/B,8BAOHG,yBAAgBf,KAPb;AAOoBY,MAAAA,UAAU,EAAE;AAPhC,8BAQHD,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"}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _selectableTrue = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-true"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = {
+  props: {
+    search: {
+      title: 'Search...',
+      placeholder: 'Search...',
+      value: 'from mass maket to one',
+      description: 'Type to filter the courses',
+      onChange: value => console.log(value)
+    },
+    'courses-selection-aria-label': 'Courses results',
+    courses: [_selectableTrue.default.props, _selectableTrue.default.props],
+    switchButton: {
+      type: 'switch',
+      title: 'Show selected courses only',
+      value: true,
+      onChange: value => console.log(value),
+      titlePosition: 'right',
+      theme: 'coorpmanager'
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=switch-activated.js.map

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

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

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

@@ -37,7 +37,15 @@ var _default = {
       isSelected: false
     }), _extends(_extends({}, _scorm.default.props), {}, {
       isSelected: false
-    })]
+    })],
+    switchButton: {
+      type: 'switch',
+      title: 'Show selected courses only',
+      value: false,
+      onChange: value => console.log(value),
+      titlePosition: 'right',
+      theme: 'coorpmanager'
+    }
   }
 };
 exports.default = _default;

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"],"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,wBAGHY,iBAAQZ,KAHL;AAGYa,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAaV,KAJN,wBAKHc,eAAMd,KALH;AAKUa,MAAAA,UAAU,EAAE;AALtB,8BAMHF,yBAAeX,KANZ;AAMmBa,MAAAA,UAAU,EAAE;AAN/B,8BAOHE,yBAAgBf,KAPb;AAOoBa,MAAAA,UAAU,EAAE;AAPhC,8BAQHC,eAAMd,KARH;AAQUa,MAAAA,UAAU,EAAE;AARtB;AATJ;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  }\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,wBAGHY,iBAAQZ,KAHL;AAGYa,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAaV,KAJN,wBAKHc,eAAMd,KALH;AAKUa,MAAAA,UAAU,EAAE;AALtB,8BAMHF,yBAAeX,KANZ;AAMmBa,MAAAA,UAAU,EAAE;AAN/B,8BAOHE,yBAAgBf,KAPb;AAOoBa,MAAAA,UAAU,EAAE;AAPhC,8BAQHC,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"}

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

@@ -23,8 +23,8 @@ 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 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 +46,7 @@ const SearchAndChipsResults = props => {
     selectAllButton,
     results,
     emptyMessages,
+    isLoading = false,
     'results-aria-label': resultsAriaLabel
   } = props;
   const {
@@ -54,7 +55,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,
@@ -89,6 +90,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","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 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}>{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  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/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...',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/search-and-chips-results/test/fixtures/default.js"],"names":["props","selectAllButton","label","onClick","console","log","search","title","placeholder","value","description","onChange","results","text","information"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE;AACfC,MAAAA,KAAK,EAAE,YADQ;AAEfC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,YAAZ;AAFA,KADZ;AAKLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,gCAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIL,OAAO,CAACC,GAAR,CAAYI,KAAZ;AALb,KALH;AAYL,0BAAsB,oBAZjB;AAaLG,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,IAAI,EAAE,8CADR;AAEEC,MAAAA,WAAW,EAAE,aAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oDAAZ;AAHjB,KADO,EAMP;AACEQ,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,WAAW,EAAE,WAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oBAAZ;AAHjB,KANO,EAWP;AACEQ,MAAAA,IAAI,EAAE,GADR;AAEEC,MAAAA,WAAW,EAAE,KAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,SAAZ;AAHjB,KAXO,EAgBP;AACEQ,MAAAA,IAAI,EAAE,gDADR;AAEEC,MAAAA,WAAW,EAAE,UAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,sDAAZ;AAHjB,KAhBO,EAqBP;AACEQ,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,WAAW,EAAE,cAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oBAAZ;AAHjB,KArBO,EA0BP;AACEQ,MAAAA,IAAI,EAAE,oCADR;AAEEC,MAAAA,WAAW,EAAE,WAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,0CAAZ;AAHjB,KA1BO,EA+BP;AACEQ,MAAAA,IAAI,EAAE,sBADR;AAEEC,MAAAA,WAAW,EAAE,YAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,4BAAZ;AAHjB,KA/BO;AAbJ;AADM,C","sourcesContent":["export default {\n  props: {\n    selectAllButton: {\n      label: 'Select All',\n      onClick: () => console.log('Select All')\n    },\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the populations',\n      onChange: value => console.log(value)\n    },\n    'results-aria-label': 'Population results',\n    results: [\n      {\n        text: 'Population Human resourses filiale Singapour',\n        information: '15739 users',\n        onClick: () => console.log('click Population Human resourses filiale Singapour')\n      },\n      {\n        text: 'Population 1',\n        information: '345 users',\n        onClick: () => console.log('click Population 1')\n      },\n      {\n        text: 'P',\n        information: '1 p',\n        onClick: () => console.log('click P')\n      },\n      {\n        text: 'Population managed by othes RH in some country',\n        information: '10 users',\n        onClick: () => console.log('click Population managed by othes RH in some country')\n      },\n      {\n        text: 'Population 4',\n        information: '106728 users',\n        onClick: () => console.log('click Population 4')\n      },\n      {\n        text: 'Population a long with a long name',\n        information: '105 users',\n        onClick: () => console.log('click Population a long with a long name')\n      },\n      {\n        text: 'Result bit that long',\n        information: '1067 users',\n        onClick: () => console.log('click Result bit that long')\n      }\n    ]\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/organism/search-and-chips-results/test/fixtures/default.js"],"names":["props","selectAllButton","label","onClick","console","log","isLoading","search","title","placeholder","value","description","onChange","results","text","information"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE;AACfC,MAAAA,KAAK,EAAE,YADQ;AAEfC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,YAAZ;AAFA,KADZ;AAKLC,IAAAA,SAAS,EAAE,KALN;AAMLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,gCAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIN,OAAO,CAACC,GAAR,CAAYK,KAAZ;AALb,KANH;AAaL,0BAAsB,oBAbjB;AAcLG,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,IAAI,EAAE,8CADR;AAEEC,MAAAA,WAAW,EAAE,aAFf;AAGEZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oDAAZ;AAHjB,KADO,EAMP;AACES,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,WAAW,EAAE,WAFf;AAGEZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oBAAZ;AAHjB,KANO,EAWP;AACES,MAAAA,IAAI,EAAE,GADR;AAEEC,MAAAA,WAAW,EAAE,KAFf;AAGEZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,SAAZ;AAHjB,KAXO,EAgBP;AACES,MAAAA,IAAI,EAAE,gDADR;AAEEC,MAAAA,WAAW,EAAE,UAFf;AAGEZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,sDAAZ;AAHjB,KAhBO,EAqBP;AACES,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,WAAW,EAAE,cAFf;AAGEZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oBAAZ;AAHjB,KArBO,EA0BP;AACES,MAAAA,IAAI,EAAE,oCADR;AAEEC,MAAAA,WAAW,EAAE,WAFf;AAGEZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,0CAAZ;AAHjB,KA1BO,EA+BP;AACES,MAAAA,IAAI,EAAE,sBADR;AAEEC,MAAAA,WAAW,EAAE,YAFf;AAGEZ,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,4BAAZ;AAHjB,KA/BO;AAdJ;AADM,C","sourcesContent":["export default {\n  props: {\n    selectAllButton: {\n      label: 'Select All',\n      onClick: () => console.log('Select All')\n    },\n    isLoading: false,\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the populations',\n      onChange: value => console.log(value)\n    },\n    'results-aria-label': 'Population results',\n    results: [\n      {\n        text: 'Population Human resourses filiale Singapour',\n        information: '15739 users',\n        onClick: () => console.log('click Population Human resourses filiale Singapour')\n      },\n      {\n        text: 'Population 1',\n        information: '345 users',\n        onClick: () => console.log('click Population 1')\n      },\n      {\n        text: 'P',\n        information: '1 p',\n        onClick: () => console.log('click P')\n      },\n      {\n        text: 'Population managed by othes RH in some country',\n        information: '10 users',\n        onClick: () => console.log('click Population managed by othes RH in some country')\n      },\n      {\n        text: 'Population 4',\n        information: '106728 users',\n        onClick: () => console.log('click Population 4')\n      },\n      {\n        text: 'Population a long with a long name',\n        information: '105 users',\n        onClick: () => console.log('click Population a long with a long name')\n      },\n      {\n        text: 'Result bit that long',\n        information: '1067 users',\n        onClick: () => console.log('click Result bit that long')\n      }\n    ]\n  }\n};\n"],"file":"default.js"}

package/lib/organism/wizard-contents/index.js

@@ -129,7 +129,9 @@ const WizardContents = props => {
     previousStep
   } = props;
   const headerView = buildHeader(wizardHeader, steps);
-  const formView = buildForm(content);
+  const formView = buildForm(_extends(_extends({}, content), {}, {
+    isLoading
+  }));
   const rightActionView = buildActionZone(previousStep, nextStep, 'right');
   const footerActionView = buildActionZone(previousStep, nextStep, 'footer');
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -139,9 +141,11 @@ const WizardContents = props => {
     className: _style.default.leftSection
   }, headerView, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.form
-  }, isLoading ? /*#__PURE__*/_react.default.createElement(_loader.default, {
+  }, isLoading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.loader
+  }, /*#__PURE__*/_react.default.createElement(_loader.default, {
     theme: "coorpmanager"
-  }) : formView)), /*#__PURE__*/_react.default.createElement("div", {
+  })) : formView)), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.rightSection,
     "data-name": "summary-right-section"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/lib/organism/wizard-contents/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/wizard-contents/index.js"],"names":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection"],"mappings":"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","sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'custom-playlist-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm(content);\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n  return (\n    <div className={style.container} data-name=\"custom-playlist-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>{isLoading ? <Loader theme=\"coorpmanager\" /> : formView}</div>\n      </div>\n      <div className={style.rightSection} data-name=\"summary-right-section\">\n        <div className={style.stickySection}>\n          <div className={style.summaryZone} data-name=\"summary-zone\">\n            <WizardSummary {...summary} side={'right'} />\n          </div>\n          {rightActionView}\n        </div>\n      </div>\n      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/wizard-contents/index.js"],"names":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","loader","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection"],"mappings":"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","sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'custom-playlist-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n  return (\n    <div className={style.container} data-name=\"custom-playlist-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>\n          {isLoading ? (\n            <div className={style.loader}>\n              <Loader theme=\"coorpmanager\" />\n            </div>\n          ) : (\n            formView\n          )}\n        </div>\n      </div>\n      <div className={style.rightSection} data-name=\"summary-right-section\">\n        <div className={style.stickySection}>\n          <div className={style.summaryZone} data-name=\"summary-zone\">\n            <WizardSummary {...summary} side={'right'} />\n          </div>\n          {rightActionView}\n        </div>\n      </div>\n      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"file":"index.js"}