@coorpacademy/components 11.40.4 → 11.40.5

package/lib/organism/content-skill-modal/types.d.ts

@@ -417,6 +417,7 @@ declare const ContentSkillModalPropTypes: {
         title: PropTypes.Requireable<NonNullable<string | PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             subtitle: PropTypes.Requireable<string>;
+            ariaLabel: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
             titleSize: PropTypes.Requireable<string>;
@@ -637,16 +638,20 @@ declare const ContentSkillModalPropTypes: {
     filters: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
         title: PropTypes.Requireable<string>;
         onClearAll: PropTypes.Requireable<(...args: any[]) => any>;
+        onRemoveSelectedFilter: PropTypes.Requireable<(...args: any[]) => any>;
         options: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             options: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
+                titleAriaLabel: PropTypes.Requireable<string>;
                 onClear: PropTypes.Requireable<(...args: any[]) => any>;
                 options: PropTypes.Requireable<(PropTypes.InferProps<{
                     label: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
+                    textColor: PropTypes.Requireable<string>;
                     selected: PropTypes.Requireable<boolean>;
                     icon: PropTypes.Requireable<string>;
+                    customIcon: PropTypes.Requireable<string>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 }> | null | undefined)[]>;
             }>>;
@@ -654,6 +659,7 @@ declare const ContentSkillModalPropTypes: {
             type: PropTypes.Requireable<string>;
             options: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
+                titleAriaLabel: PropTypes.Requireable<string>;
                 onClear: PropTypes.Requireable<(...args: any[]) => any>;
                 options: PropTypes.Requireable<(PropTypes.InferProps<{
                     label: PropTypes.Requireable<string>;
@@ -677,6 +683,20 @@ declare const ContentSkillModalPropTypes: {
                     searchIconAriaLabel: PropTypes.Requireable<string>;
                 }>>;
             }>>;
+        }> | PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+            options: PropTypes.Requireable<PropTypes.InferProps<{
+                title: PropTypes.Validator<string>;
+                titleAriaLabel: PropTypes.Requireable<string>;
+                onClear: PropTypes.Validator<(...args: any[]) => any>;
+                options: PropTypes.Requireable<(PropTypes.InferProps<{
+                    label: PropTypes.Validator<string>;
+                    value: PropTypes.Validator<boolean>;
+                    onChange: PropTypes.Validator<(...args: any[]) => any>;
+                    theme: PropTypes.Validator<string>;
+                    ariaLabel: PropTypes.Validator<string>;
+                }> | null | undefined)[]>;
+            }>>;
         }> | null | undefined> | null | undefined)[]>;
     }>>>;
     modal: PropTypes.Validator<NonNullable<PropTypes.InferProps<{

package/lib/organism/content-skill-modal/types.d.ts.map

@@ -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"}
+{"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"}

package/lib/organism/filter-checkbox-and-search/index.d.ts

@@ -5,6 +5,7 @@ declare const FilterCheckboxAndSearch: {
     (props: FilterCheckboxAndSearchProps, context: WebContextValues): JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
+        titleAriaLabel: import("prop-types").Requireable<string>;
         onClear: import("prop-types").Requireable<(...args: any[]) => any>;
         options: import("prop-types").Requireable<(import("prop-types").InferProps<{
             label: import("prop-types").Requireable<string>;

package/lib/organism/filter-checkbox-and-search/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAKjE,OAAkB,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAiBtE,QAAA,MAAM,uBAAuB;YACpB,4BAA4B,WAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+F1B,CAAC;AAQF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAKjE,OAAkB,EAAC,4BAA4B,EAAC,MAAM,eAAe,CAAC;AAiBtE,QAAA,MAAM,uBAAuB;YACpB,4BAA4B,WAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgG1B,CAAC;AAQF,eAAe,uBAAuB,CAAC"}

package/lib/organism/filter-checkbox-and-search/index.js

@@ -40,6 +40,7 @@ const INITIAL_VISIBLE_OPTIONS = 5;
 const FilterCheckboxAndSearch = (props, context) => {
   const {
     title,
+    titleAriaLabel,
     searchOptions,
     onClear,
     options
@@ -66,7 +67,8 @@ const FilterCheckboxAndSearch = (props, context) => {
     className: _style.default.titleAndTagWrapper,
     "data-testid": "filter-checkbox-and-searh-title-and-tag-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_title.default, {
-    title: title
+    title: title,
+    ariaLabel: titleAriaLabel
   }), hasSelectedFilters ? /*#__PURE__*/_react.default.createElement(_tag.default, {
     label: (0, _toString2.default)(selectedFiltersCount),
     type: "info",
@@ -78,7 +80,8 @@ const FilterCheckboxAndSearch = (props, context) => {
     type: "text",
     "data-testid": "filter-checkbox-and-search-clear-button",
     onClick: onClear,
-    customStyle: CLEAR_BUTTON_STYLE
+    customStyle: CLEAR_BUTTON_STYLE,
+    hoverColor: _colors.COLORS.cm_grey_700
   })) : null), searchOptions ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.search
   }, /*#__PURE__*/_react.default.createElement(_inputSearch.default, searchOptions)) : null, /*#__PURE__*/_react.default.createElement("div", {

package/lib/organism/filter-checkbox-and-search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_title","_interopRequireDefault","_tag","_buttonLink","_provider","_checkboxWithTitle","_colors","_inputSearch","_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","CHECKBOX_TITLE_STYLE","marginRight","INITIAL_VISIBLE_OPTIONS","FilterCheckboxAndSearch","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","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 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 Search from '../../atom/input-search';\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  padding: '0'\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 FilterCheckboxAndSearch = (\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          <Search {...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      {size(options) > INITIAL_VISIBLE_OPTIONS ? (\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      ) : null}\n    </div>\n  );\n};\n\nFilterCheckboxAndSearch.propTypes = propTypes;\n\nFilterCheckboxAndSearch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterCheckboxAndSearch;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_title","_interopRequireDefault","_tag","_buttonLink","_provider","_checkboxWithTitle","_colors","_inputSearch","_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","CHECKBOX_TITLE_STYLE","marginRight","INITIAL_VISIBLE_OPTIONS","FilterCheckboxAndSearch","props","context","title","titleAriaLabel","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","ariaLabel","label","_toString2","type","size","clearButtonContainer","onClick","customStyle","hoverColor","COLORS","cm_grey_700","search","optionsContainer","_isEmpty2","emptySearchResult","map","value","count","index","key","optionRow","onChange","name","checked","optionCount","icon","position","faIcon","color","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 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 Search from '../../atom/input-search';\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  padding: '0'\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 FilterCheckboxAndSearch = (\n  props: FilterCheckboxAndSearchProps,\n  context: WebContextValues\n) => {\n  const {title, titleAriaLabel, 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} ariaLabel={titleAriaLabel} />\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              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      {searchOptions ? (\n        <div className={style.search}>\n          <Search {...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      {size(options) > INITIAL_VISIBLE_OPTIONS ? (\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      ) : null}\n    </div>\n  );\n};\n\nFilterCheckboxAndSearch.propTypes = propTypes;\n\nFilterCheckboxAndSearch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterCheckboxAndSearch;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/filter-checkbox-and-search/props-types.d.ts

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 declare const propTypes: {
     title: PropTypes.Requireable<string>;
+    titleAriaLabel: PropTypes.Requireable<string>;
     onClear: PropTypes.Requireable<(...args: any[]) => any>;
     options: PropTypes.Requireable<(PropTypes.InferProps<{
         label: PropTypes.Requireable<string>;
@@ -44,6 +45,7 @@ declare type SearchType = {
 };
 export declare type FilterCheckboxAndSearchProps = {
     title: string;
+    titleAriaLabel?: string;
     onClear: () => void;
     searchOptions: SearchType;
     options: FilterCheckboxAndSearchOptions[];

package/lib/organism/filter-checkbox-and-search/props-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/props-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;CAcd,CAAC;AAEF,oBAAY,8BAA8B,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,UAAU,CAAC;IAC1B,OAAO,EAAE,8BAA8B,EAAE,CAAC;CAC3C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"props-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-checkbox-and-search/props-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAed,CAAC;AAEF,oBAAY,8BAA8B,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,UAAU,CAAC;IAC1B,OAAO,EAAE,8BAA8B,EAAE,CAAC;CAC3C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/organism/filter-checkbox-and-search/props-types.js

@@ -7,6 +7,7 @@ var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const propTypes = {
   title: _propTypes.default.string,
+  titleAriaLabel: _propTypes.default.string,
   onClear: _propTypes.default.func,
   options: _propTypes.default.arrayOf(_propTypes.default.shape({
     label: _propTypes.default.string,

package/lib/organism/filter-checkbox-and-search/props-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"props-types.js","names":["_propTypes","_interopRequireDefault","require","_inputSearch","e","__esModule","default","propTypes","title","PropTypes","string","onClear","func","options","arrayOf","shape","label","value","selected","bool","ref","count","number","onClick","searchOptions","Search","_default","exports"],"sources":["../../../src/organism/filter-checkbox-and-search/props-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Search from '../../atom/input-search';\n\nconst propTypes = {\n  title: PropTypes.string,\n  onClear: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n      selected: PropTypes.bool,\n      ref: PropTypes.string,\n      count: PropTypes.number,\n      onClick: PropTypes.func\n    })\n  ),\n  searchOptions: PropTypes.shape(Search.propTypes)\n};\n\nexport type FilterCheckboxAndSearchOptions = {\n  label: string;\n  value: string;\n  selected: boolean;\n  ref: string;\n  count: number;\n  onClick: () => void;\n};\n\ntype SearchType = {\n  value?: string;\n  placeholder: string;\n  onChange?: () => void;\n  onClear?: () => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  theme?: 'default' | 'coorpmanager';\n  dataTestId?: string;\n};\n\nexport type FilterCheckboxAndSearchProps = {\n  title: string;\n  onClear: () => void;\n  searchOptions: SearchType;\n  options: FilterCheckboxAndSearchOptions[];\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7C,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAS,CAACC,MAAM;EACvBC,OAAO,EAAEF,kBAAS,CAACG,IAAI;EACvBC,OAAO,EAAEJ,kBAAS,CAACK,OAAO,CACxBL,kBAAS,CAACM,KAAK,CAAC;IACdC,KAAK,EAAEP,kBAAS,CAACC,MAAM;IACvBO,KAAK,EAAER,kBAAS,CAACC,MAAM;IACvBQ,QAAQ,EAAET,kBAAS,CAACU,IAAI;IACxBC,GAAG,EAAEX,kBAAS,CAACC,MAAM;IACrBW,KAAK,EAAEZ,kBAAS,CAACa,MAAM;IACvBC,OAAO,EAAEd,kBAAS,CAACG;EACrB,CAAC,CACH,CAAC;EACDY,aAAa,EAAEf,kBAAS,CAACM,KAAK,CAACU,oBAAM,CAAClB,SAAS;AACjD,CAAC;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAArB,OAAA,GA6BaC,SAAS","ignoreList":[]}
+{"version":3,"file":"props-types.js","names":["_propTypes","_interopRequireDefault","require","_inputSearch","e","__esModule","default","propTypes","title","PropTypes","string","titleAriaLabel","onClear","func","options","arrayOf","shape","label","value","selected","bool","ref","count","number","onClick","searchOptions","Search","_default","exports"],"sources":["../../../src/organism/filter-checkbox-and-search/props-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Search from '../../atom/input-search';\n\nconst propTypes = {\n  title: PropTypes.string,\n  titleAriaLabel: PropTypes.string,\n  onClear: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n      selected: PropTypes.bool,\n      ref: PropTypes.string,\n      count: PropTypes.number,\n      onClick: PropTypes.func\n    })\n  ),\n  searchOptions: PropTypes.shape(Search.propTypes)\n};\n\nexport type FilterCheckboxAndSearchOptions = {\n  label: string;\n  value: string;\n  selected: boolean;\n  ref: string;\n  count: number;\n  onClick: () => void;\n};\n\ntype SearchType = {\n  value?: string;\n  placeholder: string;\n  onChange?: () => void;\n  onClear?: () => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  theme?: 'default' | 'coorpmanager';\n  dataTestId?: string;\n};\n\nexport type FilterCheckboxAndSearchProps = {\n  title: string;\n  titleAriaLabel?: string;\n  onClear: () => void;\n  searchOptions: SearchType;\n  options: FilterCheckboxAndSearchOptions[];\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7C,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAS,CAACC,MAAM;EACvBC,cAAc,EAAEF,kBAAS,CAACC,MAAM;EAChCE,OAAO,EAAEH,kBAAS,CAACI,IAAI;EACvBC,OAAO,EAAEL,kBAAS,CAACM,OAAO,CACxBN,kBAAS,CAACO,KAAK,CAAC;IACdC,KAAK,EAAER,kBAAS,CAACC,MAAM;IACvBQ,KAAK,EAAET,kBAAS,CAACC,MAAM;IACvBS,QAAQ,EAAEV,kBAAS,CAACW,IAAI;IACxBC,GAAG,EAAEZ,kBAAS,CAACC,MAAM;IACrBY,KAAK,EAAEb,kBAAS,CAACc,MAAM;IACvBC,OAAO,EAAEf,kBAAS,CAACI;EACrB,CAAC,CACH,CAAC;EACDY,aAAa,EAAEhB,kBAAS,CAACO,KAAK,CAACU,oBAAM,CAACnB,SAAS;AACjD,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GA8BaC,SAAS","ignoreList":[]}

package/lib/organism/filter-checkbox-and-search/style.css

@@ -2,6 +2,7 @@
 @value cm_grey_500 from colors;
 @value cm_grey_100 from colors;
 @value cm_grey_400 from colors;
+@value cm_grey_700 from colors;
 
 .container {
     display: flex;
@@ -46,6 +47,7 @@
     justify-content: space-between;
     align-items: center;
     height: 20px;
+    cursor: pointer;
 }
 
 .optionCount {

package/lib/organism/filter-chip/index.d.ts

@@ -5,12 +5,15 @@ declare const FilterChip: {
     (props: FilterChipProps, context: WebContextValues): JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
+        titleAriaLabel: import("prop-types").Requireable<string>;
         onClear: import("prop-types").Requireable<(...args: any[]) => any>;
         options: import("prop-types").Requireable<(import("prop-types").InferProps<{
             label: import("prop-types").Requireable<string>;
             type: import("prop-types").Requireable<string>;
+            textColor: import("prop-types").Requireable<string>;
             selected: import("prop-types").Requireable<boolean>;
             icon: import("prop-types").Requireable<string>;
+            customIcon: import("prop-types").Requireable<string>;
             onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         }> | null | undefined)[]>;
     };

package/lib/organism/filter-chip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-chip/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAkB,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAGxD,QAAA,MAAM,UAAU;YAAW,eAAe,WAAW,gBAAgB;;;;;;;;;;;;;;;CA8CpE,CAAC;AAQF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-chip/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAGxD,QAAA,MAAM,UAAU;YAAW,eAAe,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;CAiDpE,CAAC;AAQF,eAAe,UAAU,CAAC"}

package/lib/organism/filter-chip/index.js

@@ -13,6 +13,7 @@ var _title = _interopRequireDefault(require("../../atom/title"));
 var _tag = _interopRequireDefault(require("../../atom/tag"));
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 var _provider = _interopRequireWildcard(require("../../atom/provider"));
+var _colors = require("../../variables/colors");
 var _propTypes = _interopRequireDefault(require("./prop-types"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -21,6 +22,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const FilterChip = (props, context) => {
   const {
     options,
+    titleAriaLabel,
     title,
     onClear
   } = props;
@@ -34,7 +36,8 @@ const FilterChip = (props, context) => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.titleContainer
   }, /*#__PURE__*/_react.default.createElement(_title.default, {
-    title: title
+    title: title,
+    ariaLabel: titleAriaLabel
   }), hasSelectedFilters ? /*#__PURE__*/_react.default.createElement(_tag.default, {
     label: (0, _toString2.default)(selectedFiltersCount),
     type: "info",
@@ -50,15 +53,18 @@ const FilterChip = (props, context) => {
     type: "text",
     "data-name": "filter-chip-clear-button",
     "aria-label": "filter chip clear button",
-    onClick: onClear
+    onClick: onClear,
+    hoverColor: _colors.COLORS.cm_grey_700
   })) : null), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.optionsContainer
   }, (0, _map2.default)(({
     icon,
     label,
     onClick,
+    textColor,
     type,
-    selected
+    selected,
+    customIcon
   }) => {
     function handleClick() {
       onClick(type);
@@ -66,9 +72,11 @@ const FilterChip = (props, context) => {
     return /*#__PURE__*/_react.default.createElement(_chip.default, {
       leftIcon: icon,
       text: label,
+      textColor: textColor,
       key: label,
       selected: selected,
-      onClick: handleClick
+      onClick: handleClick,
+      customIcon: customIcon
     });
   }, options)));
 };

package/lib/organism/filter-chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_chip","_title","_tag","_buttonLink","_provider","_interopRequireWildcard","_propTypes","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilterChip","props","context","options","title","onClear","selectedFiltersCount","_pipe2","_filter2","selected","_size2","hasSelectedFilters","translate","GetTranslateFromContext","createElement","Fragment","className","style","header","titleContainer","label","_toString2","type","size","buttonContainer","customStyle","fontWeight","padding","onClick","optionsContainer","_map2","icon","handleClick","leftIcon","text","key","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/filter-chip/index.tsx"],"sourcesContent":["import React from 'react';\nimport {filter, map, pipe, size, toString} from 'lodash/fp';\nimport Chip from '../../atom/chip';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport propTypes, {FilterChipProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterChip = (props: FilterChipProps, context: WebContextValues) => {\n  const {options, title, onClear} = props;\n  const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n  const translate = GetTranslateFromContext(context);\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\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.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal', padding: 0}}\n              label={translate('clear')}\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {map(({icon, label, onClick, type, selected}) => {\n          function handleClick() {\n            onClick(type);\n          }\n\n          return (\n            <Chip\n              leftIcon={icon}\n              text={label}\n              key={label}\n              selected={selected}\n              onClick={handleClick}\n            />\n          );\n        }, options)}\n      </div>\n    </>\n  );\n};\n\nFilterChip.propTypes = propTypes;\n\nFilterChip.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterChip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_chip","_title","_tag","_buttonLink","_provider","_interopRequireWildcard","_colors","_propTypes","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilterChip","props","context","options","titleAriaLabel","title","onClear","selectedFiltersCount","_pipe2","_filter2","selected","_size2","hasSelectedFilters","translate","GetTranslateFromContext","createElement","Fragment","className","style","header","titleContainer","ariaLabel","label","_toString2","type","size","buttonContainer","customStyle","fontWeight","padding","onClick","hoverColor","COLORS","cm_grey_700","optionsContainer","_map2","icon","textColor","customIcon","handleClick","leftIcon","text","key","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/filter-chip/index.tsx"],"sourcesContent":["import React from 'react';\nimport {filter, map, pipe, size, toString} from 'lodash/fp';\nimport Chip from '../../atom/chip';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {FilterChipProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterChip = (props: FilterChipProps, context: WebContextValues) => {\n  const {options, titleAriaLabel, title, onClear} = props;\n  const selectedFiltersCount = pipe(filter({selected: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n  const translate = GetTranslateFromContext(context);\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} ariaLabel={titleAriaLabel} />\n          {hasSelectedFilters ? (\n            <Tag label={toString(selectedFiltersCount)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal', padding: 0}}\n              label={translate('clear')}\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {map(({icon, label, onClick, textColor, type, selected, customIcon}) => {\n          function handleClick() {\n            onClick(type);\n          }\n\n          return (\n            <Chip\n              leftIcon={icon}\n              text={label}\n              textColor={textColor}\n              key={label}\n              selected={selected}\n              onClick={handleClick}\n              customIcon={customIcon}\n            />\n          );\n        }, options)}\n      </div>\n    </>\n  );\n};\n\nFilterChip.propTypes = propTypes;\n\nFilterChip.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterChip;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/filter-chip/prop-types.d.ts

@@ -1,25 +1,32 @@
 import PropTypes from 'prop-types';
 declare const propTypes: {
     title: PropTypes.Requireable<string>;
+    titleAriaLabel: PropTypes.Requireable<string>;
     onClear: PropTypes.Requireable<(...args: any[]) => any>;
     options: PropTypes.Requireable<(PropTypes.InferProps<{
         label: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
+        textColor: PropTypes.Requireable<string>;
         selected: PropTypes.Requireable<boolean>;
         icon: PropTypes.Requireable<string>;
+        customIcon: PropTypes.Requireable<string>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     }> | null | undefined)[]>;
 };
+export declare type FilterChipOptionsProps = {
+    label: string;
+    type: string;
+    selected: boolean;
+    icon?: string;
+    textColor?: string;
+    customIcon?: string;
+    onClick: (type: string) => void;
+};
 export declare type FilterChipProps = {
     title: string;
+    titleAriaLabel?: string;
     onClear: () => void;
-    options: {
-        label: string;
-        type: string;
-        selected: boolean;
-        icon: string;
-        onClick: (type: string) => void;
-    }[];
+    options: FilterChipOptionsProps[];
 };
 export default propTypes;
 //# sourceMappingURL=prop-types.d.ts.map

package/lib/organism/filter-chip/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-chip/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;CAYd,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,OAAO,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;KACjC,EAAE,CAAC;CACL,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-chip/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;;;;CAed,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,sBAAsB,EAAE,CAAC;CACnC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/organism/filter-chip/prop-types.js

@@ -6,12 +6,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const propTypes = {
   title: _propTypes.default.string,
+  titleAriaLabel: _propTypes.default.string,
   onClear: _propTypes.default.func,
   options: _propTypes.default.arrayOf(_propTypes.default.shape({
     label: _propTypes.default.string,
     type: _propTypes.default.string,
+    textColor: _propTypes.default.string,
     selected: _propTypes.default.bool,
     icon: _propTypes.default.string,
+    customIcon: _propTypes.default.string,
     onClick: _propTypes.default.func
   }))
 };

package/lib/organism/filter-chip/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","propTypes","title","PropTypes","string","onClear","func","options","arrayOf","shape","label","type","selected","bool","icon","onClick","_default","exports"],"sources":["../../../src/organism/filter-chip/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  title: PropTypes.string,\n  onClear: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.string,\n      selected: PropTypes.bool,\n      icon: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport type FilterChipProps = {\n  title: string;\n  onClear: () => void;\n  options: {\n    label: string;\n    type: string;\n    selected: boolean;\n    icon: string;\n    onClick: (type: string) => void;\n  }[];\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAS,CAACC,MAAM;EACvBC,OAAO,EAAEF,kBAAS,CAACG,IAAI;EACvBC,OAAO,EAAEJ,kBAAS,CAACK,OAAO,CACxBL,kBAAS,CAACM,KAAK,CAAC;IACdC,KAAK,EAAEP,kBAAS,CAACC,MAAM;IACvBO,IAAI,EAAER,kBAAS,CAACC,MAAM;IACtBQ,QAAQ,EAAET,kBAAS,CAACU,IAAI;IACxBC,IAAI,EAAEX,kBAAS,CAACC,MAAM;IACtBW,OAAO,EAAEZ,kBAAS,CAACG;EACrB,CAAC,CACH;AACF,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAcaC,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","propTypes","title","PropTypes","string","titleAriaLabel","onClear","func","options","arrayOf","shape","label","type","textColor","selected","bool","icon","customIcon","onClick","_default","exports"],"sources":["../../../src/organism/filter-chip/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  title: PropTypes.string,\n  titleAriaLabel: PropTypes.string,\n  onClear: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.string,\n      textColor: PropTypes.string,\n      selected: PropTypes.bool,\n      icon: PropTypes.string,\n      customIcon: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport type FilterChipOptionsProps = {\n  label: string;\n  type: string;\n  selected: boolean;\n  icon?: string;\n  textColor?: string;\n  customIcon?: string;\n  onClick: (type: string) => void;\n};\n\nexport type FilterChipProps = {\n  title: string;\n  titleAriaLabel?: string;\n  onClear: () => void;\n  options: FilterChipOptionsProps[];\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAS,CAACC,MAAM;EACvBC,cAAc,EAAEF,kBAAS,CAACC,MAAM;EAChCE,OAAO,EAAEH,kBAAS,CAACI,IAAI;EACvBC,OAAO,EAAEL,kBAAS,CAACM,OAAO,CACxBN,kBAAS,CAACO,KAAK,CAAC;IACdC,KAAK,EAAER,kBAAS,CAACC,MAAM;IACvBQ,IAAI,EAAET,kBAAS,CAACC,MAAM;IACtBS,SAAS,EAAEV,kBAAS,CAACC,MAAM;IAC3BU,QAAQ,EAAEX,kBAAS,CAACY,IAAI;IACxBC,IAAI,EAAEb,kBAAS,CAACC,MAAM;IACtBa,UAAU,EAAEd,kBAAS,CAACC,MAAM;IAC5Bc,OAAO,EAAEf,kBAAS,CAACI;EACrB,CAAC,CACH;AACF,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAmBaC,SAAS","ignoreList":[]}

package/lib/organism/filter-switch/index.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { WebContextValues } from '../../atom/provider/web-context';
+import { FilterSwitchProps } from './prop-types';
+declare const FilterSwitch: {
+    (props: FilterSwitchProps, context: WebContextValues): JSX.Element;
+    propTypes: {
+        title: import("prop-types").Validator<string>;
+        titleAriaLabel: import("prop-types").Requireable<string>;
+        onClear: import("prop-types").Validator<(...args: any[]) => any>;
+        options: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            label: import("prop-types").Validator<string>;
+            value: import("prop-types").Validator<boolean>;
+            onChange: import("prop-types").Validator<(...args: any[]) => any>;
+            theme: import("prop-types").Validator<string>;
+            ariaLabel: import("prop-types").Validator<string>;
+        }> | null | undefined)[]>;
+    };
+    contextTypes: {
+        translate: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+};
+export default FilterSwitch;
+//# sourceMappingURL=index.d.ts.map

package/lib/organism/filter-switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-switch/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAG1D,QAAA,MAAM,YAAY;YAAW,iBAAiB,WAAW,gBAAgB;;;;;;;;;;;;;;;;CA+CxE,CAAC;AAQF,eAAe,YAAY,CAAC"}

package/lib/organism/filter-switch/index.js

@@ -0,0 +1,83 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _toString2 = _interopRequireDefault(require("lodash/fp/toString"));
+var _size2 = _interopRequireDefault(require("lodash/fp/size"));
+var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+var _filter2 = _interopRequireDefault(require("lodash/fp/filter"));
+var _react = _interopRequireDefault(require("react"));
+var _title = _interopRequireDefault(require("../../atom/title"));
+var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
+var _tag = _interopRequireDefault(require("../../atom/tag"));
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+var _provider = _interopRequireWildcard(require("../../atom/provider"));
+var _colors = require("../../variables/colors");
+var _propTypes = _interopRequireDefault(require("./prop-types"));
+var _style = _interopRequireDefault(require("./style.css"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FilterSwitch = (props, context) => {
+  const {
+    title,
+    titleAriaLabel,
+    onClear,
+    options
+  } = props;
+  const selectedFiltersCount = (0, _pipe2.default)((0, _filter2.default)({
+    value: true
+  }), _size2.default)(options);
+  const hasSelectedFilters = selectedFiltersCount > 0;
+  const translate = (0, _provider.GetTranslateFromContext)(context);
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.header
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleContainer
+  }, /*#__PURE__*/_react.default.createElement(_title.default, {
+    title: title,
+    ariaLabel: titleAriaLabel
+  }), hasSelectedFilters ? /*#__PURE__*/_react.default.createElement(_tag.default, {
+    label: (0, _toString2.default)(selectedFiltersCount),
+    type: "info",
+    size: "S"
+  }) : null), hasSelectedFilters ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonContainer
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    customStyle: {
+      fontWeight: 'normal',
+      padding: 0
+    },
+    label: translate('clear'),
+    type: "text",
+    "data-name": "filter-chip-clear-button",
+    "aria-label": "filter chip clear button",
+    onClick: onClear,
+    hoverColor: _colors.COLORS.cm_grey_700
+  })) : null), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.optionsContainer
+  }, options.map(optionItem => {
+    const {
+      label,
+      value,
+      onChange,
+      ariaLabel
+    } = optionItem;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: label,
+      className: _style.default.switchOption
+    }, /*#__PURE__*/_react.default.createElement(_inputSwitch.default, {
+      title: label,
+      value: value,
+      theme: 'newMooc',
+      onChange: onChange,
+      "aria-label": ariaLabel
+    }));
+  })));
+};
+FilterSwitch.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
+FilterSwitch.contextTypes = {
+  translate: _provider.default.childContextTypes.translate
+};
+var _default = exports.default = FilterSwitch;
+//# sourceMappingURL=index.js.map

package/lib/organism/filter-switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_title","_inputSwitch","_tag","_buttonLink","_provider","_interopRequireWildcard","_colors","_propTypes","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FilterSwitch","props","context","title","titleAriaLabel","onClear","options","selectedFiltersCount","_pipe2","_filter2","value","_size2","hasSelectedFilters","translate","GetTranslateFromContext","createElement","className","style","header","titleContainer","ariaLabel","label","_toString2","type","size","buttonContainer","customStyle","fontWeight","padding","onClick","hoverColor","COLORS","cm_grey_700","optionsContainer","map","optionItem","onChange","key","switchOption","theme","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/organism/filter-switch/index.tsx"],"sourcesContent":["import React from 'react';\nimport {filter, pipe, size, toString} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport InputSwitch from '../../atom/input-switch';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {FilterSwitchProps} from './prop-types';\nimport style from './style.css';\n\nconst FilterSwitch = (props: FilterSwitchProps, context: WebContextValues) => {\n  const {title, titleAriaLabel, onClear, options} = props;\n  const selectedFiltersCount = pipe(filter({value: true}), size)(options);\n  const hasSelectedFilters = selectedFiltersCount > 0;\n  const translate = GetTranslateFromContext(context);\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} ariaLabel={titleAriaLabel} />\n          {hasSelectedFilters ? (\n            <Tag label={toString(selectedFiltersCount)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={{fontWeight: 'normal', padding: 0}}\n              label={translate('clear')}\n              type=\"text\"\n              data-name=\"filter-chip-clear-button\"\n              aria-label=\"filter chip clear button\"\n              onClick={onClear}\n              hoverColor={COLORS.cm_grey_700}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div className={style.optionsContainer}>\n        {options.map(optionItem => {\n          const {label, value, onChange, ariaLabel} = optionItem;\n          return (\n            <div key={label} className={style.switchOption}>\n              <InputSwitch\n                title={label}\n                value={value}\n                theme={'newMooc'}\n                onChange={onChange}\n                aria-label={ariaLabel}\n              />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nFilterSwitch.propTypes = propTypes;\n\nFilterSwitch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterSwitch;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/filter-switch/prop-types.d.ts

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types';
+declare const propTypes: {
+    title: PropTypes.Validator<string>;
+    titleAriaLabel: PropTypes.Requireable<string>;
+    onClear: PropTypes.Validator<(...args: any[]) => any>;
+    options: PropTypes.Requireable<(PropTypes.InferProps<{
+        label: PropTypes.Validator<string>;
+        value: PropTypes.Validator<boolean>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        theme: PropTypes.Validator<string>;
+        ariaLabel: PropTypes.Validator<string>;
+    }> | null | undefined)[]>;
+};
+export declare type FilterSwitchOptionsProps = {
+    label: string;
+    value: boolean;
+    onChange: (value: string) => void;
+    theme: string;
+    ariaLabel: string;
+};
+export declare type FilterSwitchProps = {
+    title: string;
+    titleAriaLabel?: string;
+    onClear: () => void;
+    options: FilterSwitchOptionsProps[];
+};
+export default propTypes;
+//# sourceMappingURL=prop-types.d.ts.map

package/lib/organism/filter-switch/prop-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/organism/filter-switch/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;;;;;;;CAad,CAAC;AAEF,oBAAY,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,wBAAwB,EAAE,CAAC;CACrC,CAAC;AAEF,eAAe,SAAS,CAAC"}