@coorpacademy/components 11.36.4 → 11.36.5-alpha.2

package/es/atom/checkbox-with-title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAQA,4DAwDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAQA,4DA0DC"}

package/es/atom/checkbox-with-title/index.js

@@ -36,7 +36,7 @@ const CheckboxWithTitle = props => {
     style: {
       ...customStyle
     }
-  }, /*#__PURE__*/React.createElement("label", {
+  }, onChange !== _noop ? /*#__PURE__*/React.createElement("label", {
     htmlFor: idCheckbox
   }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
@@ -61,7 +61,7 @@ const CheckboxWithTitle = props => {
     iconColor: 'transparent',
     preset: "s",
     customStyle: DEFAULT_ICON_STYLE
-  }))), title ? /*#__PURE__*/React.createElement("span", {
+  }))) : null, title ? /*#__PURE__*/React.createElement("span", {
     // eslint-disable-next-line react/no-danger
     dangerouslySetInnerHTML: {
       __html: title

package/es/atom/checkbox-with-title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","FaIcon","style","DEFAULT_ICON_STYLE","padding","width","height","CheckboxWithTitle","props","title","name","checked","onChange","_noop","dataName","ariaLabel","icon","iconName","iconColor","preset","customStyle","idCheckbox","_uniqueId","handleChange","e","target","createElement","className","container","htmlFor","type","id","checkbox","label","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","string","bool","func","shape","objectOf","oneOfType","number"],"sources":["../../../src/atom/checkbox-with-title/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport FaIcon from '../icon';\nimport style from './style.css';\n\nconst DEFAULT_ICON_STYLE = {padding: '0', width: '20px', height: '20px'};\n\nconst CheckboxWithTitle = props => {\n  const {\n    title,\n    name,\n    checked,\n    onChange = noop,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    icon = {iconName: 'check', iconColor: 'white', preset: 's'},\n    customStyle = {}\n  } = props;\n  const {iconName, iconColor, preset} = icon;\n  const idCheckbox = useMemo(() => uniqueId('input-checkbox-'), []);\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container} style={{...customStyle}}>\n      <label htmlFor={idCheckbox}>\n        <input\n          type=\"checkbox\"\n          id={idCheckbox}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.checkbox}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <div className={style.label}>\n          {checked ? (\n            <FaIcon\n              className={style.icon}\n              iconName={iconName}\n              iconColor={iconColor}\n              preset={preset}\n              customStyle={DEFAULT_ICON_STYLE}\n            />\n          ) : (\n            <FaIcon\n              className={style.icon}\n              iconName={'square'}\n              iconColor={'transparent'}\n              preset=\"s\"\n              customStyle={DEFAULT_ICON_STYLE}\n            />\n          )}\n        </div>\n      </label>\n      {title ? (\n        <span\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nCheckboxWithTitle.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    preset: PropTypes.string\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\nexport default CheckboxWithTitle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","FaIcon","style","DEFAULT_ICON_STYLE","padding","width","height","CheckboxWithTitle","props","title","name","checked","onChange","_noop","dataName","ariaLabel","icon","iconName","iconColor","preset","customStyle","idCheckbox","_uniqueId","handleChange","e","target","createElement","className","container","htmlFor","type","id","checkbox","label","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","string","bool","func","shape","objectOf","oneOfType","number"],"sources":["../../../src/atom/checkbox-with-title/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport FaIcon from '../icon';\nimport style from './style.css';\n\nconst DEFAULT_ICON_STYLE = {padding: '0', width: '20px', height: '20px'};\n\nconst CheckboxWithTitle = props => {\n  const {\n    title,\n    name,\n    checked,\n    onChange = noop,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    icon = {iconName: 'check', iconColor: 'white', preset: 's'},\n    customStyle = {}\n  } = props;\n  const {iconName, iconColor, preset} = icon;\n  const idCheckbox = useMemo(() => uniqueId('input-checkbox-'), []);\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container} style={{...customStyle}}>\n      {onChange !== noop ? (\n        <label htmlFor={idCheckbox}>\n          <input\n            type=\"checkbox\"\n            id={idCheckbox}\n            name={name}\n            onChange={handleChange}\n            checked={checked}\n            className={style.checkbox}\n            data-name={dataName}\n            aria-label={ariaLabel}\n          />\n          <div className={style.label}>\n            {checked ? (\n              <FaIcon\n                className={style.icon}\n                iconName={iconName}\n                iconColor={iconColor}\n                preset={preset}\n                customStyle={DEFAULT_ICON_STYLE}\n              />\n            ) : (\n              <FaIcon\n                className={style.icon}\n                iconName={'square'}\n                iconColor={'transparent'}\n                preset=\"s\"\n                customStyle={DEFAULT_ICON_STYLE}\n              />\n            )}\n          </div>\n        </label>\n      ) : null}\n      {title ? (\n        <span\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nCheckboxWithTitle.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    preset: PropTypes.string\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\nexport default CheckboxWithTitle;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/tag/index.d.ts

@@ -1,6 +1,6 @@
 export default Tag;
 declare function Tag({ label, type, size, customStyle, icon }: {
-    label: any;
+    label?: string | undefined;
     type?: string | undefined;
     size?: string | undefined;
     customStyle?: {} | undefined;

package/es/atom/tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tag/index.js"],"names":[],"mappings":";AAsBA;;;;;;gBAgBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tag/index.js"],"names":[],"mappings":";AA6BA;;;;;;gBAsBC"}

package/es/atom/tag/index.js

@@ -17,24 +17,35 @@ const TAG_SIZE = {
   M: style.medium,
   L: style.large
 };
+const defaultIconProps = {
+  position: 'left',
+  preset: 's'
+};
+const renderIcon = iconProps => /*#__PURE__*/React.createElement(Icon, iconProps);
 const Tag = ({
-  label,
+  label = '',
   type = 'default',
   size = 'M',
   customStyle = {},
   icon = {}
 }) => {
+  const {
+    iconName
+  } = icon;
   const {
     position,
     ...iconProps
-  } = icon;
+  } = iconName ? {
+    ...defaultIconProps,
+    ...icon
+  } : {};
   return /*#__PURE__*/React.createElement("span", {
     className: classnames(TAG_STYLES[type], TAG_SIZE[size]),
     "data-name": `content-tag-${label}`,
     style: customStyle
   }, /*#__PURE__*/React.createElement("div", {
     className: style.content
-  }, position === 'left' ? /*#__PURE__*/React.createElement(Icon, iconProps) : null, /*#__PURE__*/React.createElement("div", null, label), position === 'right' ? /*#__PURE__*/React.createElement(Icon, iconProps) : null));
+  }, position === 'left' && iconName && renderIcon(iconProps), /*#__PURE__*/React.createElement("div", null, label), position === 'right' && iconName && renderIcon(iconProps)));
 };
 Tag.propTypes = process.env.NODE_ENV !== "production" ? {
   label: PropTypes.string,

package/es/atom/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Icon","style","TAG_STYLES","default","defaultStyle","success","failure","warning","progress","info","TAG_SIZE","S","small","M","medium","L","large","Tag","label","type","size","customStyle","icon","position","iconProps","createElement","className","content","propTypes","process","env","NODE_ENV","string","oneOf","_keys","objectOf","oneOfType","number","shape"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.defaultStyle,\n  success: style.success,\n  failure: style.failure,\n  warning: style.warning,\n  progress: style.progress,\n  info: style.info\n};\n\nconst TAG_SIZE = {\n  S: style.small,\n  M: style.medium,\n  L: style.large\n};\n\nconst Tag = ({label, type = 'default', size = 'M', customStyle = {}, icon = {}}) => {\n  const {position, ...iconProps} = icon;\n\n  return (\n    <span\n      className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n      data-name={`content-tag-${label}`}\n      style={customStyle}\n    >\n      <div className={style.content}>\n        {position === 'left' ? <Icon {...iconProps} /> : null}\n        <div>{label}</div>\n        {position === 'right' ? <Icon {...iconProps} /> : null}\n      </div>\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES)),\n  size: PropTypes.oneOf(['S', 'M', 'L']),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  icon: PropTypes.shape({...Icon.propTypes, position: PropTypes.oneOf(['left', 'right'])})\n};\n\nexport default Tag;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAG;EACjBC,OAAO,EAAEF,KAAK,CAACG,YAAY;EAC3BC,OAAO,EAAEJ,KAAK,CAACI,OAAO;EACtBC,OAAO,EAAEL,KAAK,CAACK,OAAO;EACtBC,OAAO,EAAEN,KAAK,CAACM,OAAO;EACtBC,QAAQ,EAAEP,KAAK,CAACO,QAAQ;EACxBC,IAAI,EAAER,KAAK,CAACQ;AACd,CAAC;AAED,MAAMC,QAAQ,GAAG;EACfC,CAAC,EAAEV,KAAK,CAACW,KAAK;EACdC,CAAC,EAAEZ,KAAK,CAACa,MAAM;EACfC,CAAC,EAAEd,KAAK,CAACe;AACX,CAAC;AAED,MAAMC,GAAG,GAAGA,CAAC;EAACC,KAAK;EAAEC,IAAI,GAAG,SAAS;EAAEC,IAAI,GAAG,GAAG;EAAEC,WAAW,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EAClF,MAAM;IAACC,QAAQ;IAAE,GAAGC;EAAS,CAAC,GAAGF,IAAI;EAErC,oBACEzB,KAAA,CAAA4B,aAAA;IACEC,SAAS,EAAE3B,UAAU,CAACG,UAAU,CAACiB,IAAI,CAAC,EAAET,QAAQ,CAACU,IAAI,CAAC,CAAE;IACxD,aAAW,eAAeF,KAAK,EAAG;IAClCjB,KAAK,EAAEoB;EAAY,gBAEnBxB,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAEzB,KAAK,CAAC0B;EAAQ,GAC3BJ,QAAQ,KAAK,MAAM,gBAAG1B,KAAA,CAAA4B,aAAA,CAACzB,IAAI,EAAKwB,SAAY,CAAC,GAAG,IAAI,eACrD3B,KAAA,CAAA4B,aAAA,cAAMP,KAAW,CAAC,EACjBK,QAAQ,KAAK,OAAO,gBAAG1B,KAAA,CAAA4B,aAAA,CAACzB,IAAI,EAAKwB,SAAY,CAAC,GAAG,IAC/C,CACD,CAAC;AAEX,CAAC;AAEDP,GAAG,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdb,KAAK,EAAEpB,SAAS,CAACkC,MAAM;EACvBb,IAAI,EAAErB,SAAS,CAACmC,KAAK,CAACC,KAAA,CAAKhC,UAAU,CAAC,CAAC;EACvCkB,IAAI,EAAEtB,SAAS,CAACmC,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;EACtCZ,WAAW,EAAEvB,SAAS,CAACqC,QAAQ,CAACrC,SAAS,CAACsC,SAAS,CAAC,CAACtC,SAAS,CAACkC,MAAM,EAAElC,SAAS,CAACuC,MAAM,CAAC,CAAC,CAAC;EAC1Ff,IAAI,EAAExB,SAAS,CAACwC,KAAK,CAAC;IAAC,GAAGtC,IAAI,CAAC4B,SAAS;IAAEL,QAAQ,EAAEzB,SAAS,CAACmC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAAC,CAAC;AACzF,CAAC;AAED,eAAehB,GAAG","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Icon","style","TAG_STYLES","default","defaultStyle","success","failure","warning","progress","info","TAG_SIZE","S","small","M","medium","L","large","defaultIconProps","position","preset","renderIcon","iconProps","createElement","Tag","label","type","size","customStyle","icon","iconName","className","content","propTypes","process","env","NODE_ENV","string","oneOf","_keys","objectOf","oneOfType","number","shape"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.defaultStyle,\n  success: style.success,\n  failure: style.failure,\n  warning: style.warning,\n  progress: style.progress,\n  info: style.info\n};\n\nconst TAG_SIZE = {\n  S: style.small,\n  M: style.medium,\n  L: style.large\n};\n\nconst defaultIconProps = {\n  position: 'left',\n  preset: 's'\n};\n\nconst renderIcon = iconProps => <Icon {...iconProps} />;\n\nconst Tag = ({label = '', type = 'default', size = 'M', customStyle = {}, icon = {}}) => {\n  const {iconName} = icon;\n  const {position, ...iconProps} = iconName\n    ? {\n        ...defaultIconProps,\n        ...icon\n      }\n    : {};\n\n  return (\n    <span\n      className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n      data-name={`content-tag-${label}`}\n      style={customStyle}\n    >\n      <div className={style.content}>\n        {position === 'left' && iconName && renderIcon(iconProps)}\n        <div>{label}</div>\n        {position === 'right' && iconName && renderIcon(iconProps)}\n      </div>\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES)),\n  size: PropTypes.oneOf(['S', 'M', 'L']),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  icon: PropTypes.shape({...Icon.propTypes, position: PropTypes.oneOf(['left', 'right'])})\n};\n\nexport default Tag;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAG;EACjBC,OAAO,EAAEF,KAAK,CAACG,YAAY;EAC3BC,OAAO,EAAEJ,KAAK,CAACI,OAAO;EACtBC,OAAO,EAAEL,KAAK,CAACK,OAAO;EACtBC,OAAO,EAAEN,KAAK,CAACM,OAAO;EACtBC,QAAQ,EAAEP,KAAK,CAACO,QAAQ;EACxBC,IAAI,EAAER,KAAK,CAACQ;AACd,CAAC;AAED,MAAMC,QAAQ,GAAG;EACfC,CAAC,EAAEV,KAAK,CAACW,KAAK;EACdC,CAAC,EAAEZ,KAAK,CAACa,MAAM;EACfC,CAAC,EAAEd,KAAK,CAACe;AACX,CAAC;AAED,MAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE,MAAM;EAChBC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,UAAU,GAAGC,SAAS,iBAAIxB,KAAA,CAAAyB,aAAA,CAACtB,IAAI,EAAKqB,SAAY,CAAC;AAEvD,MAAME,GAAG,GAAGA,CAAC;EAACC,KAAK,GAAG,EAAE;EAAEC,IAAI,GAAG,SAAS;EAAEC,IAAI,GAAG,GAAG;EAAEC,WAAW,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EACvF,MAAM;IAACC;EAAQ,CAAC,GAAGD,IAAI;EACvB,MAAM;IAACV,QAAQ;IAAE,GAAGG;EAAS,CAAC,GAAGQ,QAAQ,GACrC;IACE,GAAGZ,gBAAgB;IACnB,GAAGW;EACL,CAAC,GACD,CAAC,CAAC;EAEN,oBACE/B,KAAA,CAAAyB,aAAA;IACEQ,SAAS,EAAE/B,UAAU,CAACG,UAAU,CAACuB,IAAI,CAAC,EAAEf,QAAQ,CAACgB,IAAI,CAAC,CAAE;IACxD,aAAW,eAAeF,KAAK,EAAG;IAClCvB,KAAK,EAAE0B;EAAY,gBAEnB9B,KAAA,CAAAyB,aAAA;IAAKQ,SAAS,EAAE7B,KAAK,CAAC8B;EAAQ,GAC3Bb,QAAQ,KAAK,MAAM,IAAIW,QAAQ,IAAIT,UAAU,CAACC,SAAS,CAAC,eACzDxB,KAAA,CAAAyB,aAAA,cAAME,KAAW,CAAC,EACjBN,QAAQ,KAAK,OAAO,IAAIW,QAAQ,IAAIT,UAAU,CAACC,SAAS,CACtD,CACD,CAAC;AAEX,CAAC;AAEDE,GAAG,CAACS,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdX,KAAK,EAAE1B,SAAS,CAACsC,MAAM;EACvBX,IAAI,EAAE3B,SAAS,CAACuC,KAAK,CAACC,KAAA,CAAKpC,UAAU,CAAC,CAAC;EACvCwB,IAAI,EAAE5B,SAAS,CAACuC,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;EACtCV,WAAW,EAAE7B,SAAS,CAACyC,QAAQ,CAACzC,SAAS,CAAC0C,SAAS,CAAC,CAAC1C,SAAS,CAACsC,MAAM,EAAEtC,SAAS,CAAC2C,MAAM,CAAC,CAAC,CAAC;EAC1Fb,IAAI,EAAE9B,SAAS,CAAC4C,KAAK,CAAC;IAAC,GAAG1C,IAAI,CAACgC,SAAS;IAAEd,QAAQ,EAAEpB,SAAS,CAACuC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAAC,CAAC;AACzF,CAAC;AAED,eAAed,GAAG","ignoreList":[]}

