@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.
- package/es/atom/empty-search-result/index.js +24 -0
- package/es/atom/empty-search-result/index.js.map +1 -0
- package/es/atom/empty-search-result/style.css +25 -0
- package/es/atom/empty-search-result/test/fixtures/default.js +7 -0
- package/es/atom/empty-search-result/test/fixtures/default.js.map +1 -0
- package/es/atom/empty-search-result/test/fixtures.js +13 -0
- package/es/atom/empty-search-result/test/fixtures.js.map +1 -0
- package/es/atom/input-text/index.js +3 -2
- package/es/atom/input-text/index.js.map +1 -1
- package/es/organism/course-selection/index.js +57 -0
- package/es/organism/course-selection/index.js.map +1 -0
- package/es/organism/course-selection/style.css +23 -0
- package/es/organism/course-selection/test/fixtures/default.js +34 -0
- package/es/organism/course-selection/test/fixtures/default.js.map +1 -0
- package/es/organism/course-selection/test/fixtures/empty.js +18 -0
- package/es/organism/course-selection/test/fixtures/empty.js.map +1 -0
- package/es/organism/course-selection/test/fixtures/filtered.js +24 -0
- package/es/organism/course-selection/test/fixtures/filtered.js.map +1 -0
- package/es/organism/course-selection/test/fixtures/sorted-selected.js +31 -0
- package/es/organism/course-selection/test/fixtures/sorted-selected.js.map +1 -0
- package/es/organism/course-selection/test/fixtures/unsorted-selected.js +31 -0
- package/es/organism/course-selection/test/fixtures/unsorted-selected.js.map +1 -0
- package/es/organism/search-and-chips-results/index.js +3 -8
- package/es/organism/search-and-chips-results/index.js.map +1 -1
- package/es/organism/search-and-chips-results/style.css +0 -22
- package/lib/atom/empty-search-result/index.js +34 -0
- package/lib/atom/empty-search-result/index.js.map +1 -0
- package/lib/atom/empty-search-result/style.css +25 -0
- package/lib/atom/empty-search-result/test/fixtures/default.js +12 -0
- package/lib/atom/empty-search-result/test/fixtures/default.js.map +1 -0
- package/lib/{molecule → atom}/empty-search-result/test/fixtures.js +3 -3
- package/lib/atom/empty-search-result/test/fixtures.js.map +1 -0
- package/lib/atom/input-text/index.js +3 -2
- package/lib/atom/input-text/index.js.map +1 -1
- package/lib/organism/course-selection/index.js +70 -0
- package/lib/organism/course-selection/index.js.map +1 -0
- package/lib/organism/course-selection/style.css +23 -0
- package/lib/organism/course-selection/test/fixtures/default.js +47 -0
- package/lib/organism/course-selection/test/fixtures/default.js.map +1 -0
- package/lib/organism/course-selection/test/fixtures/empty.js +23 -0
- package/lib/organism/course-selection/test/fixtures/empty.js.map +1 -0
- package/lib/organism/course-selection/test/fixtures/filtered.js +36 -0
- package/lib/organism/course-selection/test/fixtures/filtered.js.map +1 -0
- package/lib/organism/course-selection/test/fixtures/sorted-selected.js +44 -0
- package/lib/organism/course-selection/test/fixtures/sorted-selected.js.map +1 -0
- package/lib/organism/course-selection/test/fixtures/unsorted-selected.js +44 -0
- package/lib/organism/course-selection/test/fixtures/unsorted-selected.js.map +1 -0
- package/lib/organism/search-and-chips-results/index.js +4 -8
- package/lib/organism/search-and-chips-results/index.js.map +1 -1
- package/lib/organism/search-and-chips-results/style.css +0 -22
- package/package.json +2 -2
- package/es/molecule/empty-search-result/test/fixtures.js +0 -13
- package/es/molecule/empty-search-result/test/fixtures.js.map +0 -1
- 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)('
|
|
15
|
+
(0, _ava.default)('Atom › AtomEmptySearchResult > 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 "
|
|
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)('
|
|
21
|
+
(0, _ava.default)('Atom › AtomEmptySearchResult › 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":";;;;;;;;;;;;;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,
|
|
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":"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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 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(
|
|
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
|
-
}
|
|
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","
|
|
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.
|
|
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": "
|
|
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"}
|