@coorpacademy/components 10.1.9 → 10.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/es/atom/empty-search-result/index.js +24 -0
  2. package/es/atom/empty-search-result/index.js.map +1 -0
  3. package/es/atom/empty-search-result/style.css +25 -0
  4. package/es/atom/empty-search-result/test/fixtures/default.js +7 -0
  5. package/es/atom/empty-search-result/test/fixtures/default.js.map +1 -0
  6. package/es/atom/empty-search-result/test/fixtures.js +13 -0
  7. package/es/atom/empty-search-result/test/fixtures.js.map +1 -0
  8. package/es/atom/input-text/index.js +3 -2
  9. package/es/atom/input-text/index.js.map +1 -1
  10. package/es/organism/course-selection/index.js +57 -0
  11. package/es/organism/course-selection/index.js.map +1 -0
  12. package/es/organism/course-selection/style.css +23 -0
  13. package/es/organism/course-selection/test/fixtures/default.js +34 -0
  14. package/es/organism/course-selection/test/fixtures/default.js.map +1 -0
  15. package/es/organism/course-selection/test/fixtures/empty.js +18 -0
  16. package/es/organism/course-selection/test/fixtures/empty.js.map +1 -0
  17. package/es/organism/course-selection/test/fixtures/filtered.js +24 -0
  18. package/es/organism/course-selection/test/fixtures/filtered.js.map +1 -0
  19. package/es/organism/course-selection/test/fixtures/sorted-selected.js +31 -0
  20. package/es/organism/course-selection/test/fixtures/sorted-selected.js.map +1 -0
  21. package/es/organism/course-selection/test/fixtures/unsorted-selected.js +31 -0
  22. package/es/organism/course-selection/test/fixtures/unsorted-selected.js.map +1 -0
  23. package/es/organism/search-and-chips-results/index.js +3 -8
  24. package/es/organism/search-and-chips-results/index.js.map +1 -1
  25. package/es/organism/search-and-chips-results/style.css +0 -22
  26. package/lib/atom/empty-search-result/index.js +34 -0
  27. package/lib/atom/empty-search-result/index.js.map +1 -0
  28. package/lib/atom/empty-search-result/style.css +25 -0
  29. package/lib/atom/empty-search-result/test/fixtures/default.js +12 -0
  30. package/lib/atom/empty-search-result/test/fixtures/default.js.map +1 -0
  31. package/lib/{molecule → atom}/empty-search-result/test/fixtures.js +3 -3
  32. package/lib/atom/empty-search-result/test/fixtures.js.map +1 -0
  33. package/lib/atom/input-text/index.js +3 -2
  34. package/lib/atom/input-text/index.js.map +1 -1
  35. package/lib/organism/course-selection/index.js +70 -0
  36. package/lib/organism/course-selection/index.js.map +1 -0
  37. package/lib/organism/course-selection/style.css +23 -0
  38. package/lib/organism/course-selection/test/fixtures/default.js +47 -0
  39. package/lib/organism/course-selection/test/fixtures/default.js.map +1 -0
  40. package/lib/organism/course-selection/test/fixtures/empty.js +23 -0
  41. package/lib/organism/course-selection/test/fixtures/empty.js.map +1 -0
  42. package/lib/organism/course-selection/test/fixtures/filtered.js +36 -0
  43. package/lib/organism/course-selection/test/fixtures/filtered.js.map +1 -0
  44. package/lib/organism/course-selection/test/fixtures/sorted-selected.js +44 -0
  45. package/lib/organism/course-selection/test/fixtures/sorted-selected.js.map +1 -0
  46. package/lib/organism/course-selection/test/fixtures/unsorted-selected.js +44 -0
  47. package/lib/organism/course-selection/test/fixtures/unsorted-selected.js.map +1 -0
  48. package/lib/organism/search-and-chips-results/index.js +4 -8
  49. package/lib/organism/search-and-chips-results/index.js.map +1 -1
  50. package/lib/organism/search-and-chips-results/style.css +0 -22
  51. package/package.json +2 -2
  52. package/es/molecule/empty-search-result/test/fixtures.js +0 -13
  53. package/es/molecule/empty-search-result/test/fixtures.js.map +0 -1
  54. package/lib/molecule/empty-search-result/test/fixtures.js.map +0 -1
@@ -12,11 +12,11 @@ var _default = _interopRequireDefault(require("./fixtures/default"));
12
12
 
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
14
 