package/es/molecule/multi-filter-panel/index.js

@@ -6,7 +6,7 @@ import _size from "lodash/fp/size";
 import _map from "lodash/fp/map";
 import React from 'react';
 import FilterChip from '../../organism/filter-chip';
-import FilterCkeckboxAndSearch from '../../organism/filter-checkbox-and-search';
+import FilterCheckboxAndSearch from '../../organism/filter-checkbox-and-search';
 import Title from '../../atom/title';
 import Tag from '../../atom/tag';
 import ButtonLink from '../../atom/button-link';
@@ -34,7 +34,7 @@ const buildFilters = filterOptions => {
     case 'chip':
       return /*#__PURE__*/React.createElement(FilterChip, options);
     case 'checkbox':
-      return /*#__PURE__*/React.createElement(FilterCkeckboxAndSearch, options);
+      return /*#__PURE__*/React.createElement(FilterCheckboxAndSearch, options);
     default:
       return null;
   }

package/es/molecule/multi-filter-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","FilterChip","FilterCkeckboxAndSearch","Title","Tag","ButtonLink","Provider","GetTranslateFromContext","propTypes","style","uncappedMap","_map","convert","cap","CLEAR_ALL_BUTTON_STYLE","fontWeight","padding","FilterSeparator","createElement","className","filterSeparator","buildFilters","filterOptions","type","options","MultiFilterPanel","props","context","title","onClearAll","translate","allSelectedFilters","_pipe","_flatMap","_filter","selected","_size","hasSelectedFilters","filters","i","isLastItem","key","Fragment","header","titleContainer","titleSize","label","_toString","size","buttonContainer","customStyle","onClick","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map, size, pipe, filter, flatMap, toString} from 'lodash/fp';\nimport FilterChip from '../../organism/filter-chip';\nimport FilterCkeckboxAndSearch from '../../organism/filter-checkbox-and-search';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport propTypes, {MultiFilterPanelProps, FilterOptionsProps} from './prop-types';\nimport style from './style.css';\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst CLEAR_ALL_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst FilterSeparator = <div className={style.filterSeparator} />;\n\nconst buildFilters = (filterOptions: FilterOptionsProps) => {\n  const {type, options} = filterOptions;\n  switch (type) {\n    case 'chip':\n      return <FilterChip {...options} />;\n    case 'checkbox':\n      return <FilterCkeckboxAndSearch {...options} />;\n    default:\n      return null;\n  }\n};\n\nconst MultiFilterPanel = (props: MultiFilterPanelProps, context: WebContextValues) => {\n  const {title, onClearAll, options} = props;\n  const translate = GetTranslateFromContext(context);\n  const allSelectedFilters = pipe(\n    map('options'),\n    flatMap('options'),\n    filter({selected: true}),\n    size\n  )(options);\n  const hasSelectedFilters = allSelectedFilters > 0;\n\n  const filters = uncappedMap((filterOptions: FilterOptionsProps, i: number) => {\n    const isLastItem = i + 1 === size(options);\n\n    return (\n      <div key={i}>\n        {buildFilters(filterOptions)}\n        {isLastItem ? null : FilterSeparator}\n      </div>\n    );\n  }, options);\n\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} type=\"form-group\" titleSize=\"standard-light-weight\" />\n          {hasSelectedFilters ? (\n            <Tag label={toString(allSelectedFilters)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={CLEAR_ALL_BUTTON_STYLE}\n              label={translate('clear_all')}\n              type=\"text\"\n              data-name=\"filters-all-clear-button\"\n              aria-label=\"filters all clear button\"\n              onClick={onClearAll}\n            />\n          </div>\n        ) : null}\n      </div>\n\n      {filters}\n    </>\n  );\n};\n\nMultiFilterPanel.propTypes = propTypes;\n\nMultiFilterPanel.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default MultiFilterPanel;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,uBAAuB,MAAM,2CAA2C;AAC/E,OAAOC,KAAK,MAAM,kBAAkB;AACpC,OAAOC,GAAG,MAAM,gBAAgB;AAChC,OAAOC,UAAU,MAAM,wBAAwB;AAE/C,OAAOC,QAAQ,IAAGC,uBAAuB,QAAO,qBAAqB;AACrE,OAAOC,SAAS,MAAmD,cAAc;AACjF,OAAOC,KAAK,MAAM,aAAa;;AAE/B;AACA,MAAMC,WAAW,GAAGC,IAAA,CAAIC,OAAO,CAAC;EAACC,GAAG,EAAE;AAAK,CAAC,CAAC;AAE7C,MAAMC,sBAAsB,GAAG;EAACC,UAAU,EAAE,QAAQ;EAAEC,OAAO,EAAE;AAAC,CAAC;AACjE,MAAMC,eAAe,gBAAGjB,KAAA,CAAAkB,aAAA;EAAKC,SAAS,EAAEV,KAAK,CAACW;AAAgB,CAAE,CAAC;AAEjE,MAAMC,YAAY,GAAIC,aAAiC,IAAK;EAC1D,MAAM;IAACC,IAAI;IAAEC;EAAO,CAAC,GAAGF,aAAa;EACrC,QAAQC,IAAI;IACV,KAAK,MAAM;MACT,oBAAOvB,KAAA,CAAAkB,aAAA,CAACjB,UAAU,EAAKuB,OAAU,CAAC;IACpC,KAAK,UAAU;MACb,oBAAOxB,KAAA,CAAAkB,aAAA,CAAChB,uBAAuB,EAAKsB,OAAU,CAAC;IACjD;MACE,OAAO,IAAI;EACf;AACF,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAACC,KAA4B,EAAEC,OAAyB,KAAK;EACpF,MAAM;IAACC,KAAK;IAAEC,UAAU;IAAEL;EAAO,CAAC,GAAGE,KAAK;EAC1C,MAAMI,SAAS,GAAGvB,uBAAuB,CAACoB,OAAO,CAAC;EAClD,MAAMI,kBAAkB,GAAGC,KAAA,CACzBrB,IAAA,CAAI,SAAS,CAAC,EACdsB,QAAA,CAAQ,SAAS,CAAC,EAClBC,OAAA,CAAO;IAACC,QAAQ,EAAE;EAAI,CAAC,CAAC,EAAAC,KAE1B,CAAC,CAACZ,OAAO,CAAC;EACV,MAAMa,kBAAkB,GAAGN,kBAAkB,GAAG,CAAC;EAEjD,MAAMO,OAAO,GAAG5B,WAAW,CAAC,CAACY,aAAiC,EAAEiB,CAAS,KAAK;IAC5E,MAAMC,UAAU,GAAGD,CAAC,GAAG,CAAC,KAAKH,KAAA,CAAKZ,OAAO,CAAC;IAE1C,oBACExB,KAAA,CAAAkB,aAAA;MAAKuB,GAAG,EAAEF;IAAE,GACTlB,YAAY,CAACC,aAAa,CAAC,EAC3BkB,UAAU,GAAG,IAAI,GAAGvB,eAClB,CAAC;EAEV,CAAC,EAAEO,OAAO,CAAC;EAEX,oBACExB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAA0C,QAAA,qBACE1C,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACkC;EAAO,gBAC3B3C,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACmC;EAAe,gBACnC5C,KAAA,CAAAkB,aAAA,CAACf,KAAK;IAACyB,KAAK,EAAEA,KAAM;IAACL,IAAI,EAAC,YAAY;IAACsB,SAAS,EAAC;EAAuB,CAAE,CAAC,EAC1ER,kBAAkB,gBACjBrC,KAAA,CAAAkB,aAAA,CAACd,GAAG;IAAC0C,KAAK,EAAEC,SAAA,CAAShB,kBAAkB,CAAE;IAACR,IAAI,EAAC,MAAM;IAACyB,IAAI,EAAC;EAAG,CAAE,CAAC,GAC/D,IACD,CAAC,EACLX,kBAAkB,gBACjBrC,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAEV,KAAK,CAACwC;EAAgB,gBACpCjD,KAAA,CAAAkB,aAAA,CAACb,UAAU;IACT6C,WAAW,EAAEpC,sBAAuB;IACpCgC,KAAK,EAAEhB,SAAS,CAAC,WAAW,CAAE;IAC9BP,IAAI,EAAC,MAAM;IACX,aAAU,0BAA0B;IACpC,cAAW,0BAA0B;IACrC4B,OAAO,EAAEtB;EAAW,CACrB,CACE,CAAC,GACJ,IACD,CAAC,EAELS,OACD,CAAC;AAEP,CAAC;AAEDb,gBAAgB,CAACjB,SAAS,GAAA4C,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG9C,SAAS;AAEtCiB,gBAAgB,CAAC8B,YAAY,GAAG;EAC9BzB,SAAS,EAAExB,QAAQ,CAACkD,iBAAiB,CAAC1B;AACxC,CAAC;AAED,eAAeL,gBAAgB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","FilterChip","FilterCheckboxAndSearch","Title","Tag","ButtonLink","Provider","GetTranslateFromContext","propTypes","style","uncappedMap","_map","convert","cap","CLEAR_ALL_BUTTON_STYLE","fontWeight","padding","FilterSeparator","createElement","className","filterSeparator","buildFilters","filterOptions","type","options","MultiFilterPanel","props","context","title","onClearAll","translate","allSelectedFilters","_pipe","_flatMap","_filter","selected","_size","hasSelectedFilters","filters","i","isLastItem","key","Fragment","header","titleContainer","titleSize","label","_toString","size","buttonContainer","customStyle","onClick","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map, size, pipe, filter, flatMap, toString} from 'lodash/fp';\nimport FilterChip from '../../organism/filter-chip';\nimport FilterCheckboxAndSearch from '../../organism/filter-checkbox-and-search';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport propTypes, {MultiFilterPanelProps, FilterOptionsProps} from './prop-types';\nimport style from './style.css';\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst CLEAR_ALL_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst FilterSeparator = <div className={style.filterSeparator} />;\n\nconst buildFilters = (filterOptions: FilterOptionsProps) => {\n  const {type, options} = filterOptions;\n  switch (type) {\n    case 'chip':\n      return <FilterChip {...options} />;\n    case 'checkbox':\n      return <FilterCheckboxAndSearch {...options} />;\n    default:\n      return null;\n  }\n};\n\nconst MultiFilterPanel = (props: MultiFilterPanelProps, context: WebContextValues) => {\n  const {title, onClearAll, options} = props;\n  const translate = GetTranslateFromContext(context);\n  const allSelectedFilters = pipe(\n    map('options'),\n    flatMap('options'),\n    filter({selected: true}),\n    size\n  )(options);\n  const hasSelectedFilters = allSelectedFilters > 0;\n\n  const filters = uncappedMap((filterOptions: FilterOptionsProps, i: number) => {\n    const isLastItem = i + 1 === size(options);\n\n    return (\n      <div key={i}>\n        {buildFilters(filterOptions)}\n        {isLastItem ? null : FilterSeparator}\n      </div>\n    );\n  }, options);\n\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} type=\"form-group\" titleSize=\"standard-light-weight\" />\n          {hasSelectedFilters ? (\n            <Tag label={toString(allSelectedFilters)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={CLEAR_ALL_BUTTON_STYLE}\n              label={translate('clear_all')}\n              type=\"text\"\n              data-name=\"filters-all-clear-button\"\n              aria-label=\"filters all clear button\"\n              onClick={onClearAll}\n            />\n          </div>\n        ) : null}\n      </div>\n\n      {filters}\n    </>\n  );\n};\n\nMultiFilterPanel.propTypes = propTypes;\n\nMultiFilterPanel.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default MultiFilterPanel;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { WebContextValues } from '../../atom/provider/web-context';
 import { FilterCheckboxAndSearchProps } from './props-types';
