@coorpacademy/components 10.3.24 → 10.3.28

package/es/atom/input-switch/index.js

@@ -14,7 +14,9 @@ const InputSwitch = props => {
     disabled,
     onChange = _noop,
     description,
-    modified = false
+    modified = false,
+    theme = 'default',
+    titlePosition = 'left'
   } = props;
 
   const idSwitch = id || _uniqueId('input-switch-');
@@ -27,10 +29,13 @@ const InputSwitch = props => {
   const descriptionView = description ? /*#__PURE__*/React.createElement("div", {
     className: style.description
   }, description) : null;
-  const className = getClassState(style.default, style.modified, null, modified);
+  const defaultClass = theme === 'coorpmanager' ? style.coorpmanager : style.default;
+  const modifiedClass = theme === 'coorpmanager' ? style.coorpmanagerModified : style.modified;
+  const className = getClassState(defaultClass, modifiedClass, null, modified);
   return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, titleView, /*#__PURE__*/React.createElement("input", {
+    className: className,
+    "data-name": `switch-input-${theme}`
+  }, titlePosition === 'left' ? titleView : null, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     id: idSwitch,
     name: name,
@@ -40,7 +45,7 @@ const InputSwitch = props => {
     className: style.checkbox
   }), /*#__PURE__*/React.createElement("label", {
     htmlFor: idSwitch
-  }), descriptionView);
+  }), titlePosition === 'right' ? titleView : null, descriptionView);
 };
 
 InputSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -51,7 +56,9 @@ InputSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
   disabled: PropTypes.bool,
   onChange: PropTypes.func,
   description: PropTypes.string,
-  modified: PropTypes.bool
+  modified: PropTypes.bool,
+  titlePosition: PropTypes.oneOf(['right', 'left']),
+  theme: PropTypes.oneOf(['default', 'coorpmanager'])
 } : {};
 export default InputSwitch;
 //# sourceMappingURL=index.js.map

