@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.
Files changed (48) hide show
  1. package/es/atom/button-link/style.css +2 -1
  2. package/es/molecule/base-modal/index.d.ts +3 -0
  3. package/es/molecule/base-modal/index.d.ts.map +1 -1
  4. package/es/molecule/base-modal/index.js +19 -10
  5. package/es/molecule/base-modal/index.js.map +1 -1
  6. package/es/molecule/base-modal/style.css +6 -9
  7. package/es/organism/content-skill-modal/index.d.ts +660 -0
  8. package/es/organism/content-skill-modal/index.d.ts.map +1 -0
  9. package/es/organism/content-skill-modal/index.js +72 -0
  10. package/es/organism/content-skill-modal/index.js.map +1 -0
  11. package/es/organism/content-skill-modal/style.css +20 -0
  12. package/es/organism/content-skill-modal/types.d.ts +667 -0
  13. package/es/organism/content-skill-modal/types.d.ts.map +1 -0
  14. package/es/organism/content-skill-modal/types.js +16 -0
  15. package/es/organism/content-skill-modal/types.js.map +1 -0
  16. package/es/organism/filter-checkbox-and-search/index.d.ts.map +1 -1
  17. package/es/organism/filter-checkbox-and-search/index.js +21 -18
  18. package/es/organism/filter-checkbox-and-search/index.js.map +1 -1
  19. package/es/organism/filter-checkbox-and-search/style.css +16 -3
  20. package/es/variables/colors.d.ts +1 -0
  21. package/es/variables/colors.d.ts.map +1 -1
  22. package/es/variables/colors.js +1 -0
  23. package/es/variables/colors.js.map +1 -1
  24. package/lib/atom/button-link/style.css +2 -1
  25. package/lib/molecule/base-modal/index.d.ts +3 -0
  26. package/lib/molecule/base-modal/index.d.ts.map +1 -1
  27. package/lib/molecule/base-modal/index.js +19 -10
  28. package/lib/molecule/base-modal/index.js.map +1 -1
  29. package/lib/molecule/base-modal/style.css +6 -9
  30. package/lib/organism/content-skill-modal/index.d.ts +660 -0
  31. package/lib/organism/content-skill-modal/index.d.ts.map +1 -0
  32. package/lib/organism/content-skill-modal/index.js +79 -0
  33. package/lib/organism/content-skill-modal/index.js.map +1 -0
  34. package/lib/organism/content-skill-modal/style.css +20 -0
  35. package/lib/organism/content-skill-modal/types.d.ts +667 -0
  36. package/lib/organism/content-skill-modal/types.d.ts.map +1 -0
  37. package/lib/organism/content-skill-modal/types.js +21 -0
  38. package/lib/organism/content-skill-modal/types.js.map +1 -0
  39. package/lib/organism/filter-checkbox-and-search/index.d.ts.map +1 -1
  40. package/lib/organism/filter-checkbox-and-search/index.js +21 -18
  41. package/lib/organism/filter-checkbox-and-search/index.js.map +1 -1
  42. package/lib/organism/filter-checkbox-and-search/style.css +16 -3
  43. package/lib/variables/colors.d.ts +1 -0
  44. package/lib/variables/colors.d.ts.map +1 -1
  45. package/lib/variables/colors.js +1 -0
  46. package/lib/variables/colors.js.map +1 -1
  47. package/locales/.mtslconfig.json +1 -0
  48. 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":";AAQA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAIjE,OAAkB,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAiBtE,QAAA,MAAM,uBAAuB;YACpB,4BAA4B,WAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0F1B,CAAC;AAQF,eAAe,uBAAuB,CAAC"}
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.map(({
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
- return /*#__PURE__*/_react.default.createElement("div", {
93
- key: value,
94
- className: _style.default.optionRow,
95
- "data-testid": `filter-checkbox-and-search-option-row-${index}`
96
- }, /*#__PURE__*/_react.default.createElement(_checkboxWithTitle.default, {
97
- key: value,
98
- title: label,
99
- onChange: onClick,
100
- name: label,
101
- checked: selected,
102
- customStyle: CHECKBOX_TITLE_STYLE
103
- }), /*#__PURE__*/_react.default.createElement("p", {
104
- className: _style.default.optionCount
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;;;;;;;;;;;;;;;;;;;;CAoBT,CAAC;AAEX,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC"}
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"}
@@ -14,6 +14,7 @@ const COLORS = exports.COLORS = {
14
14
  cm_grey_800: '#171721',
15
15
  cm_primary_blue: '#0061FF',
16
16
  primary_100: '#D6E6FF',
17
+ primary_600: '#0051D6',
17
18
  cm_grey_500: '#515161',
18
19
  cm_grey_700: '#1D1D2B',
19
20
  cm_yellow_400: '#bd7e00',
@@ -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.33.16",
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
  }