-declare const FilterCkeckboxAndSearch: {
+declare const FilterCheckboxAndSearch: {
     (props: FilterCheckboxAndSearchProps, context: WebContextValues): JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
@@ -39,5 +39,5 @@ declare const FilterCkeckboxAndSearch: {
         translate: import("prop-types").Requireable<(...args: any[]) => any>;
     };
 };
-export default FilterCkeckboxAndSearch;
+export default FilterCheckboxAndSearch;
 //# sourceMappingURL=index.d.ts.map

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

@@ -30,7 +30,7 @@ const CHECKBOX_TITLE_STYLE = {
   fontWeight: 'normal'
 };
 const INITIAL_VISIBLE_OPTIONS = 5;
-const FilterCkeckboxAndSearch = (props, context) => {
+const FilterCheckboxAndSearch = (props, context) => {
   const {
     title,
     searchOptions,
@@ -99,7 +99,7 @@ const FilterCkeckboxAndSearch = (props, context) => {
     customStyle: CHECKBOX_TITLE_STYLE
   }), /*#__PURE__*/React.createElement("p", {
     className: style.optionCount
-  }, count)))), options.length > INITIAL_VISIBLE_OPTIONS ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ButtonLink, {
+  }, count)))), _size(options) > INITIAL_VISIBLE_OPTIONS ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ButtonLink, {
     label: showMore ? translate('Show less') : translate('Show more'),
     type: "text",
     icon: {
@@ -115,9 +115,9 @@ const FilterCkeckboxAndSearch = (props, context) => {
     "data-testid": "filter-checkbox-and-search-show-button"
   })) : null);
 };