package/es/atom/input-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/input-switch/index.js"],"names":["React","useMemo","PropTypes","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","idSwitch","isDisabled","handleChange","e","target","checked","titleView","descriptionView","className","default","checkbox","propTypes","string","bool","func"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAGC,KAAK,IAAI;AAC3B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,EAAd;AAAkBC,IAAAA,KAAlB;AAAyBC,IAAAA,QAAzB;AAAmCC,IAAAA,QAAQ,QAA3C;AAAoDC,IAAAA,WAApD;AAAiEC,IAAAA,QAAQ,GAAG;AAA5E,MAAqFR,KAA3F;;AAEA,QAAMS,QAAQ,GAAGN,EAAE,IAAI,UAAS,eAAT,CAAvB;;AACA,QAAMO,UAAU,GAAGL,QAAQ,GAAG,UAAH,GAAgB,EAA3C;AACA,QAAMM,YAAY,GAAGhB,OAAO,CAAC,MAAMiB,CAAC,IAAIN,QAAQ,CAACM,CAAC,CAACC,MAAF,CAASC,OAAV,CAApB,EAAwC,CAACR,QAAD,CAAxC,CAA5B;AAEA,QAAMS,SAAS,GAAGd,KAAK,gBAAG;AAAM,IAAA,SAAS,EAAEH,KAAK,CAACG;AAAvB,KAAgC,GAAEA,KAAM,GAAxC,CAAH,GAAwD,IAA/E;AAEA,QAAMe,eAAe,GAAGT,WAAW,gBACjC;AAAK,IAAA,SAAS,EAAET,KAAK,CAACS;AAAtB,KAAoCA,WAApC,CADiC,GAE/B,IAFJ;AAGA,QAAMU,SAAS,GAAGpB,aAAa,CAACC,KAAK,CAACoB,OAAP,EAAgBpB,KAAK,CAACU,QAAtB,EAAgC,IAAhC,EAAsCA,QAAtC,CAA/B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAES;AAAhB,KACGF,SADH,eAEE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,EAAE,EAAEN,QAFN;AAGE,IAAA,IAAI,EAAEP,IAHR;AAIE,IAAA,QAAQ,EAAES,YAJZ;AAKE,IAAA,OAAO,EAAEP,KALX;AAME,IAAA,QAAQ,EAAEM,UANZ;AAOE,IAAA,SAAS,EAAEZ,KAAK,CAACqB;AAPnB,IAFF,eAWE;AAAO,IAAA,OAAO,EAAEV;AAAhB,IAXF,EAYGO,eAZH,CADF;AAgBD,CA9BD;;AAgCAjB,WAAW,CAACqB,SAAZ,2CAAwB;AACtBnB,EAAAA,KAAK,EAAEL,SAAS,CAACyB,MADK;AAEtBnB,EAAAA,IAAI,EAAEN,SAAS,CAACyB,MAFM;AAGtBlB,EAAAA,EAAE,EAAEP,SAAS,CAACyB,MAHQ;AAItBjB,EAAAA,KAAK,EAAER,SAAS,CAAC0B,IAJK;AAKtBjB,EAAAA,QAAQ,EAAET,SAAS,CAAC0B,IALE;AAMtBhB,EAAAA,QAAQ,EAAEV,SAAS,CAAC2B,IANE;AAOtBhB,EAAAA,WAAW,EAAEX,SAAS,CAACyB,MAPD;AAQtBb,EAAAA,QAAQ,EAAEZ,SAAS,CAAC0B;AARE,CAAxB;AAUA,eAAevB,WAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {title, name, id, value, disabled, onChange = noop, description, modified = false} = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  const titleView = title ? <span className={style.title}>{`${title} `}</span> : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n  const className = getClassState(style.default, style.modified, null, modified);\n\n  return (\n    <div className={className}>\n      {titleView}\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name={name}\n        onChange={handleChange}\n        checked={value}\n        disabled={isDisabled}\n        className={style.checkbox}\n      />\n      <label htmlFor={idSwitch} />\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool\n};\nexport default InputSwitch;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/input-switch/index.js"],"names":["React","useMemo","PropTypes","getClassState","style","InputSwitch","props","title","name","id","value","disabled","onChange","description","modified","theme","titlePosition","idSwitch","isDisabled","handleChange","e","target","checked","titleView","descriptionView","defaultClass","coorpmanager","default","modifiedClass","coorpmanagerModified","className","checkbox","propTypes","string","bool","func","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputSwitch = props => {\n  const {\n    title,\n    name,\n    id,\n    value,\n    disabled,\n    onChange = noop,\n    description,\n    modified = false,\n    theme = 'default',\n    titlePosition = 'left'\n  } = props;\n\n  const idSwitch = id || uniqueId('input-switch-');\n  const isDisabled = disabled ? 'disabled' : '';\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  const titleView = title ? <span className={style.title}>{`${title} `}</span> : null;\n\n  const descriptionView = description ? (\n    <div className={style.description}>{description}</div>\n  ) : null;\n\n  const defaultClass = theme === 'coorpmanager' ? style.coorpmanager : style.default;\n  const modifiedClass = theme === 'coorpmanager' ? style.coorpmanagerModified : style.modified;\n  const className = getClassState(defaultClass, modifiedClass, null, modified);\n\n  return (\n    <div className={className} data-name={`switch-input-${theme}`}>\n      {titlePosition === 'left' ? titleView : null}\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name={name}\n        onChange={handleChange}\n        checked={value}\n        disabled={isDisabled}\n        className={style.checkbox}\n      />\n      <label htmlFor={idSwitch} />\n      {titlePosition === 'right' ? titleView : null}\n      {descriptionView}\n    </div>\n  );\n};\n\nInputSwitch.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  id: PropTypes.string,\n  value: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  titlePosition: PropTypes.oneOf(['right', 'left']),\n  theme: PropTypes.oneOf(['default', 'coorpmanager'])\n};\nexport default InputSwitch;\n"],"file":"index.js"}

package/es/atom/input-switch/style.css

@@ -5,6 +5,9 @@
 @value positive from colors;
 @value light from colors;
 @value dark from colors;
+@value cm_grey_200 from colors;
+@value black from colors;
+@value cm_primary_blue from colors;
 
 .default {
   display: flex;
@@ -16,6 +19,14 @@
   composes: default;
 }
 
+.coorpmanager {
+  composes: default;
+}
+
+.coorpmanagerModified {
+  composes: modified;
+}
+
 .default label {
   height: 30px;
   position: relative;
@@ -102,3 +113,38 @@
   font-style: italic;
   margin-left: 20px;
 }