15
- (0, _ava.default)('MoleculeMoleculeEmptySearchResult > should have valid propTypes', t => {
15
+ (0, _ava.default)('AtomAtomEmptySearchResult > should have valid propTypes', t => {
16
16
  t.pass();
17
17
  (0, _forEach.default)(_.default.propTypes, (value, key) => {
18
- t.not(value, undefined, `PropType for "Molecule.MoleculeEmptySearchResult.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
18
+ t.not(value, undefined, `PropType for "Atom.AtomEmptySearchResult.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
19
19
  });
20
20
  });
21
- (0, _ava.default)('MoleculeMoleculeEmptySearchResult › Default › should be rendered', _renderComponent.default, _.default, _default.default);
21
+ (0, _ava.default)('AtomAtomEmptySearchResult › Default › should be rendered', _renderComponent.default, _.default, _default.default);
22
22
  //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/empty-search-result/test/fixtures.js"],"names":["t","pass","AtomEmptySearchResult","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,4DAAL,EAAmEA,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAsBC,SAA9B,EAAyC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,6DAAL,EAAoEG,wBAApE,EAA0FN,SAA1F,EAAiHO,gBAAjH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomEmptySearchResult from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Atom › AtomEmptySearchResult > should have valid propTypes', t => {\n t.pass();\n forEach(AtomEmptySearchResult.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomEmptySearchResult.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomEmptySearchResult › Default › should be rendered', renderComponentMacro, AtomEmptySearchResult, fixtureDefault);\n"],"file":"fixtures.js"}
@@ -53,6 +53,7 @@ const InputText = props => {
53
53
  modified = false,
54
54
  title: propsTitle
55
55
  } = props;
56
+ const isCMTheme = theme === 'coorpmanager';
56
57
  const title = `${propsTitle}${required ? '*' : ''}`;
57
58
  const handleChange = (0, _react.useMemo)(() => e => onChange(e.target.value), [onChange]);
58
59
  const mainClass = themeStyle[theme];
@@ -74,10 +75,10 @@ const InputText = props => {
74
75
  __html: error || hint
75
76
  }
76
77
  }) : null;
77
- const errorIconView = error ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
78
+ const errorIconView = isCMTheme && error ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
78
79
  className: _style.default.leftIcon
79
80
  }) : null;
80
- const validIconView = valid ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusCheckCircle2, {
81
+ const validIconView = isCMTheme && valid ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusCheckCircle2, {
81
82
  className: _style.default.leftIcon
82
83
  }) : null;
