@coorpacademy/components 11.33.16 → 11.34.0
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/button-link/style.css +2 -1
- package/es/molecule/base-modal/index.d.ts +3 -0
- package/es/molecule/base-modal/index.d.ts.map +1 -1
- package/es/molecule/base-modal/index.js +19 -10
- package/es/molecule/base-modal/index.js.map +1 -1
- package/es/molecule/base-modal/style.css +6 -9
- package/es/organism/content-skill-modal/index.d.ts +660 -0
- package/es/organism/content-skill-modal/index.d.ts.map +1 -0
- package/es/organism/content-skill-modal/index.js +72 -0
- package/es/organism/content-skill-modal/index.js.map +1 -0
- package/es/organism/content-skill-modal/style.css +20 -0
- package/es/organism/content-skill-modal/types.d.ts +667 -0
- package/es/organism/content-skill-modal/types.d.ts.map +1 -0
- package/es/organism/content-skill-modal/types.js +16 -0
- package/es/organism/content-skill-modal/types.js.map +1 -0
- package/es/organism/filter-checkbox-and-search/index.d.ts.map +1 -1
- package/es/organism/filter-checkbox-and-search/index.js +21 -18
- package/es/organism/filter-checkbox-and-search/index.js.map +1 -1
- package/es/organism/filter-checkbox-and-search/style.css +16 -3
- package/es/variables/colors.d.ts +1 -0
- package/es/variables/colors.d.ts.map +1 -1
- package/es/variables/colors.js +1 -0
- package/es/variables/colors.js.map +1 -1
- package/lib/atom/button-link/style.css +2 -1
- package/lib/molecule/base-modal/index.d.ts +3 -0
- package/lib/molecule/base-modal/index.d.ts.map +1 -1
- package/lib/molecule/base-modal/index.js +19 -10
- package/lib/molecule/base-modal/index.js.map +1 -1
- package/lib/molecule/base-modal/style.css +6 -9
- package/lib/organism/content-skill-modal/index.d.ts +660 -0
- package/lib/organism/content-skill-modal/index.d.ts.map +1 -0
- package/lib/organism/content-skill-modal/index.js +79 -0
- package/lib/organism/content-skill-modal/index.js.map +1 -0
- package/lib/organism/content-skill-modal/style.css +20 -0
- package/lib/organism/content-skill-modal/types.d.ts +667 -0
- package/lib/organism/content-skill-modal/types.d.ts.map +1 -0
- package/lib/organism/content-skill-modal/types.js +21 -0
- package/lib/organism/content-skill-modal/types.js.map +1 -0
- package/lib/organism/filter-checkbox-and-search/index.d.ts.map +1 -1
- package/lib/organism/filter-checkbox-and-search/index.js +21 -18
- package/lib/organism/filter-checkbox-and-search/index.js.map +1 -1
- package/lib/organism/filter-checkbox-and-search/style.css +16 -3
- package/lib/variables/colors.d.ts +1 -0
- package/lib/variables/colors.d.ts.map +1 -1
- package/lib/variables/colors.js +1 -0
- package/lib/variables/colors.js.map +1 -1
- package/locales/.mtslconfig.json +1 -0
- package/package.json +2 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
6
|
+
var _listItems = _interopRequireDefault(require("../list-items"));
|
|
7
|
+
var _propTypes2 = _interopRequireDefault(require("../../molecule/multi-filter-panel/prop-types"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
const ModalPropTypes = {
|
|
10
|
+
isOpen: _propTypes.default.bool,
|
|
11
|
+
onCancel: _propTypes.default.func,
|
|
12
|
+
onConfirm: _propTypes.default.func,
|
|
13
|
+
onClose: _propTypes.default.func
|
|
14
|
+
};
|
|
15
|
+
const ContentSkillModalPropTypes = {
|
|
16
|
+
contentList: _propTypes.default.shape(_listItems.default.propTypes).isRequired,
|
|
17
|
+
filters: _propTypes.default.shape(_propTypes2.default).isRequired,
|
|
18
|
+
modal: _propTypes.default.shape(ModalPropTypes).isRequired
|
|
19
|
+
};
|
|
20
|
+
var _default = exports.default = ContentSkillModalPropTypes;
|
|
21
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_listItems","_propTypes2","e","__esModule","default","ModalPropTypes","isOpen","PropTypes","bool","onCancel","func","onConfirm","onClose","ContentSkillModalPropTypes","contentList","shape","ListItems","propTypes","isRequired","filters","MultiFilterPanelPropTypes","modal","_default","exports"],"sources":["../../../src/organism/content-skill-modal/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ListItems from '../list-items';\nimport MultiFilterPanelPropTypes, {\n MultiFilterPanelProps\n} from '../../molecule/multi-filter-panel/prop-types';\n\nconst ModalPropTypes = {\n isOpen: PropTypes.bool,\n onCancel: PropTypes.func,\n onConfirm: PropTypes.func,\n onClose: PropTypes.func\n};\n\nconst ContentSkillModalPropTypes = {\n contentList: PropTypes.shape(ListItems.propTypes).isRequired,\n filters: PropTypes.shape(MultiFilterPanelPropTypes).isRequired,\n modal: PropTypes.shape(ModalPropTypes).isRequired\n};\n\nexport default ContentSkillModalPropTypes;\n\ntype ModalProps = {\n isOpen: boolean;\n onCancel: () => void;\n onConfirm: () => void;\n onClose: () => void;\n};\n\nexport type ContentSkillModalProps = {\n contentList: React.ComponentProps<typeof ListItems>;\n filters: MultiFilterPanelProps;\n modal: ModalProps;\n};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEsD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD,MAAMG,cAAc,GAAG;EACrBC,MAAM,EAAEC,kBAAS,CAACC,IAAI;EACtBC,QAAQ,EAAEF,kBAAS,CAACG,IAAI;EACxBC,SAAS,EAAEJ,kBAAS,CAACG,IAAI;EACzBE,OAAO,EAAEL,kBAAS,CAACG;AACrB,CAAC;AAED,MAAMG,0BAA0B,GAAG;EACjCC,WAAW,EAAEP,kBAAS,CAACQ,KAAK,CAACC,kBAAS,CAACC,SAAS,CAAC,CAACC,UAAU;EAC5DC,OAAO,EAAEZ,kBAAS,CAACQ,KAAK,CAACK,mBAAyB,CAAC,CAACF,UAAU;EAC9DG,KAAK,EAAEd,kBAAS,CAACQ,KAAK,CAACV,cAAc,CAAC,CAACa;AACzC,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEaS,0BAA0B","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAIjE,OAAkB,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAiBtE,QAAA,MAAM,uBAAuB;YACpB,4BAA4B,WAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiG1B,CAAC;AAQF,eAAe,uBAAuB,CAAC"}
|
|
@@ -5,6 +5,7 @@ exports.default = void 0;
|
|
|
5
5
|
var _toString2 = _interopRequireDefault(require("lodash/fp/toString"));
|
|
6
6
|
var _size2 = _interopRequireDefault(require("lodash/fp/size"));
|
|
7
7
|
var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
|
|
8
|
+
var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
|
|
8
9
|
var _filter2 = _interopRequireDefault(require("lodash/fp/filter"));
|
|
9
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
11
|
var _title = _interopRequireDefault(require("../../atom/title"));
|
|
@@ -56,7 +57,8 @@ const FilterCkeckboxAndSearch = (props, context) => {
|
|
|
56
57
|
return showMore ? options : options.slice(0, INITIAL_VISIBLE_OPTIONS);
|
|
57
58
|
}, [options, showMore]);
|
|
58
59
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
59
|
-
"data-testid": "filter-checkbox-and-search-container"
|
|
60
|
+
"data-testid": "filter-checkbox-and-search-container",
|
|
61
|
+
className: _style.default.container
|
|
60
62
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
61
63
|
className: _style.default.header,
|
|
62
64
|
"data-testid": "filter-checkbox-and-search-header"
|
|
@@ -82,28 +84,29 @@ const FilterCkeckboxAndSearch = (props, context) => {
|
|
|
82
84
|
}, /*#__PURE__*/_react.default.createElement(_searchForm.default, searchOptions)) : null, /*#__PURE__*/_react.default.createElement("div", {
|
|
83
85
|
"data-testid": "filter-checkbox-and-search-options-container",
|
|
84
86
|
className: _style.default.optionsContainer
|
|
85
|
-
}, visibleOptions.
|
|
87
|
+
}, (0, _isEmpty2.default)(visibleOptions) ? /*#__PURE__*/_react.default.createElement("p", {
|
|
88
|
+
className: _style.default.emptySearchResult,
|
|
89
|
+
"data-testid": "filter-checkbox-and-search-empty-message"
|
|
90
|
+
}, "No results... Try adjusting your search.") : visibleOptions.map(({
|
|
86
91
|
value,
|
|
87
92
|
label,
|
|
88
93
|
selected,
|
|
89
94
|
count,
|
|
90
95
|
onClick
|
|
91
|
-
}, index) => {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
}, count));
|
|
106
|
-
})), options.length > INITIAL_VISIBLE_OPTIONS ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
|
|
96
|
+
}, index) => /*#__PURE__*/_react.default.createElement("div", {
|
|
97
|
+
key: value,
|
|
98
|
+
className: _style.default.optionRow,
|
|
99
|
+
"data-testid": `filter-checkbox-and-search-option-row-${index}`
|
|
100
|
+
}, /*#__PURE__*/_react.default.createElement(_checkboxWithTitle.default, {
|
|
101
|
+
key: value,
|
|
102
|
+
title: label,
|
|
103
|
+
onChange: onClick,
|
|
104
|
+
name: label,
|
|
105
|
+
checked: selected,
|
|
106
|
+
customStyle: CHECKBOX_TITLE_STYLE
|
|
107
|
+
}), /*#__PURE__*/_react.default.createElement("p", {
|
|
108
|
+
className: _style.default.optionCount
|
|
109
|
+
}, count)))), options.length > INITIAL_VISIBLE_OPTIONS ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
|
|
107
110
|
label: showMore ? translate('Show less') : translate('Show more'),
|
|
108
111
|
type: "text",
|
|
109
112
|
icon: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_title","_interopRequireDefault","_tag","_buttonLink","_searchForm","_provider","_checkboxWithTitle","_colors","_style","_propsTypes","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CLEAR_BUTTON_STYLE","fontWeight","padding","SHOW_BUTTON_STYLE","fontSize","fontFamily","marginTop","CHECKBOX_TITLE_STYLE","marginRight","INITIAL_VISIBLE_OPTIONS","FilterCkeckboxAndSearch","props","context","title","searchOptions","onClear","options","translate","GetTranslateFromContext","showMore","setShowMore","useState","selectedFiltersCount","_pipe2","_filter2","selected","_size2","hasSelectedFilters","handleShowMore","useCallback","visibleOptions","useMemo","slice","createElement","className","style","header","titleAndTagWrapper","label","_toString2","type","size","clearButtonContainer","onClick","customStyle","search","optionsContainer","map","value","count","index","key","optionRow","onChange","name","checked","optionCount","length","icon","position","faIcon","color","COLORS","cm_grey_500","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {filter, pipe, size, toString} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport SearchForm from '../../molecule/search-form';\n\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport propTypes, {FilterCheckboxAndSearchProps} from './props-types';\n\nconst CLEAR_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst SHOW_BUTTON_STYLE = {\n fontSize: '14px',\n fontWeight: '600',\n fontFamily: 'Gilroy',\n marginTop: '16px'\n};\nconst CHECKBOX_TITLE_STYLE = {\n marginRight: '16px',\n fontSize: '14px',\n fontFamily: 'Gilroy',\n fontWeight: 'normal'\n};\nconst INITIAL_VISIBLE_OPTIONS = 5;\n\nconst FilterCkeckboxAndSearch = (\n props: FilterCheckboxAndSearchProps,\n context: WebContextValues\n) => {\n const {title, searchOptions, onClear, options} = props;\n const translate = GetTranslateFromContext(context);\n const [showMore, setShowMore] = useState(false);\n const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n const hasSelectedFilters = selectedFiltersCount > 0;\n\n const handleShowMore = useCallback(() => {\n setShowMore(!showMore);\n }, [showMore]);\n\n const visibleOptions = useMemo(() => {\n return showMore ? options : options.slice(0, INITIAL_VISIBLE_OPTIONS);\n }, [options, showMore]);\n\n return (\n <div data-testid=\"filter-checkbox-and-search-container\">\n <div className={style.header} data-testid=\"filter-checkbox-and-search-header\">\n <div\n className={style.titleAndTagWrapper}\n data-testid=\"filter-checkbox-and-searh-title-and-tag-wrapper\"\n >\n <Title title={title} />\n {hasSelectedFilters ? (\n <Tag label={toString(selectedFiltersCount)} type=\"info\" size=\"S\" />\n ) : null}\n </div>\n {hasSelectedFilters ? (\n <div className={style.clearButtonContainer}>\n <ButtonLink\n label={translate('clear')}\n type=\"text\"\n data-testid=\"filter-checkbox-and-search-clear-button\"\n onClick={onClear}\n customStyle={CLEAR_BUTTON_STYLE}\n />\n </div>\n ) : null}\n </div>\n {searchOptions ? (\n <div className={style.search}>\n <SearchForm {...searchOptions} />\n </div>\n ) : null}\n <div\n data-testid=\"filter-checkbox-and-search-options-container\"\n className={style.optionsContainer}\n >\n {visibleOptions.map(({value, label, selected, count, onClick}, index) => {\n return (\n <div\n key={value}\n className={style.optionRow}\n data-testid={`filter-checkbox-and-search-option-row-${index}`}\n >\n <CheckboxWithTitle\n key={value}\n title={label}\n onChange={onClick}\n name={label}\n checked={selected}\n customStyle={CHECKBOX_TITLE_STYLE}\n />\n <p className={style.optionCount}>{count}</p>\n </div>\n );\n })}\n </div>\n {options.length > INITIAL_VISIBLE_OPTIONS ? (\n <div>\n <ButtonLink\n label={showMore ? translate('Show less') : translate('Show more')}\n type=\"text\"\n icon={{\n position: 'right',\n faIcon: {\n name: showMore ? 'chevron-up' : 'chevron-down',\n size: 16,\n color: COLORS.cm_grey_500\n }\n }}\n customStyle={SHOW_BUTTON_STYLE}\n onClick={handleShowMore}\n data-testid=\"filter-checkbox-and-search-show-button\"\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nFilterCkeckboxAndSearch.propTypes = propTypes;\n\nFilterCkeckboxAndSearch.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nexport default FilterCkeckboxAndSearch;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_title","_interopRequireDefault","_tag","_buttonLink","_searchForm","_provider","_checkboxWithTitle","_colors","_style","_propsTypes","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CLEAR_BUTTON_STYLE","fontWeight","padding","SHOW_BUTTON_STYLE","fontSize","fontFamily","marginTop","CHECKBOX_TITLE_STYLE","marginRight","INITIAL_VISIBLE_OPTIONS","FilterCkeckboxAndSearch","props","context","title","searchOptions","onClear","options","translate","GetTranslateFromContext","showMore","setShowMore","useState","selectedFiltersCount","_pipe2","_filter2","selected","_size2","hasSelectedFilters","handleShowMore","useCallback","visibleOptions","useMemo","slice","createElement","className","style","container","header","titleAndTagWrapper","label","_toString2","type","size","clearButtonContainer","onClick","customStyle","search","optionsContainer","_isEmpty2","emptySearchResult","map","value","count","index","key","optionRow","onChange","name","checked","optionCount","length","icon","position","faIcon","color","COLORS","cm_grey_500","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {filter, isEmpty, pipe, size, toString} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport SearchForm from '../../molecule/search-form';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport propTypes, {FilterCheckboxAndSearchProps} from './props-types';\n\nconst CLEAR_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst SHOW_BUTTON_STYLE = {\n fontSize: '14px',\n fontWeight: '600',\n fontFamily: 'Gilroy',\n marginTop: '16px'\n};\nconst CHECKBOX_TITLE_STYLE = {\n marginRight: '16px',\n fontSize: '14px',\n fontFamily: 'Gilroy',\n fontWeight: 'normal'\n};\nconst INITIAL_VISIBLE_OPTIONS = 5;\n\nconst FilterCkeckboxAndSearch = (\n props: FilterCheckboxAndSearchProps,\n context: WebContextValues\n) => {\n const {title, searchOptions, onClear, options} = props;\n const translate = GetTranslateFromContext(context);\n const [showMore, setShowMore] = useState(false);\n const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n const hasSelectedFilters = selectedFiltersCount > 0;\n\n const handleShowMore = useCallback(() => {\n setShowMore(!showMore);\n }, [showMore]);\n\n const visibleOptions = useMemo(() => {\n return showMore ? options : options.slice(0, INITIAL_VISIBLE_OPTIONS);\n }, [options, showMore]);\n\n return (\n <div data-testid=\"filter-checkbox-and-search-container\" className={style.container}>\n <div className={style.header} data-testid=\"filter-checkbox-and-search-header\">\n <div\n className={style.titleAndTagWrapper}\n data-testid=\"filter-checkbox-and-searh-title-and-tag-wrapper\"\n >\n <Title title={title} />\n {hasSelectedFilters ? (\n <Tag label={toString(selectedFiltersCount)} type=\"info\" size=\"S\" />\n ) : null}\n </div>\n {hasSelectedFilters ? (\n <div className={style.clearButtonContainer}>\n <ButtonLink\n label={translate('clear')}\n type=\"text\"\n data-testid=\"filter-checkbox-and-search-clear-button\"\n onClick={onClear}\n customStyle={CLEAR_BUTTON_STYLE}\n />\n </div>\n ) : null}\n </div>\n {searchOptions ? (\n <div className={style.search}>\n <SearchForm {...searchOptions} />\n </div>\n ) : null}\n <div\n data-testid=\"filter-checkbox-and-search-options-container\"\n className={style.optionsContainer}\n >\n {isEmpty(visibleOptions) ? (\n <p\n className={style.emptySearchResult}\n data-testid=\"filter-checkbox-and-search-empty-message\"\n >\n No results... Try adjusting your search.\n </p>\n ) : (\n visibleOptions.map(({value, label, selected, count, onClick}, index) => (\n <div\n key={value}\n className={style.optionRow}\n data-testid={`filter-checkbox-and-search-option-row-${index}`}\n >\n <CheckboxWithTitle\n key={value}\n title={label}\n onChange={onClick}\n name={label}\n checked={selected}\n customStyle={CHECKBOX_TITLE_STYLE}\n />\n <p className={style.optionCount}>{count}</p>\n </div>\n ))\n )}\n </div>\n {options.length > INITIAL_VISIBLE_OPTIONS ? (\n <div>\n <ButtonLink\n label={showMore ? translate('Show less') : translate('Show more')}\n type=\"text\"\n icon={{\n position: 'right',\n faIcon: {\n name: showMore ? 'chevron-up' : 'chevron-down',\n size: 16,\n color: COLORS.cm_grey_500\n }\n }}\n customStyle={SHOW_BUTTON_STYLE}\n onClick={handleShowMore}\n data-testid=\"filter-checkbox-and-search-show-button\"\n />\n </div>\n ) : null}\n </div>\n );\n};\n\nFilterCkeckboxAndSearch.propTypes = propTypes;\n\nFilterCkeckboxAndSearch.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nexport default FilterCkeckboxAndSearch;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,10 +3,15 @@
|
|
|
3
3
|
@value cm_grey_100 from colors;
|
|
4
4
|
@value cm_grey_400 from colors;
|
|
5
5
|
|
|
6
|
+
.container {
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
gap: 16px;
|
|
10
|
+
}
|
|
11
|
+
|
|
6
12
|
.header {
|
|
7
13
|
display: flex;
|
|
8
14
|
justify-content: space-between;
|
|
9
|
-
margin-bottom: 16px;
|
|
10
15
|
}
|
|
11
16
|
|
|
12
17
|
.titleAndTagWrapper {
|
|
@@ -23,7 +28,6 @@
|
|
|
23
28
|
.search {
|
|
24
29
|
border-radius: 12px;
|
|
25
30
|
background-color: cm_grey_100;
|
|
26
|
-
margin-bottom: 16px;
|
|
27
31
|
}
|
|
28
32
|
|
|
29
33
|
.clearButtonContainer {
|
|
@@ -48,4 +52,13 @@
|
|
|
48
52
|
color: cm_grey_400;
|
|
49
53
|
font-family: 'Gilroy';
|
|
50
54
|
font-size: 12px;
|
|
51
|
-
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.emptySearchResult {
|
|
58
|
+
composes: titleAndTagWrapper;
|
|
59
|
+
display: flex;
|
|
60
|
+
justify-content: center;
|
|
61
|
+
font-weight: 500;
|
|
62
|
+
line-height: 20px;
|
|
63
|
+
color: cm_grey_500;
|
|
64
|
+
}
|
|
@@ -10,6 +10,7 @@ export declare const COLORS: {
|
|
|
10
10
|
readonly cm_grey_800: "#171721";
|
|
11
11
|
readonly cm_primary_blue: "#0061FF";
|
|
12
12
|
readonly primary_100: "#D6E6FF";
|
|
13
|
+
readonly primary_600: "#0051D6";
|
|
13
14
|
readonly cm_grey_500: "#515161";
|
|
14
15
|
readonly cm_grey_700: "#1D1D2B";
|
|
15
16
|
readonly cm_yellow_400: "#bd7e00";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAqBT,CAAC;AAEX,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC"}
|
package/lib/variables/colors.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":["COLORS","exports","gray","negative","cm_negative_200","positive","cm_positive_200","white","cm_blue_50","cm_grey_400","cm_grey_800","cm_primary_blue","primary_100","cm_grey_500","cm_grey_700","cm_yellow_400","brand","yellow_700","yellow_100","red_700","red_100"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n gray: '#EAEAEB',\n negative: '#ed3436',\n cm_negative_200: '#B81400',\n positive: '#35CC7F',\n cm_positive_200: '#05944F',\n white: '#ffffff',\n cm_blue_50: '#f1f6fe',\n cm_grey_400: '#9999A8',\n cm_grey_800: '#171721',\n cm_primary_blue: '#0061FF',\n primary_100: '#D6E6FF',\n cm_grey_500: '#515161',\n cm_grey_700: '#1D1D2B',\n cm_yellow_400: '#bd7e00',\n brand: '#00B0FF',\n yellow_700: '#A38300',\n yellow_100: '#FFF9D1',\n red_700: '#A30000',\n red_100: '#FFD1D1'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":";;;;AAAO,MAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAU","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"colors.js","names":["COLORS","exports","gray","negative","cm_negative_200","positive","cm_positive_200","white","cm_blue_50","cm_grey_400","cm_grey_800","cm_primary_blue","primary_100","primary_600","cm_grey_500","cm_grey_700","cm_yellow_400","brand","yellow_700","yellow_100","red_700","red_100"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n gray: '#EAEAEB',\n negative: '#ed3436',\n cm_negative_200: '#B81400',\n positive: '#35CC7F',\n cm_positive_200: '#05944F',\n white: '#ffffff',\n cm_blue_50: '#f1f6fe',\n cm_grey_400: '#9999A8',\n cm_grey_800: '#171721',\n cm_primary_blue: '#0061FF',\n primary_100: '#D6E6FF',\n primary_600: '#0051D6',\n cm_grey_500: '#515161',\n cm_grey_700: '#1D1D2B',\n cm_yellow_400: '#bd7e00',\n brand: '#00B0FF',\n yellow_700: '#A38300',\n yellow_100: '#FFF9D1',\n red_700: '#A30000',\n red_100: '#FFD1D1'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":";;;;AAAO,MAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAU","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"ignore_dirs":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.34.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -164,6 +164,5 @@
|
|
|
164
164
|
"browserslist": [
|
|
165
165
|
"last 2 versions",
|
|
166
166
|
"IE 11"
|
|
167
|
-
]
|
|
168
|
-
"gitHead": "cb4450bfbaec3710084f4e891d528b75286292e6"
|
|
167
|
+
]
|
|
169
168
|
}
|