+
+.coorpmanager label, .coorpmanagerModified label {
+  width: 48px;
+  height: 24px;
+  border: solid 2px cm_grey_200;
+  margin-right: 8px;
+  background: cm_grey_200;
+}
+
+.coorpmanager label::after, .coorpmanagerModified label::after {
+  width: 22px;
+  height: 22px;
+}
+
+.coorpmanager span, .coorpmanagerModified span {
+  font-family: Gilroy;
+  font-weight: bold;
+  color: black;
+  min-width: 190px;
+}
+
+.coorpmanager .checkbox:checked ~ label {
+  background: cm_primary_blue;
+  border-color: cm_primary_blue;
+}
+
+.coorpmanager .checkbox:disabled ~ label {
+  background: light;
+  border-color: light;
+  pointer-events: none;
+}
+
+.coorpmanager .checkbox:disabled ~ label::after {
+  background: medium;
+}

package/es/atom/input-switch/test/fixtures/cm-left.js

@@ -0,0 +1,11 @@
+export default {
+  props: {
+    type: 'switch',
+    title: 'Name',
+    value: false,
+    onChange: value => console.log(value),
+    titlePosition: 'left',
+    theme: 'coorpmanager'
+  }
+};
+//# sourceMappingURL=cm-left.js.map

package/es/atom/input-switch/test/fixtures/cm-left.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-switch/test/fixtures/cm-left.js"],"names":["props","type","title","value","onChange","console","log","titlePosition","theme"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,QADD;AAELC,IAAAA,KAAK,EAAE,MAFF;AAGLC,IAAAA,KAAK,EAAE,KAHF;AAILC,IAAAA,QAAQ,EAAED,KAAK,IAAIE,OAAO,CAACC,GAAR,CAAYH,KAAZ,CAJd;AAKLI,IAAAA,aAAa,EAAE,MALV;AAMLC,IAAAA,KAAK,EAAE;AANF;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    type: 'switch',\n    title: 'Name',\n    value: false,\n    onChange: value => console.log(value),\n    titlePosition: 'left',\n    theme: 'coorpmanager'\n  }\n};\n"],"file":"cm-left.js"}

package/es/atom/input-switch/test/fixtures/cm-right-checked.js

@@ -0,0 +1,11 @@
+export default {
+  props: {
+    type: 'switch',
+    title: 'Name',
+    value: true,
+    onChange: value => console.log(value),
+    titlePosition: 'right',
+    theme: 'coorpmanager'
+  }
+};
+//# sourceMappingURL=cm-right-checked.js.map

package/es/atom/input-switch/test/fixtures/cm-right-checked.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-switch/test/fixtures/cm-right-checked.js"],"names":["props","type","title","value","onChange","console","log","titlePosition","theme"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,QADD;AAELC,IAAAA,KAAK,EAAE,MAFF;AAGLC,IAAAA,KAAK,EAAE,IAHF;AAILC,IAAAA,QAAQ,EAAED,KAAK,IAAIE,OAAO,CAACC,GAAR,CAAYH,KAAZ,CAJd;AAKLI,IAAAA,aAAa,EAAE,OALV;AAMLC,IAAAA,KAAK,EAAE;AANF;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    type: 'switch',\n    title: 'Name',\n    value: true,\n    onChange: value => console.log(value),\n    titlePosition: 'right',\n    theme: 'coorpmanager'\n  }\n};\n"],"file":"cm-right-checked.js"}

package/es/atom/input-switch/test/fixtures/cm-right-disabled.js

@@ -0,0 +1,11 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import checked from './checked';
+export default {
+  props: _extends(_extends({}, checked.props), {}, {
+    disabled: true,
+    titlePosition: 'right',
+    theme: 'coorpmanager'
+  })
+};
+//# sourceMappingURL=cm-right-disabled.js.map