83
84
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["themeStyle","setup","style","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","required","modified","title","propsTitle","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","PropTypes","bool","string","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon,\n NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n setup: style.setup,\n coorpmanager: style.coorpmanager,\n cockpit: style.cockpit,\n default: style.default\n};\nconst InputText = props => {\n const {\n autoFocus = false,\n placeholder = '',\n value,\n hint,\n defaultValue,\n onChange = noop,\n error,\n valid,\n theme = 'default',\n description,\n disabled,\n required,\n modified = false,\n title: propsTitle\n } = props;\n\n const title = `${propsTitle}${required ? '*' : ''}`;\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n const mainClass = themeStyle[theme];\n const className = getClassState(style.default, style.modified, style.error, modified, error);\n const descriptionView =\n description && theme !== 'coorpmanager' ? (\n <div className={style.description}>{description}</div>\n ) : null;\n const toolTipView =\n description && theme === 'coorpmanager' ? (\n <div className={style.infoIconWrapper}>\n <InfoIcon className={style.infoIcon} />\n <div className={style.descriptionLabel}>{description}</div>\n </div>\n ) : null;\n const hintView =\n theme === 'coorpmanager' ? (\n <div\n className={style.hint}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: error || hint}}\n />\n ) : null;\n const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n return (\n <div\n className={classnames(\n mainClass,\n className,\n disabled && style.disabled,\n isNil(propsTitle) && style.isNoTitle\n )}\n >\n <label>\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {title}\n {toolTipView}\n </span>\n\n <input\n autoFocus={autoFocus}\n type=\"text\"\n name={title}\n className={style.input}\n placeholder={placeholder}\n defaultValue={defaultValue}\n autoComplete={'off'}\n value={value}\n onInput={handleChange}\n disabled={disabled}\n onChange={noop}\n />\n {errorIconView}\n {validIconView}\n {hintView}\n </label>\n {descriptionView}\n </div>\n );\n};\n\nInputText.propTypes = {\n autoFocus: PropTypes.bool,\n title: PropTypes.string,\n placeholder: PropTypes.string,\n defaultValue: PropTypes.string,\n theme: PropTypes.oneOf(keys(themeStyle)),\n disabled: PropTypes.bool,\n required: PropTypes.bool,\n value: PropTypes.string,\n hint: PropTypes.string,\n error: PropTypes.string,\n onChange: PropTypes.func,\n description: PropTypes.string,\n modified: PropTypes.bool,\n valid: PropTypes.bool\n};\nexport default InputText;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["themeStyle","setup","style","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","required","modified","title","propsTitle","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","PropTypes","bool","string","oneOf","func"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEC,eAAMD,KADI;AAEjBE,EAAAA,YAAY,EAAED,eAAMC,YAFH;AAGjBC,EAAAA,OAAO,EAAEF,eAAME,OAHE;AAIjBC,EAAAA,OAAO,EAAEH,eAAMG;AAJE,CAAnB;;AAMA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AACJC,IAAAA,SAAS,GAAG,KADR;AAEJC,IAAAA,WAAW,GAAG,EAFV;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,IAJI;AAKJC,IAAAA,YALI;AAMJC,IAAAA,QAAQ,iBANJ;AAOJC,IAAAA,KAPI;AAQJC,IAAAA,KARI;AASJC,IAAAA,KAAK,GAAG,SATJ;AAUJC,IAAAA,WAVI;AAWJC,IAAAA,QAXI;AAYJC,IAAAA,QAZI;AAaJC,IAAAA,QAAQ,GAAG,KAbP;AAcJC,IAAAA,KAAK,EAAEC;AAdH,MAeFf,KAfJ;AAiBA,QAAMgB,SAAS,GAAGP,KAAK,KAAK,cAA5B;AACA,QAAMK,KAAK,GAAI,GAAEC,UAAW,GAAEH,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMK,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIZ,QAAQ,CAACY,CAAC,CAACC,MAAF,CAAShB,KAAV,CAA3B,EAA6C,CAACG,QAAD,CAA7C,CAArB;AACA,QAAMc,SAAS,GAAG3B,UAAU,CAACgB,KAAD,CAA5B;AACA,QAAMY,SAAS,GAAG,4BAAc1B,eAAMG,OAApB,EAA6BH,eAAMkB,QAAnC,EAA6ClB,eAAMY,KAAnD,EAA0DM,QAA1D,EAAoEN,KAApE,CAAlB;AACA,QAAMe,eAAe,GACnBZ,WAAW,IAAID,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEd,eAAMe;AAAtB,KAAoCA,WAApC,CADF,GAEI,IAHN;AAIA,QAAMa,WAAW,GACfb,WAAW,IAAID,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEd,eAAM6B;AAAtB,kBACE,6BAAC,qDAAD;AAAU,IAAA,SAAS,EAAE7B,eAAM8B;AAA3B,IADF,eAEE;AAAK,IAAA,SAAS,EAAE9B,eAAM+B;AAAtB,KAAyChB,WAAzC,CAFF,CADF,GAKI,IANN;AAOA,QAAMiB,QAAQ,GACZlB,KAAK,KAAK,cAAV,gBACE;AACE,IAAA,SAAS,EAAEd,eAAMS,IADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACwB,MAAAA,MAAM,EAAErB,KAAK,IAAIH;AAAlB;AAH3B,IADF,GAMI,IAPN;AAQA,QAAMyB,aAAa,GAAGb,SAAS,IAAIT,KAAb,gBAAqB,6BAAC,+BAAD;AAAW,IAAA,SAAS,EAAEZ,eAAMmC;AAA5B,IAArB,GAAgE,IAAtF;AACA,QAAMC,aAAa,GAAGf,SAAS,IAAIR,KAAb,gBAAqB,6BAAC,sCAAD;AAAW,IAAA,SAAS,EAAEb,eAAMmC;AAA5B,IAArB,GAAgE,IAAtF;AAEA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTV,SADS,EAETC,SAFS,EAGTV,QAAQ,IAAIhB,eAAMgB,QAHT,EAIT,qBAAMI,UAAN,KAAqBpB,eAAMqC,SAJlB;AADb,kBAQE,yDACE;AAAM,IAAA,SAAS,EAAE,yBAAWrC,eAAMmB,KAAjB,EAAwB,uBAAQX,KAAR,KAAkBR,eAAMsC,OAAhD;AAAjB,KACGnB,KADH,EAEGS,WAFH,CADF,eAME;AACE,IAAA,SAAS,EAAEtB,SADb;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,IAAI,EAAEa,KAHR;AAIE,IAAA,SAAS,EAAEnB,eAAMuC,KAJnB;AAKE,IAAA,WAAW,EAAEhC,WALf;AAME,IAAA,YAAY,EAAEG,YANhB;AAOE,IAAA,YAAY,EAAE,KAPhB;AAQE,IAAA,KAAK,EAAEF,KART;AASE,IAAA,OAAO,EAAEc,YATX;AAUE,IAAA,QAAQ,EAAEN,QAVZ;AAWE,IAAA,QAAQ;AAXV,IANF,EAmBGkB,aAnBH,EAoBGE,aApBH,EAqBGJ,QArBH,CARF,EA+BGL,eA/BH,CADF;AAmCD,CAhFD;;AAkFAvB,SAAS,CAACoC,SAAV,2CAAsB;AACpBlC,EAAAA,SAAS,EAAEmC,mBAAUC,IADD;AAEpBvB,EAAAA,KAAK,EAAEsB,mBAAUE,MAFG;AAGpBpC,EAAAA,WAAW,EAAEkC,mBAAUE,MAHH;AAIpBjC,EAAAA,YAAY,EAAE+B,mBAAUE,MAJJ;AAKpB7B,EAAAA,KAAK,EAAE2B,mBAAUG,KAAV,CAAgB,oBAAK9C,UAAL,CAAhB,CALa;AAMpBkB,EAAAA,QAAQ,EAAEyB,mBAAUC,IANA;AAOpBzB,EAAAA,QAAQ,EAAEwB,mBAAUC,IAPA;AAQpBlC,EAAAA,KAAK,EAAEiC,mBAAUE,MARG;AASpBlC,EAAAA,IAAI,EAAEgC,mBAAUE,MATI;AAUpB/B,EAAAA,KAAK,EAAE6B,mBAAUE,MAVG;AAWpBhC,EAAAA,QAAQ,EAAE8B,mBAAUI,IAXA;AAYpB9B,EAAAA,WAAW,EAAE0B,mBAAUE,MAZH;AAapBzB,EAAAA,QAAQ,EAAEuB,mBAAUC,IAbA;AAcpB7B,EAAAA,KAAK,EAAE4B,mBAAUC;AAdG,CAAtB;eAgBetC,S","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon,\n NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n setup: style.setup,\n coorpmanager: style.coorpmanager,\n cockpit: style.cockpit,\n default: style.default\n};\nconst InputText = props => {\n const {\n autoFocus = false,\n placeholder = '',\n value,\n hint,\n defaultValue,\n onChange = noop,\n error,\n valid,\n theme = 'default',\n description,\n disabled,\n required,\n modified = false,\n title: propsTitle\n } = props;\n\n const isCMTheme = theme === 'coorpmanager';\n const title = `${propsTitle}${required ? '*' : ''}`;\n const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n const mainClass = themeStyle[theme];\n const className = getClassState(style.default, style.modified, style.error, modified, error);\n const descriptionView =\n description && theme !== 'coorpmanager' ? (\n <div className={style.description}>{description}</div>\n ) : null;\n const toolTipView =\n description && theme === 'coorpmanager' ? (\n <div className={style.infoIconWrapper}>\n <InfoIcon className={style.infoIcon} />\n <div className={style.descriptionLabel}>{description}</div>\n </div>\n ) : null;\n const hintView =\n theme === 'coorpmanager' ? (\n <div\n className={style.hint}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: error || hint}}\n />\n ) : null;\n const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n return (\n <div\n className={classnames(\n mainClass,\n className,\n disabled && style.disabled,\n isNil(propsTitle) && style.isNoTitle\n )}\n >\n <label>\n <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n {title}\n {toolTipView}\n </span>\n\n <input\n autoFocus={autoFocus}\n type=\"text\"\n name={title}\n className={style.input}\n placeholder={placeholder}\n defaultValue={defaultValue}\n autoComplete={'off'}\n value={value}\n onInput={handleChange}\n disabled={disabled}\n onChange={noop}\n />\n {errorIconView}\n {validIconView}\n {hintView}\n </label>\n {descriptionView}\n </div>\n );\n};\n\nInputText.propTypes = {\n autoFocus: PropTypes.bool,\n title: PropTypes.string,\n placeholder: PropTypes.string,\n defaultValue: PropTypes.string,\n theme: PropTypes.oneOf(keys(themeStyle)),\n disabled: PropTypes.bool,\n required: PropTypes.bool,\n value: PropTypes.string,\n hint: PropTypes.string,\n error: PropTypes.string,\n onChange: PropTypes.func,\n description: PropTypes.string,\n modified: PropTypes.bool,\n valid: PropTypes.bool\n};\nexport default InputText;\n"],"file":"index.js"}
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
12
+ var _emptySearchResult = _interopRequireDefault(require("../../atom/empty-search-result"));
13
+
14
+ var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
15
+
16
+ var _card = _interopRequireDefault(require("../../molecule/card"));
17
+
18
+ var _style = _interopRequireDefault(require("./style.css"));
19
+
20
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
+
22
+ 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); }
23
+
24
+ const buildResultView = (courses, coursesSelectionAriaLabel, emptyMessages) => {
25
+ if ((0, _isEmpty2.default)(courses)) {
26
+ return /*#__PURE__*/_react.default.createElement(_emptySearchResult.default, emptyMessages);
27
+ }
28
+
29
+ const items = courses.map((card, index) => {
30
+ return /*#__PURE__*/_react.default.createElement("li", {
31
+ className: _style.default.cards,
32
+ key: `card-${index}`
33
+ }, /*#__PURE__*/_react.default.createElement(_card.default, card));
34
+ });
35
+ return /*#__PURE__*/_react.default.createElement("ul", {
36
+ "aria-label": coursesSelectionAriaLabel
37
+ }, items);
38
+ };
39
+
40
+ const CourseSelection = props => {
41
+ const {
42
+ search,
43
+ courses,
44
+ emptyMessages,
45
+ 'courses-selection-aria-label': coursesSelectionAriaLabel
46
+ } = props;
47
+ const resultView = buildResultView(courses, coursesSelectionAriaLabel, emptyMessages);
48
+ return /*#__PURE__*/_react.default.createElement("div", {
49
+ className: _style.default.container
50
+ }, /*#__PURE__*/_react.default.createElement("div", {
51
+ className: _style.default.search
52
+ }, /*#__PURE__*/_react.default.createElement(_inputSearch.default, _extends({}, search, {
53
+ theme: "coorpmanager"
54
+ }))), /*#__PURE__*/_react.default.createElement("div", {
55
+ className: _style.default.cardsContainer
56
+ }, resultView));
57
+ };
58
+
59
+ CourseSelection.propTypes = process.env.NODE_ENV !== "production" ? {
60
+ search: _propTypes.default.shape(_inputSearch.default.PropTypes),
61
+ courses: _propTypes.default.arrayOf(_propTypes.default.shape(_card.default.propTypes)),
62
+ 'courses-selection-aria-label': _propTypes.default.string,
63
+ emptyMessages: _propTypes.default.shape({
64
+ firstMessage: _propTypes.default.string,
65
+ secondMessage: _propTypes.default.string
66
+ })
67
+ } : {};
68
+ var _default = CourseSelection;
69
+ exports.default = _default;
70
+ //# sourceMappingURL=index.js.map
@@ -0,0 +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","resultView","container","cardsContainer","propTypes","PropTypes","shape","Search","arrayOf","Card","string","firstMessage","secondMessage"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;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;AAA/C,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;AAEJX,IAAAA,OAFI;AAGJE,IAAAA,aAHI;AAIJ,oCAAgCD;AAJ5B,MAKFS,KALJ;AAOA,QAAME,UAAU,GAAGb,eAAe,CAACC,OAAD,EAAUC,yBAAV,EAAqCC,aAArC,CAAlC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMM;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEN,eAAMI;AAAtB,kBACE,6BAAC,oBAAD,eAAYA,MAAZ;AAAoB,IAAA,KAAK,EAAC;AAA1B,KADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,eAAMO;AAAtB,KAAuCF,UAAvC,CAJF,CADF;AAQD,CAlBD;;AAoBAH,eAAe,CAACM,SAAhB,2CAA4B;AAC1BJ,EAAAA,MAAM,EAAEK,mBAAUC,KAAV,CAAgBC,qBAAOF,SAAvB,CADkB;AAE1BhB,EAAAA,OAAO,EAAEgB,mBAAUG,OAAV,CAAkBH,mBAAUC,KAAV,CAAgBG,cAAKL,SAArB,CAAlB,CAFiB;AAG1B,kCAAgCC,mBAAUK,MAHhB;AAI1BnB,EAAAA,aAAa,EAAEc,mBAAUC,KAAV,CAAgB;AAC7BK,IAAAA,YAAY,EAAEN,mBAAUK,MADK;AAE7BE,IAAAA,aAAa,EAAEP,mBAAUK;AAFI,GAAhB;AAJW,CAA5B;eAUeZ,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 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}`}>\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 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.search}>\n <Search {...search} theme=\"coorpmanager\" />\n </div>\n <div className={style.cardsContainer}>{resultView}</div>\n </div>\n );\n};\n\nCourseSelection.propTypes = {\n search: PropTypes.shape(Search.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"}
@@ -0,0 +1,23 @@
1
+ @value colors: "../../variables/colors.css";
2
+ @value cm_primary_blue from colors;
3
+ @value cm_grey_100 from colors;
4
+ @value cm_grey_900 from colors;
5
+
6
+ .container {
7
+ width: 100%;
8
+ }
9
+
10
+ .search {
11
+ width: 42%;
12
+ min-width: 309px;
13
+ }
14
+
15
+ .cardsContainer {
16
+ margin: 24px 0 0 0;
17
+ width: 100%;
18
+ }
19
+
20
+ .cards {
21
+ display: inline-block;
22
+ margin: 0 16px 16px 0px;
23
+ }
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _selectableFalse = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-false"));
7
+
8
+ var _selectableTrue = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-true"));
9
+
10
+ var _article = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/article"));
11
+
12
+ var _scorm = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/scorm"));
13
+
14
+ var _externalContent = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/external-content"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ 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); }
19
+
20
+ var _default = {
21
+ props: {
22
+ search: {
23
+ title: 'Search...',
24
+ placeholder: 'Search...',
25
+ value: '',
26
+ description: 'Type to filter the courses',
27
+ onChange: value => console.log(value)
28
+ },
29
+ 'courses-selection-aria-label': 'Courses results',
30
+ courses: [_selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
31
+ isSelected: false
32
+ }), _selectableTrue.default.props, _extends(_extends({}, _scorm.default.props), {}, {
33
+ isSelected: true
34
+ }), _extends(_extends({}, _selectableFalse.default.props), {}, {
35
+ isSelected: false,
36
+ title: 'Standard course'
37
+ }), _extends(_extends({}, _externalContent.default.props), {}, {
38
+ isSelected: false,
39
+ title: 'External course'
40
+ }), _extends(_extends({}, _scorm.default.props), {}, {
41
+ isSelected: false,
42
+ title: 'Scorm course'
43
+ })]
44
+ }
45
+ };
46
+ exports.default = _default;
47
+ //# sourceMappingURL=default.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/default.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,KAN/B;AAMsCX,MAAAA,KAAK,EAAE;AAN7C,8BAOHa,yBAAgBf,KAPb;AAOoBa,MAAAA,UAAU,EAAE,KAPhC;AAOuCX,MAAAA,KAAK,EAAE;AAP9C,8BAQHY,eAAMd,KARH;AAQUa,MAAAA,UAAU,EAAE,KARtB;AAQ6BX,MAAAA,KAAK,EAAE;AARpC;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, 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"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _default = {
6
+ props: {
7
+ search: {
8
+ title: 'Search...',
9
+ placeholder: 'Search...',
10
+ value: 'Xoxoxo',
11
+ description: 'Type to find the courses',
12
+ onChange: value => console.log(value)
13
+ },
14
+ 'courses-selection-aria-label': 'Courses results',
15
+ courses: [],
16
+ emptyMessages: {
17
+ firstMessage: 'No results...',
18
+ secondMessage: 'Try something else'
19
+ }
20
+ }
21
+ };
22
+ exports.default = _default;
23
+ //# sourceMappingURL=empty.js.map
@@ -0,0 +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"}
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _selectableFalse = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-false"));
7
+
8
+ var _selectableTrue = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-true"));
9
+
10
+ var _article = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/article"));
11
+
12
+ var _scorm = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/scorm"));
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ 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); }
17
+
18
+ var _default = {
19
+ props: {
20
+ search: {
21
+ title: 'Search...',
22
+ placeholder: 'Search...',
23
+ value: 'from',
24
+ description: 'Type to filter the courses',
25
+ onChange: value => console.log(value)
26
+ },
27
+ 'courses-selection-aria-label': 'Courses results',
28
+ courses: [_selectableTrue.default.props, _extends(_extends({}, _scorm.default.props), {}, {
29
+ isSelected: true
30
+ }), _selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
31
+ isSelected: false
32
+ })]
33
+ }
34
+ };
35
+ exports.default = _default;
36
+ //# sourceMappingURL=filtered.js.map
@@ -0,0 +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"}
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _selectableFalse = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-false"));
7
+
8
+ var _selectableTrue = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-true"));
9
+
10
+ var _article = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/article"));
11
+
12
+ var _scorm = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/scorm"));
13
+
14
+ var _externalContent = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/external-content"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ 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); }
19
+
20
+ var _default = {
21
+ props: {
22
+ search: {
23
+ title: 'Search...',
24
+ placeholder: 'Search...',
25
+ value: '',
26
+ description: 'Type to filter the courses',
27
+ onChange: value => console.log(value)
28
+ },
29
+ 'courses-selection-aria-label': 'Courses results',
30
+ courses: [_selectableTrue.default.props, _extends(_extends({}, _scorm.default.props), {}, {
31
+ isSelected: true
32
+ }), _selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
33
+ isSelected: false
34
+ }), _extends(_extends({}, _selectableFalse.default.props), {}, {
35
+ isSelected: false
36
+ }), _extends(_extends({}, _externalContent.default.props), {}, {
37
+ isSelected: false
38
+ }), _extends(_extends({}, _scorm.default.props), {}, {
39
+ isSelected: false
40
+ })]
41
+ }
42
+ };
43
+ exports.default = _default;
44
+ //# sourceMappingURL=sorted-selected.js.map
@@ -0,0 +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"}
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _selectableFalse = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-false"));
7
+
8
+ var _selectableTrue = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/selectable-true"));
9
+
10
+ var _article = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/article"));
11
+
12
+ var _scorm = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/scorm"));
13
+
14
+ var _externalContent = _interopRequireDefault(require("../../../../molecule/card/test/fixtures/external-content"));
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ 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); }
19
+
20
+ var _default = {
21
+ props: {
22
+ search: {
23
+ title: 'Search...',
24
+ placeholder: 'Search...',
25
+ value: '',
26
+ description: 'Type to filter the courses',
27
+ onChange: value => console.log(value)
28
+ },
29
+ 'courses-selection-aria-label': 'Courses results',
30
+ courses: [_selectableTrue.default.props, _selectableFalse.default.props, _extends(_extends({}, _article.default.props), {}, {
31
+ isSelected: false
32
+ }), _selectableTrue.default.props, _extends(_extends({}, _scorm.default.props), {}, {
33
+ isSelected: true
34
+ }), _extends(_extends({}, _selectableFalse.default.props), {}, {
35
+ isSelected: false
36
+ }), _extends(_extends({}, _externalContent.default.props), {}, {
37
+ isSelected: false
38
+ }), _extends(_extends({}, _scorm.default.props), {}, {
39
+ isSelected: false
40
+ })]
41
+ }
42
+ };
43
+ exports.default = _default;
44
+ //# sourceMappingURL=unsorted-selected.js.map
@@ -0,0 +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"}
@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
12
+ var _emptySearchResult = _interopRequireDefault(require("../../atom/empty-search-result"));
13
+
12
14
  var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