-FilterCkeckboxAndSearch.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
-FilterCkeckboxAndSearch.contextTypes = {
+FilterCheckboxAndSearch.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+FilterCheckboxAndSearch.contextTypes = {
   translate: Provider.childContextTypes.translate
 };
-export default FilterCkeckboxAndSearch;
+export default FilterCheckboxAndSearch;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","Title","Tag","ButtonLink","SearchForm","Provider","GetTranslateFromContext","CheckboxWithTitle","COLORS","style","propTypes","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","showMore","setShowMore","selectedFiltersCount","_pipe","_filter","selected","_size","hasSelectedFilters","handleShowMore","visibleOptions","slice","createElement","className","container","header","titleAndTagWrapper","label","_toString","type","size","clearButtonContainer","onClick","customStyle","search","optionsContainer","_isEmpty","emptySearchResult","map","value","count","index","key","optionRow","onChange","name","checked","optionCount","length","icon","position","faIcon","color","cm_grey_500","process","env","NODE_ENV","contextTypes","childContextTypes"],"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":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","Title","Tag","ButtonLink","SearchForm","Provider","GetTranslateFromContext","CheckboxWithTitle","COLORS","style","propTypes","CLEAR_BUTTON_STYLE","fontWeight","padding","SHOW_BUTTON_STYLE","fontSize","fontFamily","marginTop","CHECKBOX_TITLE_STYLE","marginRight","INITIAL_VISIBLE_OPTIONS","FilterCheckboxAndSearch","props","context","title","searchOptions","onClear","options","translate","showMore","setShowMore","selectedFiltersCount","_pipe","_filter","selected","_size","hasSelectedFilters","handleShowMore","visibleOptions","slice","createElement","className","container","header","titleAndTagWrapper","label","_toString","type","size","clearButtonContainer","onClick","customStyle","search","optionsContainer","_isEmpty","emptySearchResult","map","value","count","index","key","optionRow","onChange","name","checked","optionCount","icon","position","faIcon","color","cm_grey_500","process","env","NODE_ENV","contextTypes","childContextTypes"],"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 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          <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      {size(options) > 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\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/atom/checkbox-with-title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAQA,4DAwDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/checkbox-with-title/index.js"],"names":[],"mappings":";AAQA,4DA0DC"}

package/lib/atom/checkbox-with-title/index.js