package/es/atom/input-switch/test/fixtures/cm-right-disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-switch/test/fixtures/cm-right-disabled.js"],"names":["checked","props","disabled","titlePosition","theme"],"mappings":";;AAAA,OAAOA,OAAP,MAAoB,WAApB;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACAD,OAAO,CAACC,KADR;AAEHC,IAAAA,QAAQ,EAAE,IAFP;AAGHC,IAAAA,aAAa,EAAE,OAHZ;AAIHC,IAAAA,KAAK,EAAE;AAJJ;AADQ,CAAf","sourcesContent":["import checked from './checked';\n\nexport default {\n  props: {\n    ...checked.props,\n    disabled: true,\n    titlePosition: 'right',\n    theme: 'coorpmanager'\n  }\n};\n"],"file":"cm-right-disabled.js"}

package/es/atom/input-switch/test/fixtures/cm-right-modified.js

@@ -0,0 +1,12 @@
+export default {
+  props: {
+    type: 'switch',
+    title: 'Name',
+    value: false,
+    modified: true,
+    onChange: value => console.log(value),
+    titlePosition: 'right',
+    theme: 'coorpmanager'
+  }
+};
+//# sourceMappingURL=cm-right-modified.js.map

package/es/atom/input-switch/test/fixtures/cm-right-modified.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-switch/test/fixtures/cm-right-modified.js"],"names":["props","type","title","value","modified","onChange","console","log","titlePosition","theme"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,QADD;AAELC,IAAAA,KAAK,EAAE,MAFF;AAGLC,IAAAA,KAAK,EAAE,KAHF;AAILC,IAAAA,QAAQ,EAAE,IAJL;AAKLC,IAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CALd;AAMLK,IAAAA,aAAa,EAAE,OANV;AAOLC,IAAAA,KAAK,EAAE;AAPF;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    type: 'switch',\n    title: 'Name',\n    value: false,\n    modified: true,\n    onChange: value => console.log(value),\n    titlePosition: 'right',\n    theme: 'coorpmanager'\n  }\n};\n"],"file":"cm-right-modified.js"}

package/es/atom/input-switch/test/fixtures/cm-right.js

@@ -0,0 +1,11 @@
+export default {
+  props: {
+    type: 'switch',
+    title: 'Name',
+    value: false,
+    onChange: value => console.log(value),
+    titlePosition: 'right',
+    theme: 'coorpmanager'
+  }
+};
+//# sourceMappingURL=cm-right.js.map

package/es/atom/input-switch/test/fixtures/cm-right.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-switch/test/fixtures/cm-right.js"],"names":["props","type","title","value","onChange","console","log","titlePosition","theme"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,QADD;AAELC,IAAAA,KAAK,EAAE,MAFF;AAGLC,IAAAA,KAAK,EAAE,KAHF;AAILC,IAAAA,QAAQ,EAAED,KAAK,IAAIE,OAAO,CAACC,GAAR,CAAYH,KAAZ,CAJd;AAKLI,IAAAA,aAAa,EAAE,OALV;AAMLC,IAAAA,KAAK,EAAE;AANF;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    type: 'switch',\n    title: 'Name',\n    value: false,\n    onChange: value => console.log(value),\n    titlePosition: 'right',\n    theme: 'coorpmanager'\n  }\n};\n"],"file":"cm-right.js"}

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

@@ -469,6 +469,7 @@
   padding-top: 8px;
   transition: transform 0.25s;
   color: cm_grey_700;