13
15
 
14
16
  var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
@@ -23,13 +25,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
23
25
 
24
26
  const buildResultView = (results, resultsAriaLabel, emptyMessages) => {
25
27
  if ((0, _isEmpty2.default)(results)) {
26
- return /*#__PURE__*/_react.default.createElement("div", {
27
- className: _style.default.errorSection
28
- }, /*#__PURE__*/_react.default.createElement("span", {
29
- className: _style.default.firstErrorMessage
30
- }, emptyMessages.firstMessage), /*#__PURE__*/_react.default.createElement("span", {
31
- className: _style.default.secondErrorMessage
32
- }, emptyMessages.secondMessage));
28
+ return /*#__PURE__*/_react.default.createElement(_emptySearchResult.default, emptyMessages);
33
29
  }
34
30
 
35
31
  const items = results.map((result, index) => {
@@ -37,7 +33,7 @@ const buildResultView = (results, resultsAriaLabel, emptyMessages) => {
37
33
  className: _style.default.result,
38
34
  key: `result-${index}`
39
35
  }, /*#__PURE__*/_react.default.createElement(_chips.default, result));
40
- }, results);
36
+ });
41
37
  return /*#__PURE__*/_react.default.createElement("ul", {
42
38
  "aria-label": resultsAriaLabel
43
39
  }, items);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["buildResultView","results","resultsAriaLabel","emptyMessages","style","errorSection","firstErrorMessage","firstMessage","secondErrorMessage","secondMessage","items","map","result","index","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"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\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 (\n <div className={style.errorSection}>\n <span className={style.firstErrorMessage}>{emptyMessages.firstMessage}</span>\n <span className={style.secondErrorMessage}>{emptyMessages.secondMessage}</span>\n </div>\n );\n }\n\n const items = results.map((result, index) => {\n return (\n <li className={style.result} key={`result-${index}`}>\n <Chips {...result} />\n </li>\n );\n }, results);\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"}
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;AAAlD,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}`}>\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"}
@@ -32,26 +32,4 @@
32
32
  max-width: 268px;
33
33
  display: inline-block;
34
34
  margin: 0 16px 16px 0px;
35
- }
36
-
37
- .errorSection {
38
- margin: 48px 0;
39
- width: 100%;
40
- display: flex;
41
- flex-direction: column;
42
- align-items: center;
43
- font-size: 16px;
44
- font-weight: bold;
45
- font-family: Gilroy;
46
- font-size: 16px;
47
- }
48
-
49
- .firstErrorMessage {
50
- color: cm_grey_900;
51
- display: block;
52
- }
53
-
54
- .secondErrorMessage {
55
- color: cm_primary_blue;
56
- display: block;
57
35
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "10.1.9",
3
+ "version": "10.1.10",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -118,5 +118,5 @@
118
118
  "webpack-hot-middleware": "^2.25.0"
119
119
  },
120
120
  "author": "CoorpAcademy",
121
- "gitHead": "d84530bbce6c59e2d1984c1b2ff508d152c09655"
121
+ "gitHead": "44ac7914669ea4dd95d88063ade9e83f010c445e"
122
122
  }
@@ -1,13 +0,0 @@
1
- import test from 'ava';
2
- import forEach from 'lodash/forEach';
3
- import renderComponentMacro from '../../../test/helpers/render-component';
4
- import MoleculeEmptySearchResult from '..';
5
- import fixtureDefault from './fixtures/default';
6
- test('Molecule › MoleculeEmptySearchResult > should have valid propTypes', t => {
7
- t.pass();
8
- forEach(MoleculeEmptySearchResult.propTypes, (value, key) => {
9
- t.not(value, undefined, `PropType for "Molecule.MoleculeEmptySearchResult.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
10
- });
11
- });
12
- test('Molecule › MoleculeEmptySearchResult › Default › should be rendered', renderComponentMacro, MoleculeEmptySearchResult, fixtureDefault);
13
- //# sourceMappingURL=fixtures.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/molecule/empty-search-result/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeEmptySearchResult","fixtureDefault","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,yBAAP,MAAsC,IAAtC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,oEAAD,EAAuEK,CAAC,IAAI;AAC9EA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,yBAAyB,CAACI,SAA3B,EAAsC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,8DAA6DF,GAAI,mEAA1F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,yBAA9F,EAAyHC,cAAzH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeEmptySearchResult from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Molecule › MoleculeEmptySearchResult > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeEmptySearchResult.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeEmptySearchResult.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeEmptySearchResult › Default › should be rendered', renderComponentMacro, MoleculeEmptySearchResult, fixtureDefault);\n"],"file":"fixtures.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/molecule/empty-search-result/test/fixtures.js"],"names":["t","pass","MoleculeEmptySearchResult","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,oEAAL,EAA2EA,CAAC,IAAI;AAC9EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA0BC,SAAlC,EAA6C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,8DAA6DF,GAAI,mEAA1F;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,qEAAL,EAA4EG,wBAA5E,EAAkGN,SAAlG,EAA6HO,gBAA7H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeEmptySearchResult from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Molecule › MoleculeEmptySearchResult > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeEmptySearchResult.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeEmptySearchResult.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeEmptySearchResult › Default › should be rendered', renderComponentMacro, MoleculeEmptySearchResult, fixtureDefault);\n"],"file":"fixtures.js"}