@@ -43,7 +43,7 @@ const CheckboxWithTitle = props => {
     style: {
       ...customStyle
     }
-  }, /*#__PURE__*/_react.default.createElement("label", {
+  }, onChange !== _noop2.default ? /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: idCheckbox
   }, /*#__PURE__*/_react.default.createElement("input", {
     type: "checkbox",
@@ -68,7 +68,7 @@ const CheckboxWithTitle = props => {
     iconColor: 'transparent',
     preset: "s",
     customStyle: DEFAULT_ICON_STYLE
-  }))), title ? /*#__PURE__*/_react.default.createElement("span", {
+  }))) : null, title ? /*#__PURE__*/_react.default.createElement("span", {
     // eslint-disable-next-line react/no-danger
     dangerouslySetInnerHTML: {
       __html: title

package/lib/atom/checkbox-with-title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_icon","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DEFAULT_ICON_STYLE","padding","width","height","CheckboxWithTitle","props","title","name","checked","onChange","_noop2","dataName","ariaLabel","icon","iconName","iconColor","preset","customStyle","idCheckbox","useMemo","_uniqueId2","handleChange","target","createElement","className","style","container","htmlFor","type","id","checkbox","label","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","shape","objectOf","oneOfType","number","_default","exports"],"sources":["../../../src/atom/checkbox-with-title/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport FaIcon from '../icon';\nimport style from './style.css';\n\nconst DEFAULT_ICON_STYLE = {padding: '0', width: '20px', height: '20px'};\n\nconst CheckboxWithTitle = props => {\n  const {\n    title,\n    name,\n    checked,\n    onChange = noop,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    icon = {iconName: 'check', iconColor: 'white', preset: 's'},\n    customStyle = {}\n  } = props;\n  const {iconName, iconColor, preset} = icon;\n  const idCheckbox = useMemo(() => uniqueId('input-checkbox-'), []);\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container} style={{...customStyle}}>\n      <label htmlFor={idCheckbox}>\n        <input\n          type=\"checkbox\"\n          id={idCheckbox}\n          name={name}\n          onChange={handleChange}\n          checked={checked}\n          className={style.checkbox}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        <div className={style.label}>\n          {checked ? (\n            <FaIcon\n              className={style.icon}\n              iconName={iconName}\n              iconColor={iconColor}\n              preset={preset}\n              customStyle={DEFAULT_ICON_STYLE}\n            />\n          ) : (\n            <FaIcon\n              className={style.icon}\n              iconName={'square'}\n              iconColor={'transparent'}\n              preset=\"s\"\n              customStyle={DEFAULT_ICON_STYLE}\n            />\n          )}\n        </div>\n      </label>\n      {title ? (\n        <span\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nCheckboxWithTitle.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    preset: PropTypes.string\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\nexport default CheckboxWithTitle;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAgC,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAZ,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAEhC,MAAMmB,kBAAkB,GAAG;EAACC,OAAO,EAAE,GAAG;EAAEC,KAAK,EAAE,MAAM;EAAEC,MAAM,EAAE;AAAM,CAAC;AAExE,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,OAAO;IACPC,QAAQ,GAAAC,MAAA,CAAAxB,OAAO;IACf,WAAW,EAAEyB,QAAQ;IACrB,YAAY,EAAEC,SAAS;IACvBC,IAAI,GAAG;MAACC,QAAQ,EAAE,OAAO;MAAEC,SAAS,EAAE,OAAO;MAAEC,MAAM,EAAE;IAAG,CAAC;IAC3DC,WAAW,GAAG,CAAC;EACjB,CAAC,GAAGZ,KAAK;EACT,MAAM;IAACS,QAAQ;IAAEC,SAAS;IAAEC;EAAM,CAAC,GAAGH,IAAI;EAC1C,MAAMK,UAAU,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,UAAA,CAAAlC,OAAA,EAAS,iBAAiB,CAAC,EAAE,EAAE,CAAC;EACjE,MAAMmC,YAAY,GAAG,IAAAF,cAAO,EAAC,MAAMtC,CAAC,IAAI4B,QAAQ,CAAC5B,CAAC,CAACyC,MAAM,CAACd,OAAO,CAAC,EAAE,CAACC,QAAQ,CAAC,CAAC;EAE/E,oBACEpC,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC,SAAU;IAACD,KAAK,EAAE;MAAC,GAAGR;IAAW;EAAE,gBACvD5C,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAOI,OAAO,EAAET;EAAW,gBACzB7C,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IACEK,IAAI,EAAC,UAAU;IACfC,EAAE,EAAEX,UAAW;IACfX,IAAI,EAAEA,IAAK;IACXE,QAAQ,EAAEY,YAAa;IACvBb,OAAO,EAAEA,OAAQ;IACjBgB,SAAS,EAAEC,cAAK,CAACK,QAAS;IAC1B,aAAWnB,QAAS;IACpB,cAAYC;EAAU,CACvB,CAAC,eACFvC,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACM;EAAM,GACzBvB,OAAO,gBACNnC,MAAA,CAAAa,OAAA,CAAAqC,aAAA,CAAC7C,KAAA,CAAAQ,OAAM;IACLsC,SAAS,EAAEC,cAAK,CAACZ,IAAK;IACtBC,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEA,SAAU;IACrBC,MAAM,EAAEA,MAAO;IACfC,WAAW,EAAEjB;EAAmB,CACjC,CAAC,gBAEF3B,MAAA,CAAAa,OAAA,CAAAqC,aAAA,CAAC7C,KAAA,CAAAQ,OAAM;IACLsC,SAAS,EAAEC,cAAK,CAACZ,IAAK;IACtBC,QAAQ,EAAE,QAAS;IACnBC,SAAS,EAAE,aAAc;IACzBC,MAAM,EAAC,GAAG;IACVC,WAAW,EAAEjB;EAAmB,CACjC,CAEA,CACA,CAAC,EACPM,KAAK,gBACJjC,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IACE;IACAS,uBAAuB,EAAE;MAACC,MAAM,EAAE3B;IAAK;EAAE,CAC1C,CAAC,GACA,IACD,CAAC;AAEV,CAAC;AAEDF,iBAAiB,CAAC8B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC5B/B,KAAK,EAAEgC,kBAAS,CAACC,MAAM;EACvBhC,IAAI,EAAE+B,kBAAS,CAACC,MAAM;EACtB/B,OAAO,EAAE8B,kBAAS,CAACE,IAAI;EACvB/B,QAAQ,EAAE6B,kBAAS,CAACG,IAAI;EACxB,YAAY,EAAEH,kBAAS,CAACC,MAAM;EAC9B,WAAW,EAAED,kBAAS,CAACC,MAAM;EAC7B1B,IAAI,EAAEyB,kBAAS,CAACI,KAAK,CAAC;IACpB5B,QAAQ,EAAEwB,kBAAS,CAACC,MAAM;IAC1BxB,SAAS,EAAEuB,kBAAS,CAACC,MAAM;IAC3BvB,MAAM,EAAEsB,kBAAS,CAACC;EACpB,CAAC,CAAC;EACFtB,WAAW,EAAEqB,kBAAS,CAACK,QAAQ,CAACL,kBAAS,CAACM,SAAS,CAAC,CAACN,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACO,MAAM,CAAC,CAAC;AAC3F,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7D,OAAA,GACakB,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_icon","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DEFAULT_ICON_STYLE","padding","width","height","CheckboxWithTitle","props","title","name","checked","onChange","_noop2","dataName","ariaLabel","icon","iconName","iconColor","preset","customStyle","idCheckbox","useMemo","_uniqueId2","handleChange","target","createElement","className","style","container","htmlFor","type","id","checkbox","label","dangerouslySetInnerHTML","__html","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","shape","objectOf","oneOfType","number","_default","exports"],"sources":["../../../src/atom/checkbox-with-title/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport FaIcon from '../icon';\nimport style from './style.css';\n\nconst DEFAULT_ICON_STYLE = {padding: '0', width: '20px', height: '20px'};\n\nconst CheckboxWithTitle = props => {\n  const {\n    title,\n    name,\n    checked,\n    onChange = noop,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    icon = {iconName: 'check', iconColor: 'white', preset: 's'},\n    customStyle = {}\n  } = props;\n  const {iconName, iconColor, preset} = icon;\n  const idCheckbox = useMemo(() => uniqueId('input-checkbox-'), []);\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <div className={style.container} style={{...customStyle}}>\n      {onChange !== noop ? (\n        <label htmlFor={idCheckbox}>\n          <input\n            type=\"checkbox\"\n            id={idCheckbox}\n            name={name}\n            onChange={handleChange}\n            checked={checked}\n            className={style.checkbox}\n            data-name={dataName}\n            aria-label={ariaLabel}\n          />\n          <div className={style.label}>\n            {checked ? (\n              <FaIcon\n                className={style.icon}\n                iconName={iconName}\n                iconColor={iconColor}\n                preset={preset}\n                customStyle={DEFAULT_ICON_STYLE}\n              />\n            ) : (\n              <FaIcon\n                className={style.icon}\n                iconName={'square'}\n                iconColor={'transparent'}\n                preset=\"s\"\n                customStyle={DEFAULT_ICON_STYLE}\n              />\n            )}\n          </div>\n        </label>\n      ) : null}\n      {title ? (\n        <span\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nCheckboxWithTitle.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    preset: PropTypes.string\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\nexport default CheckboxWithTitle;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/tag/index.d.ts

@@ -1,6 +1,6 @@
 export default Tag;
 declare function Tag({ label, type, size, customStyle, icon }: {
-    label: any;
+    label?: string | undefined;
     type?: string | undefined;
     size?: string | undefined;
     customStyle?: {} | undefined;

package/lib/atom/tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tag/index.js"],"names":[],"mappings":";AAsBA;;;;;;gBAgBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tag/index.js"],"names":[],"mappings":";AA6BA;;;;;;gBAsBC"}

package/lib/atom/tag/index.js

@@ -22,24 +22,35 @@ const TAG_SIZE = {
   M: _style.default.medium,
   L: _style.default.large
 };
+const defaultIconProps = {
+  position: 'left',
+  preset: 's'
+};
+const renderIcon = iconProps => /*#__PURE__*/_react.default.createElement(_icon.default, iconProps);
 const Tag = ({
-  label,
+  label = '',
   type = 'default',
   size = 'M',
   customStyle = {},
   icon = {}
 }) => {
+  const {
+    iconName
+  } = icon;
   const {
     position,
     ...iconProps
-  } = icon;
+  } = iconName ? {
+    ...defaultIconProps,
+    ...icon
+  } : {};
   return /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(TAG_STYLES[type], TAG_SIZE[size]),
     "data-name": `content-tag-${label}`,
     style: customStyle
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.content
-  }, position === 'left' ? /*#__PURE__*/_react.default.createElement(_icon.default, iconProps) : null, /*#__PURE__*/_react.default.createElement("div", null, label), position === 'right' ? /*#__PURE__*/_react.default.createElement(_icon.default, iconProps) : null));
+  }, position === 'left' && iconName && renderIcon(iconProps), /*#__PURE__*/_react.default.createElement("div", null, label), position === 'right' && iconName && renderIcon(iconProps)));
 };
 Tag.propTypes = process.env.NODE_ENV !== "production" ? {
   label: _propTypes.default.string,

package/lib/atom/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_icon","_style","e","__esModule","default","TAG_STYLES","style","defaultStyle","success","failure","warning","progress","info","TAG_SIZE","S","small","M","medium","L","large","Tag","label","type","size","customStyle","icon","position","iconProps","createElement","className","classnames","content","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","objectOf","oneOfType","number","shape","Icon","_default","exports"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.defaultStyle,\n  success: style.success,\n  failure: style.failure,\n  warning: style.warning,\n  progress: style.progress,\n  info: style.info\n};\n\nconst TAG_SIZE = {\n  S: style.small,\n  M: style.medium,\n  L: style.large\n};\n\nconst Tag = ({label, type = 'default', size = 'M', customStyle = {}, icon = {}}) => {\n  const {position, ...iconProps} = icon;\n\n  return (\n    <span\n      className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n      data-name={`content-tag-${label}`}\n      style={customStyle}\n    >\n      <div className={style.content}>\n        {position === 'left' ? <Icon {...iconProps} /> : null}\n        <div>{label}</div>\n        {position === 'right' ? <Icon {...iconProps} /> : null}\n      </div>\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES)),\n  size: PropTypes.oneOf(['S', 'M', 'L']),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  icon: PropTypes.shape({...Icon.propTypes, position: PropTypes.oneOf(['left', 'right'])})\n};\n\nexport default Tag;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,UAAU,GAAG;EACjBD,OAAO,EAAEE,cAAK,CAACC,YAAY;EAC3BC,OAAO,EAAEF,cAAK,CAACE,OAAO;EACtBC,OAAO,EAAEH,cAAK,CAACG,OAAO;EACtBC,OAAO,EAAEJ,cAAK,CAACI,OAAO;EACtBC,QAAQ,EAAEL,cAAK,CAACK,QAAQ;EACxBC,IAAI,EAAEN,cAAK,CAACM;AACd,CAAC;AAED,MAAMC,QAAQ,GAAG;EACfC,CAAC,EAAER,cAAK,CAACS,KAAK;EACdC,CAAC,EAAEV,cAAK,CAACW,MAAM;EACfC,CAAC,EAAEZ,cAAK,CAACa;AACX,CAAC;AAED,MAAMC,GAAG,GAAGA,CAAC;EAACC,KAAK;EAAEC,IAAI,GAAG,SAAS;EAAEC,IAAI,GAAG,GAAG;EAAEC,WAAW,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EAClF,MAAM;IAACC,QAAQ;IAAE,GAAGC;EAAS,CAAC,GAAGF,IAAI;EAErC,oBACE9B,MAAA,CAAAS,OAAA,CAAAwB,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EAACzB,UAAU,CAACiB,IAAI,CAAC,EAAET,QAAQ,CAACU,IAAI,CAAC,CAAE;IACxD,aAAW,eAAeF,KAAK,EAAG;IAClCf,KAAK,EAAEkB;EAAY,gBAEnB7B,MAAA,CAAAS,OAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAEvB,cAAK,CAACyB;EAAQ,GAC3BL,QAAQ,KAAK,MAAM,gBAAG/B,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC5B,KAAA,CAAAI,OAAI,EAAKuB,SAAY,CAAC,GAAG,IAAI,eACrDhC,MAAA,CAAAS,OAAA,CAAAwB,aAAA,cAAMP,KAAW,CAAC,EACjBK,QAAQ,KAAK,OAAO,gBAAG/B,MAAA,CAAAS,OAAA,CAAAwB,aAAA,CAAC5B,KAAA,CAAAI,OAAI,EAAKuB,SAAY,CAAC,GAAG,IAC/C,CACD,CAAC;AAEX,CAAC;AAEDP,GAAG,CAACY,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdd,KAAK,EAAEe,kBAAS,CAACC,MAAM;EACvBf,IAAI,EAAEc,kBAAS,CAACE,KAAK,CAAC,IAAAC,MAAA,CAAAnC,OAAA,EAAKC,UAAU,CAAC,CAAC;EACvCkB,IAAI,EAAEa,kBAAS,CAACE,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;EACtCd,WAAW,EAAEY,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACM,MAAM,CAAC,CAAC,CAAC;EAC1FjB,IAAI,EAAEW,kBAAS,CAACO,KAAK,CAAC;IAAC,GAAGC,aAAI,CAACZ,SAAS;IAAEN,QAAQ,EAAEU,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAAC,CAAC;AACzF,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAA1C,OAAA,GAEagB,GAAG","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_icon","_style","e","__esModule","default","TAG_STYLES","style","defaultStyle","success","failure","warning","progress","info","TAG_SIZE","S","small","M","medium","L","large","defaultIconProps","position","preset","renderIcon","iconProps","createElement","Tag","label","type","size","customStyle","icon","iconName","className","classnames","content","propTypes","process","env","NODE_ENV","PropTypes","string","oneOf","_keys2","objectOf","oneOfType","number","shape","Icon","_default","exports"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.defaultStyle,\n  success: style.success,\n  failure: style.failure,\n  warning: style.warning,\n  progress: style.progress,\n  info: style.info\n};\n\nconst TAG_SIZE = {\n  S: style.small,\n  M: style.medium,\n  L: style.large\n};\n\nconst defaultIconProps = {\n  position: 'left',\n  preset: 's'\n};\n\nconst renderIcon = iconProps => <Icon {...iconProps} />;\n\nconst Tag = ({label = '', type = 'default', size = 'M', customStyle = {}, icon = {}}) => {\n  const {iconName} = icon;\n  const {position, ...iconProps} = iconName\n    ? {\n        ...defaultIconProps,\n        ...icon\n      }\n    : {};\n\n  return (\n    <span\n      className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n      data-name={`content-tag-${label}`}\n      style={customStyle}\n    >\n      <div className={style.content}>\n        {position === 'left' && iconName && renderIcon(iconProps)}\n        <div>{label}</div>\n        {position === 'right' && iconName && renderIcon(iconProps)}\n      </div>\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES)),\n  size: PropTypes.oneOf(['S', 'M', 'L']),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  icon: PropTypes.shape({...Icon.propTypes, position: PropTypes.oneOf(['left', 'right'])})\n};\n\nexport default Tag;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/multi-filter-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_filterChip","_filterCheckboxAndSearch","_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","uncappedMap","_map2","convert","cap","CLEAR_ALL_BUTTON_STYLE","fontWeight","padding","FilterSeparator","createElement","className","style","filterSeparator","buildFilters","filterOptions","type","options","MultiFilterPanel","props","context","title","onClearAll","translate","GetTranslateFromContext","allSelectedFilters","_pipe2","_flatMap2","_filter2","selected","_size2","hasSelectedFilters","filters","isLastItem","key","Fragment","header","titleContainer","titleSize","label","_toString2","size","buttonContainer","customStyle","onClick","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map, size, pipe, filter, flatMap, toString} from 'lodash/fp';\nimport FilterChip from '../../organism/filter-chip';\nimport FilterCkeckboxAndSearch from '../../organism/filter-checkbox-and-search';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport propTypes, {MultiFilterPanelProps, FilterOptionsProps} from './prop-types';\nimport style from './style.css';\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst CLEAR_ALL_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst FilterSeparator = <div className={style.filterSeparator} />;\n\nconst buildFilters = (filterOptions: FilterOptionsProps) => {\n  const {type, options} = filterOptions;\n  switch (type) {\n    case 'chip':\n      return <FilterChip {...options} />;\n    case 'checkbox':\n      return <FilterCkeckboxAndSearch {...options} />;\n    default:\n      return null;\n  }\n};\n\nconst MultiFilterPanel = (props: MultiFilterPanelProps, context: WebContextValues) => {\n  const {title, onClearAll, options} = props;\n  const translate = GetTranslateFromContext(context);\n  const allSelectedFilters = pipe(\n    map('options'),\n    flatMap('options'),\n    filter({selected: true}),\n    size\n  )(options);\n  const hasSelectedFilters = allSelectedFilters > 0;\n\n  const filters = uncappedMap((filterOptions: FilterOptionsProps, i: number) => {\n    const isLastItem = i + 1 === size(options);\n\n    return (\n      <div key={i}>\n        {buildFilters(filterOptions)}\n        {isLastItem ? null : FilterSeparator}\n      </div>\n    );\n  }, options);\n\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} type=\"form-group\" titleSize=\"standard-light-weight\" />\n          {hasSelectedFilters ? (\n            <Tag label={toString(allSelectedFilters)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={CLEAR_ALL_BUTTON_STYLE}\n              label={translate('clear_all')}\n              type=\"text\"\n              data-name=\"filters-all-clear-button\"\n              aria-label=\"filters all clear button\"\n              onClick={onClearAll}\n            />\n          </div>\n        ) : null}\n      </div>\n\n      {filters}\n    </>\n  );\n};\n\nMultiFilterPanel.propTypes = propTypes;\n\nMultiFilterPanel.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default MultiFilterPanel;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_filterChip","_filterCheckboxAndSearch","_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","uncappedMap","_map2","convert","cap","CLEAR_ALL_BUTTON_STYLE","fontWeight","padding","FilterSeparator","createElement","className","style","filterSeparator","buildFilters","filterOptions","type","options","MultiFilterPanel","props","context","title","onClearAll","translate","GetTranslateFromContext","allSelectedFilters","_pipe2","_flatMap2","_filter2","selected","_size2","hasSelectedFilters","filters","isLastItem","key","Fragment","header","titleContainer","titleSize","label","_toString2","size","buttonContainer","customStyle","onClick","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map, size, pipe, filter, flatMap, toString} from 'lodash/fp';\nimport FilterChip from '../../organism/filter-chip';\nimport FilterCheckboxAndSearch from '../../organism/filter-checkbox-and-search';\nimport Title from '../../atom/title';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport propTypes, {MultiFilterPanelProps, FilterOptionsProps} from './prop-types';\nimport style from './style.css';\n\n// @ts-expect-error convert is not recognized by the types\nconst uncappedMap = map.convert({cap: false});\n\nconst CLEAR_ALL_BUTTON_STYLE = {fontWeight: 'normal', padding: 0};\nconst FilterSeparator = <div className={style.filterSeparator} />;\n\nconst buildFilters = (filterOptions: FilterOptionsProps) => {\n  const {type, options} = filterOptions;\n  switch (type) {\n    case 'chip':\n      return <FilterChip {...options} />;\n    case 'checkbox':\n      return <FilterCheckboxAndSearch {...options} />;\n    default:\n      return null;\n  }\n};\n\nconst MultiFilterPanel = (props: MultiFilterPanelProps, context: WebContextValues) => {\n  const {title, onClearAll, options} = props;\n  const translate = GetTranslateFromContext(context);\n  const allSelectedFilters = pipe(\n    map('options'),\n    flatMap('options'),\n    filter({selected: true}),\n    size\n  )(options);\n  const hasSelectedFilters = allSelectedFilters > 0;\n\n  const filters = uncappedMap((filterOptions: FilterOptionsProps, i: number) => {\n    const isLastItem = i + 1 === size(options);\n\n    return (\n      <div key={i}>\n        {buildFilters(filterOptions)}\n        {isLastItem ? null : FilterSeparator}\n      </div>\n    );\n  }, options);\n\n  return (\n    <>\n      <div className={style.header}>\n        <div className={style.titleContainer}>\n          <Title title={title} type=\"form-group\" titleSize=\"standard-light-weight\" />\n          {hasSelectedFilters ? (\n            <Tag label={toString(allSelectedFilters)} type=\"info\" size=\"S\" />\n          ) : null}\n        </div>\n        {hasSelectedFilters ? (\n          <div className={style.buttonContainer}>\n            <ButtonLink\n              customStyle={CLEAR_ALL_BUTTON_STYLE}\n              label={translate('clear_all')}\n              type=\"text\"\n              data-name=\"filters-all-clear-button\"\n              aria-label=\"filters all clear button\"\n              onClick={onClearAll}\n            />\n          </div>\n        ) : null}\n      </div>\n\n      {filters}\n    </>\n  );\n};\n\nMultiFilterPanel.propTypes = propTypes;\n\nMultiFilterPanel.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default MultiFilterPanel;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { WebContextValues } from '../../atom/provider/web-context';
 import { FilterCheckboxAndSearchProps } from './props-types';