+  display: inline;
 }
 
 .coorpmanager.error .hint {

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

@@ -1,5 +1,5 @@
 import _uniqueId from "lodash/fp/uniqueId";
-import React, { useMemo } from 'react';
+import React, { useMemo, useState, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { NovaCompositionNavigationArrowDown as ArrowDownIcon } from '@coorpacademy/nova-icons';
@@ -138,6 +138,14 @@ const BuildAction = ({
   }, /*#__PURE__*/React.createElement(ButtonLink, buttonProps));
 };
 
+const checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {
+  if (checked) {
+    if (summaryElement && summaryElement.current && !summaryElement.current.contains(clickEvent.target)) {
+      onCloseSummary();
+    }
+  }
+};
+
 const WizardSummary = props => {
   const {
     title,
@@ -149,8 +157,25 @@ const WizardSummary = props => {
 
   const idSwitch = _uniqueId('open-summary-wizard');
 
+  const summaryElement = useRef(null);
+  const [checked, setChecked] = useState(false);
+
+  const onCloseSummary = () => setChecked(false);
+
+  const handleOnChange = 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.createElement("div", {
-    className: style.container
+    className: style.container,
+    ref: summaryElement
   }, /*#__PURE__*/React.createElement("span", {
     className: style.desktopSummaryTitle,
     "data-name": `summary-title-${side}`
@@ -160,7 +185,9 @@ const WizardSummary = props => {
     name: "toogle",
     title: idSwitch,
     className: style.checkbox,
-    "data-name": `summary-checkbox-${side}`
+    "data-name": `summary-checkbox-${side}`,
+    checked: checked,
+    onChange: handleOnChange
   }), /*#__PURE__*/React.createElement("div", {
     className: style.summary
   }, /*#__PURE__*/React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDownIcon","ContentBadge","ButtonLink","style","buildItemsOfSection","items","map","item","index","type","title","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","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":["React","useMemo","useState","useCallback","useRef","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDownIcon","ContentBadge","ButtonLink","style","buildItemsOfSection","items","map","item","index","type","title","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","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/es/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/es/organism/content-translation/style.css

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

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

@@ -8,10 +8,11 @@ import EmptySearchResult from '../../atom/empty-search-result';
 import Search from '../../atom/input-search';
 import SelectMultiple from '../../molecule/select-multiple';
 import Card from '../../molecule/card';
+import InputSwitch from '../../atom/input-switch';
 import style from './style.css';
 
-const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages) => {
-  if (_isEmpty(courses)) {
+const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages, isLoading) => {
+  if (!isLoading && _isEmpty(courses)) {
     return /*#__PURE__*/React.createElement(EmptySearchResult, emptyMessages);
   }
 
@@ -33,9 +34,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.createElement("div", {
     className: style.container
   }, /*#__PURE__*/React.createElement("div", {
@@ -46,20 +49,22 @@ const CourseSelection = props => {
     theme: "coorpmanager"
   }))), /*#__PURE__*/React.createElement("div", {
     className: style.contentFilter
-  }, /*#__PURE__*/React.createElement(SelectMultiple, contentTypeFilter))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(SelectMultiple, contentTypeFilter)), /*#__PURE__*/React.createElement(InputSwitch, switchButton)), /*#__PURE__*/React.createElement("div", {
     className: style.cardsContainer
   }, resultView));
 };
 
 CourseSelection.propTypes = process.env.NODE_ENV !== "production" ? {
   search: PropTypes.shape(Search.PropTypes),
+  isLoading: PropTypes.bool,
   contentTypeFilter: PropTypes.shape(SelectMultiple.PropTypes),
   courses: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),
   'courses-selection-aria-label': PropTypes.string,
   emptyMessages: PropTypes.shape({
     firstMessage: PropTypes.string,
     secondMessage: PropTypes.string
-  })
+  }),
+  switchButton: PropTypes.shape(InputSwitch.PropTypes)
 } : {};
 export default CourseSelection;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/course-selection/index.js"],"names":["React","PropTypes","EmptySearchResult","Search","SelectMultiple","Card","style","buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","items","map","card","index","cards","CourseSelection","props","search","contentTypeFilter","resultView","container","filters","contentFilter","cardsContainer","propTypes","shape","arrayOf","string","firstMessage","secondMessage"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,OAAOC,IAAP,MAAiB,qBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,eAAe,GAAG,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,KAAuD;AAC7E,MAAI,SAAQF,OAAR,CAAJ,EAAsB;AACpB,wBAAO,oBAAC,iBAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAMC,KAAK,GAAGH,OAAO,CAACI,GAAR,CAAY,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACzC,wBACE;AAAI,MAAA,SAAS,EAAER,KAAK,CAACS,KAArB;AAA4B,MAAA,GAAG,EAAG,QAAOD,KAAM,EAA/C;AAAkD,mBAAY,UAASA,KAAM;AAA7E,oBACE,oBAAC,IAAD,EAAUD,IAAV,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYJ;AAAhB,KAA4CE,KAA5C,CAAP;AACD,CAdD;;AAgBA,MAAMK,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,iBAFI;AAGJX,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJ,oCAAgCD;AAL5B,MAMFQ,KANJ;AAQA,QAAMG,UAAU,GAAGb,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACgB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEhB,KAAK,CAACY;AAAtB,kBACE,oBAAC,MAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEZ,KAAK,CAACiB;AAAtB,kBACE,oBAAC,cAAD,EAAoBJ,iBAApB,CADF,CAJF,CADF,eASE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACkB;AAAtB,KAAuCJ,UAAvC,CATF,CADF;AAaD,CAxBD;;AA0BAJ,eAAe,CAACS,SAAhB,2CAA4B;AAC1BP,EAAAA,MAAM,EAAEjB,SAAS,CAACyB,KAAV,CAAgBvB,MAAM,CAACF,SAAvB,CADkB;AAE1BkB,EAAAA,iBAAiB,EAAElB,SAAS,CAACyB,KAAV,CAAgBtB,cAAc,CAACH,SAA/B,CAFO;AAG1BO,EAAAA,OAAO,EAAEP,SAAS,CAAC0B,OAAV,CAAkB1B,SAAS,CAACyB,KAAV,CAAgBrB,IAAI,CAACoB,SAArB,CAAlB,CAHiB;AAI1B,kCAAgCxB,SAAS,CAAC2B,MAJhB;AAK1BlB,EAAAA,aAAa,EAAET,SAAS,CAACyB,KAAV,CAAgB;AAC7BG,IAAAA,YAAY,EAAE5B,SAAS,CAAC2B,MADK;AAE7BE,IAAAA,aAAa,EAAE7B,SAAS,CAAC2B;AAFI,GAAhB;AALW,CAA5B;AAWA,eAAeZ,eAAf","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":["React","PropTypes","EmptySearchResult","Search","SelectMultiple","Card","InputSwitch","style","buildResultView","courses","coursesSelectionAriaLabel","emptyMessages","isLoading","items","map","card","index","cards","CourseSelection","props","search","contentTypeFilter","switchButton","resultView","container","filters","contentFilter","cardsContainer","propTypes","shape","bool","arrayOf","string","firstMessage","secondMessage"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,cAAP,MAA2B,gCAA3B;AACA,OAAOC,IAAP,MAAiB,qBAAjB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,eAAe,GAAG,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,KAAkE;AACxF,MAAI,CAACA,SAAD,IAAc,SAAQH,OAAR,CAAlB,EAAoC;AAClC,wBAAO,oBAAC,iBAAD,EAAuBE,aAAvB,CAAP;AACD;;AAED,QAAME,KAAK,GAAGJ,OAAO,CAACK,GAAR,CAAY,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACzC,wBACE;AAAI,MAAA,SAAS,EAAET,KAAK,CAACU,KAArB;AAA4B,MAAA,GAAG,EAAG,QAAOD,KAAM,EAA/C;AAAkD,mBAAY,UAASA,KAAM;AAA7E,oBACE,oBAAC,IAAD,EAAUD,IAAV,CADF,CADF;AAKD,GANa,CAAd;AAQA,sBAAO;AAAI,kBAAYL;AAAhB,KAA4CG,KAA5C,CAAP;AACD,CAdD;;AAgBA,MAAMK,eAAe,GAAGC,KAAK,IAAI;AAC/B,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,iBAFI;AAGJZ,IAAAA,OAHI;AAIJE,IAAAA,aAJI;AAKJC,IAAAA,SAAS,GAAG,KALR;AAMJ,oCAAgCF,yBAN5B;AAOJY,IAAAA;AAPI,MAQFH,KARJ;AAUA,QAAMI,UAAU,GAAGf,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,EAAoDC,SAApD,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEL,KAAK,CAACiB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEjB,KAAK,CAACkB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAElB,KAAK,CAACa;AAAtB,kBACE,oBAAC,MAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACmB;AAAtB,kBACE,oBAAC,cAAD,EAAoBL,iBAApB,CADF,CAJF,eAOE,oBAAC,WAAD,EAAiBC,YAAjB,CAPF,CADF,eAUE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACoB;AAAtB,KAAuCJ,UAAvC,CAVF,CADF;AAcD,CA3BD;;AA6BAL,eAAe,CAACU,SAAhB,2CAA4B;AAC1BR,EAAAA,MAAM,EAAEnB,SAAS,CAAC4B,KAAV,CAAgB1B,MAAM,CAACF,SAAvB,CADkB;AAE1BW,EAAAA,SAAS,EAAEX,SAAS,CAAC6B,IAFK;AAG1BT,EAAAA,iBAAiB,EAAEpB,SAAS,CAAC4B,KAAV,CAAgBzB,cAAc,CAACH,SAA/B,CAHO;AAI1BQ,EAAAA,OAAO,EAAER,SAAS,CAAC8B,OAAV,CAAkB9B,SAAS,CAAC4B,KAAV,CAAgBxB,IAAI,CAACuB,SAArB,CAAlB,CAJiB;AAK1B,kCAAgC3B,SAAS,CAAC+B,MALhB;AAM1BrB,EAAAA,aAAa,EAAEV,SAAS,CAAC4B,KAAV,CAAgB;AAC7BI,IAAAA,YAAY,EAAEhC,SAAS,CAAC+B,MADK;AAE7BE,IAAAA,aAAa,EAAEjC,SAAS,CAAC+B;AAFI,GAAhB,CANW;AAU1BV,EAAAA,YAAY,EAAErB,SAAS,CAAC4B,KAAV,CAAgBvB,WAAW,CAACL,SAA5B;AAVY,CAA5B;AAaA,eAAeiB,eAAf","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/es/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/es/organism/course-selection/test/fixtures/default.js

@@ -14,6 +14,7 @@ export default {
       description: 'Type to filter the courses',
       onChange: value => console.log(value)
     },
+    isLoading: false,
     contentTypeFilter: {
       type: 'selectMultiple',
       title: 'Content type',
@@ -54,7 +55,15 @@ export default {
     }), _extends(_extends({}, Scorm.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'
+    }
   }
 };
 //# sourceMappingURL=default.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/default.js"],"names":["UnSelectedCard","SelectedCard","Article","Scorm","ExternalContent","props","search","title","placeholder","value","description","onChange","console","log","contentTypeFilter","type","theme","size","options","name","selected","multiple","courses","isSelected"],"mappings":";;AAAA,OAAOA,cAAP,MAA2B,0DAA3B;AACA,OAAOC,YAAP,MAAyB,yDAAzB;AACA,OAAOC,OAAP,MAAoB,iDAApB;AACA,OAAOC,KAAP,MAAkB,+CAAlB;AACA,OAAOC,eAAP,MAA4B,0DAA5B;AAEA,eAAe;AACbC,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,CACPrB,YAAY,CAACI,KADN,EAEPL,cAAc,CAACK,KAFR,wBAGHH,OAAO,CAACG,KAHL;AAGYkB,MAAAA,UAAU,EAAE;AAHxB,QAIPtB,YAAY,CAACI,KAJN,wBAKHF,KAAK,CAACE,KALH;AAKUkB,MAAAA,UAAU,EAAE;AALtB,8BAMHvB,cAAc,CAACK,KANZ;AAMmBkB,MAAAA,UAAU,EAAE,KAN/B;AAMsChB,MAAAA,KAAK,EAAE;AAN7C,8BAOHH,eAAe,CAACC,KAPb;AAOoBkB,MAAAA,UAAU,EAAE,KAPhC;AAOuChB,MAAAA,KAAK,EAAE;AAP9C,8BAQHJ,KAAK,CAACE,KARH;AAQUkB,MAAAA,UAAU,EAAE,KARtB;AAQ6BhB,MAAAA,KAAK,EAAE;AARpC;AAxCJ;AADM,CAAf","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":["UnSelectedCard","SelectedCard","Article","Scorm","ExternalContent","props","search","title","placeholder","value","description","onChange","console","log","isLoading","contentTypeFilter","type","theme","size","options","name","selected","multiple","courses","isSelected","switchButton","titlePosition"],"mappings":";;AAAA,OAAOA,cAAP,MAA2B,0DAA3B;AACA,OAAOC,YAAP,MAAyB,yDAAzB;AACA,OAAOC,OAAP,MAAoB,iDAApB;AACA,OAAOC,KAAP,MAAkB,+CAAlB;AACA,OAAOC,eAAP,MAA4B,0DAA5B;AAEA,eAAe;AACbC,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,CACPtB,YAAY,CAACI,KADN,EAEPL,cAAc,CAACK,KAFR,wBAGHH,OAAO,CAACG,KAHL;AAGYmB,MAAAA,UAAU,EAAE;AAHxB,QAIPvB,YAAY,CAACI,KAJN,wBAKHF,KAAK,CAACE,KALH;AAKUmB,MAAAA,UAAU,EAAE;AALtB,8BAMHxB,cAAc,CAACK,KANZ;AAMmBmB,MAAAA,UAAU,EAAE,KAN/B;AAMsCjB,MAAAA,KAAK,EAAE;AAN7C,8BAOHH,eAAe,CAACC,KAPb;AAOoBmB,MAAAA,UAAU,EAAE,KAPhC;AAOuCjB,MAAAA,KAAK,EAAE;AAP9C,8BAQHJ,KAAK,CAACE,KARH;AAQUmB,MAAAA,UAAU,EAAE,KARtB;AAQ6BjB,MAAAA,KAAK,EAAE;AARpC,OAzCJ;AAmDLkB,IAAAA,YAAY,EAAE;AACZT,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;AAKZiB,MAAAA,aAAa,EAAE,OALH;AAMZT,MAAAA,KAAK,EAAE;AANK;AAnDT;AADM,CAAf","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/es/organism/course-selection/test/fixtures/empty.js

@@ -12,6 +12,15 @@ export 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/es/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":"AAAA,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,CAAf","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":"AAAA,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,CAAf","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/es/organism/course-selection/test/fixtures/filtered.js

@@ -18,7 +18,15 @@ export default {
       isSelected: true
     }), SelectedCard.props, UnSelectedCard.props, _extends(_extends({}, Article.props), {}, {
       isSelected: false
-    })]
+    })],
+    switchButton: {
+      type: 'switch',
+      title: 'Show selected courses only',
+      value: false,
+      onChange: value => console.log(value),
+      titlePosition: 'right',
+      theme: 'coorpmanager'
+    }
   }
 };
 //# sourceMappingURL=filtered.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/filtered.js"],"names":["UnSelectedCard","SelectedCard","Article","Scorm","props","search","title","placeholder","value","description","onChange","console","log","courses","isSelected"],"mappings":";;AAAA,OAAOA,cAAP,MAA2B,0DAA3B;AACA,OAAOC,YAAP,MAAyB,yDAAzB;AACA,OAAOC,OAAP,MAAoB,iDAApB;AACA,OAAOC,KAAP,MAAkB,+CAAlB;AAEA,eAAe;AACbC,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,CACPZ,YAAY,CAACG,KADN,wBAEHD,KAAK,CAACC,KAFH;AAEUU,MAAAA,UAAU,EAAE;AAFtB,QAGPb,YAAY,CAACG,KAHN,EAIPJ,cAAc,CAACI,KAJR,wBAKHF,OAAO,CAACE,KALL;AAKYU,MAAAA,UAAU,EAAE;AALxB;AATJ;AADM,CAAf","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":["UnSelectedCard","SelectedCard","Article","Scorm","props","search","title","placeholder","value","description","onChange","console","log","courses","isSelected","switchButton","type","titlePosition","theme"],"mappings":";;AAAA,OAAOA,cAAP,MAA2B,0DAA3B;AACA,OAAOC,YAAP,MAAyB,yDAAzB;AACA,OAAOC,OAAP,MAAoB,iDAApB;AACA,OAAOC,KAAP,MAAkB,+CAAlB;AAEA,eAAe;AACbC,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,CACPZ,YAAY,CAACG,KADN,wBAEHD,KAAK,CAACC,KAFH;AAEUU,MAAAA,UAAU,EAAE;AAFtB,QAGPb,YAAY,CAACG,KAHN,EAIPJ,cAAc,CAACI,KAJR,wBAKHF,OAAO,CAACE,KALL;AAKYU,MAAAA,UAAU,EAAE;AALxB,OATJ;AAgBLC,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZV,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZS,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAhBT;AADM,CAAf","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/es/organism/course-selection/test/fixtures/sorted-selected.js

@@ -25,7 +25,15 @@ export default {
       isSelected: false
     }), _extends(_extends({}, Scorm.props), {}, {
       isSelected: false
-    })]
+    })],
+    switchButton: {
+      type: 'switch',
+      title: 'Show selected courses only',
+      value: false,
+      onChange: value => console.log(value),
+      titlePosition: 'right',
+      theme: 'coorpmanager'
+    }
   }
 };
 //# sourceMappingURL=sorted-selected.js.map