-declare const FilterCkeckboxAndSearch: {
+declare const FilterCheckboxAndSearch: {
     (props: FilterCheckboxAndSearchProps, context: WebContextValues): JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
@@ -39,5 +39,5 @@ declare const FilterCkeckboxAndSearch: {
         translate: import("prop-types").Requireable<(...args: any[]) => any>;
     };
 };
-export default FilterCkeckboxAndSearch;
+export default FilterCheckboxAndSearch;
 //# sourceMappingURL=index.d.ts.map

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

@@ -37,7 +37,7 @@ const CHECKBOX_TITLE_STYLE = {
   fontWeight: 'normal'
 };
 const INITIAL_VISIBLE_OPTIONS = 5;
-const FilterCkeckboxAndSearch = (props, context) => {
+const FilterCheckboxAndSearch = (props, context) => {
   const {
     title,
     searchOptions,
@@ -106,7 +106,7 @@ const FilterCkeckboxAndSearch = (props, context) => {
     customStyle: CHECKBOX_TITLE_STYLE
   }), /*#__PURE__*/_react.default.createElement("p", {
     className: _style.default.optionCount
-  }, count)))), options.length > INITIAL_VISIBLE_OPTIONS ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+  }, count)))), (0, _size2.default)(options) > INITIAL_VISIBLE_OPTIONS ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
     label: showMore ? translate('Show less') : translate('Show more'),
     type: "text",
     icon: {
@@ -122,9 +122,9 @@ const FilterCkeckboxAndSearch = (props, context) => {
     "data-testid": "filter-checkbox-and-search-show-button"
   })) : null);
 };
-FilterCkeckboxAndSearch.propTypes = process.env.NODE_ENV !== "production" ? _propsTypes.default : {};
-FilterCkeckboxAndSearch.contextTypes = {
+FilterCheckboxAndSearch.propTypes = process.env.NODE_ENV !== "production" ? _propsTypes.default : {};
+FilterCheckboxAndSearch.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
-var _default = exports.default = FilterCkeckboxAndSearch;
+var _default = exports.default = FilterCheckboxAndSearch;
 //# sourceMappingURL=index.js.map

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","_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":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,IAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,SAAA,GAAAP,uBAAA,CAAAC,OAAA;AAEA,IAAAO,kBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,WAAA,GAAAR,sBAAA,CAAAF,OAAA;AAAsE,SAAAW,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAlB,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAEtE,MAAMmB,kBAAkB,GAAG;EAACC,UAAU,EAAE,QAAQ;EAAEC,OAAO,EAAE;AAAC,CAAC;AAC7D,MAAMC,iBAAiB,GAAG;EACxBC,QAAQ,EAAE,MAAM;EAChBH,UAAU,EAAE,KAAK;EACjBI,UAAU,EAAE,QAAQ;EACpBC,SAAS,EAAE;AACb,CAAC;AACD,MAAMC,oBAAoB,GAAG;EAC3BC,WAAW,EAAE,MAAM;EACnBJ,QAAQ,EAAE,MAAM;EAChBC,UAAU,EAAE,QAAQ;EACpBJ,UAAU,EAAE;AACd,CAAC;AACD,MAAMQ,uBAAuB,GAAG,CAAC;AAEjC,MAAMC,uBAAuB,GAAGA,CAC9BC,KAAmC,EACnCC,OAAyB,KACtB;EACH,MAAM;IAACC,KAAK;IAAEC,aAAa;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGL,KAAK;EACtD,MAAMM,SAAS,GAAG,IAAAC,iCAAuB,EAACN,OAAO,CAAC;EAClD,MAAM,CAACO,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC/C,MAAMC,oBAAoB,GAAG,IAAAC,MAAA,CAAArC,OAAA,EAAK,IAAAsC,QAAA,CAAAtC,OAAA,EAAO;IAACuC,QAAQ,EAAE;EAAI,CAAC,CAAC,EAAAC,MAAA,CAAAxC,OAAM,CAAC,CAAC8B,OAAO,CAAC;EAC1E,MAAMW,kBAAkB,GAAGL,oBAAoB,GAAG,CAAC;EAEnD,MAAMM,cAAc,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACvCT,WAAW,CAAC,CAACD,QAAQ,CAAC;EACxB,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMW,cAAc,GAAG,IAAAC,cAAO,EAAC,MAAM;IACnC,OAAOZ,QAAQ,GAAGH,OAAO,GAAGA,OAAO,CAACgB,KAAK,CAAC,CAAC,EAAEvB,uBAAuB,CAAC;EACvE,CAAC,EAAE,CAACO,OAAO,EAAEG,QAAQ,CAAC,CAAC;EAEvB,oBACEpD,MAAA,CAAAmB,OAAA,CAAA+C,aAAA;IAAK,eAAY,sCAAsC;IAACC,SAAS,EAAEC,cAAK,CAACC;EAAU,gBACjFrE,MAAA,CAAAmB,OAAA,CAAA+C,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACE,MAAO;IAAC,eAAY;EAAmC,gBAC3EtE,MAAA,CAAAmB,OAAA,CAAA+C,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACG,kBAAmB;IACpC,eAAY;EAAiD,gBAE7DvE,MAAA,CAAAmB,OAAA,CAAA+C,aAAA,CAAC/D,MAAA,CAAAgB,OAAK;IAAC2B,KAAK,EAAEA;EAAM,CAAE,CAAC,EACtBc,kBAAkB,gBACjB5D,MAAA,CAAAmB,OAAA,CAAA+C,aAAA,CAAC7D,IAAA,CAAAc,OAAG;IAACqD,KAAK,EAAE,IAAAC,UAAA,CAAAtD,OAAA,EAASoC,oBAAoB,CAAE;IAACmB,IAAI,EAAC,MAAM;IAACC,IAAI,EAAC;EAAG,CAAE,CAAC,GACjE,IACD,CAAC,EACLf,kBAAkB,gBACjB5D,MAAA,CAAAmB,OAAA,CAAA+C,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACQ;EAAqB,gBACzC5E,MAAA,CAAAmB,OAAA,CAAA+C,aAAA,CAAC5D,WAAA,CAAAa,OAAU;IACTqD,KAAK,EAAEtB,SAAS,CAAC,OAAO,CAAE;IAC1BwB,IAAI,EAAC,MAAM;IACX,eAAY,yCAAyC;IACrDG,OAAO,EAAE7B,OAAQ;IACjB8B,WAAW,EAAE7C;EAAmB,CACjC,CACE,CAAC,GACJ,IACD,CAAC,EACLc,aAAa,gBACZ/C,MAAA,CAAAmB,OAAA,CAAA+C,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACW;EAAO,gBAC3B/E,MAAA,CAAAmB,OAAA,CAAA+C,aAAA,CAAC3D,WAAA,CAAAY,OAAU,EAAK4B,aAAgB,CAC7B,CAAC,GACJ,IAAI,eACR/C,MAAA,CAAAmB,OAAA,CAAA+C,aAAA;IACE,eAAY,8CAA8C;IAC1DC,SAAS,EAAEC,cAAK,CAACY;EAAiB,GAEjC,IAAAC,SAAA,CAAA9D,OAAA,EAAQ4C,cAAc,CAAC,gBACtB/D,MAAA,CAAAmB,OAAA,CAAA+C,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACc,iBAAkB;IACnC,eAAY;EAA0C,GACvD,0CAEE,CAAC,GAEJnB,cAAc,CAACoB,GAAG,CAAC,CAAC;IAACC,KAAK;IAAEZ,KAAK;IAAEd,QAAQ;IAAE2B,KAAK;IAAER;EAAO,CAAC,EAAES,KAAK,kBACjEtF,MAAA,CAAAmB,OAAA,CAAA+C,aAAA;IACEqB,GAAG,EAAEH,KAAM;IACXjB,SAAS,EAAEC,cAAK,CAACoB,SAAU;IAC3B,eAAa,yCAAyCF,KAAK;EAAG,gBAE9DtF,MAAA,CAAAmB,OAAA,CAAA+C,aAAA,CAACzD,kBAAA,CAAAU,OAAiB;IAChBoE,GAAG,EAAEH,KAAM;IACXtC,KAAK,EAAE0B,KAAM;IACbiB,QAAQ,EAAEZ,OAAQ;IAClBa,IAAI,EAAElB,KAAM;IACZmB,OAAO,EAAEjC,QAAS;IAClBoB,WAAW,EAAEtC;EAAqB,CACnC,CAAC,eACFxC,MAAA,CAAAmB,OAAA,CAAA+C,aAAA;IAAGC,SAAS,EAAEC,cAAK,CAACwB;EAAY,GAAEP,KAAS,CACxC,CACN,CAEA,CAAC,EACLpC,OAAO,CAAC4C,MAAM,GAAGnD,uBAAuB,gBACvC1C,MAAA,CAAAmB,OAAA,CAAA+C,aAAA,2BACElE,MAAA,CAAAmB,OAAA,CAAA+C,aAAA,CAAC5D,WAAA,CAAAa,OAAU;IACTqD,KAAK,EAAEpB,QAAQ,GAAGF,SAAS,CAAC,WAAW,CAAC,GAAGA,SAAS,CAAC,WAAW,CAAE;IAClEwB,IAAI,EAAC,MAAM;IACXoB,IAAI,EAAE;MACJC,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE;QACNN,IAAI,EAAEtC,QAAQ,GAAG,YAAY,GAAG,cAAc;QAC9CuB,IAAI,EAAE,EAAE;QACRsB,KAAK,EAAEC,cAAM,CAACC;MAChB;IACF,CAAE;IACFrB,WAAW,EAAE1C,iBAAkB;IAC/ByC,OAAO,EAAEhB,cAAe;IACxB,eAAY;EAAwC,CACrD,CACE,CAAC,GACJ,IACD,CAAC;AAEV,CAAC;AAEDlB,uBAAuB,CAACyD,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,mBAAS;AAE7CzD,uBAAuB,CAAC6D,YAAY,GAAG;EACrCtD,SAAS,EAAEuD,iBAAQ,CAACC,iBAAiB,CAACxD;AACxC,CAAC;AAAC,IAAAyD,QAAA,GAAAC,OAAA,CAAAzF,OAAA,GAEawB,uBAAuB","ignoreList":[]}
+{"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","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 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 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          <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      {size(options) > 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\nFilterCheckboxAndSearch.propTypes = propTypes;\n\nFilterCheckboxAndSearch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default FilterCheckboxAndSearch;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.36.4",
+  "version": "11.36.5-alpha.2+0b7059862",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -165,5 +165,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "294158c0be4d1556b0bf010a6c7452d0d1015716"
+  "gitHead": "0b70598627932bbe3c4204d147dd478610ff8041"
 }