@coorpacademy/components 11.40.4 → 11.40.6-alpha.5

package/lib/molecule/icon-picker-modal/index.d.ts

@@ -6,8 +6,7 @@ declare namespace IconPickerModal {
     }
     namespace propTypes {
         const isOpen: PropTypes.Requireable<boolean>;
-        const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
-        const onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
         const onClose: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }

package/lib/molecule/icon-picker-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/icon-picker-modal/index.js"],"names":[],"mappings":";AAcA,+EAwIC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/icon-picker-modal/index.js"],"names":[],"mappings":";AAaA,+EA6GC"}

package/lib/molecule/icon-picker-modal/index.js

@@ -17,7 +17,6 @@ var _baseModal = _interopRequireDefault(require("../base-modal"));
 var _selectIcon = _interopRequireDefault(require("../../atom/select-icon"));
 var _provider = _interopRequireDefault(require("../../atom/provider"));
 var _searchForm = _interopRequireDefault(require("../search-form"));
-var _colors = require("../../variables/colors");
 var _style = _interopRequireDefault(require("./style.css"));
 var _useIconSearch = _interopRequireDefault(require("./use-icon-search"));
 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); }
@@ -27,14 +26,12 @@ const ICONS_PER_LOAD = 48;
 const IconPickerModal = (props, context) => {
   const {
     isOpen,
-    onCancel,
-    onConfirm,
-    onClose
+    onClose,
+    onClick
   } = props;
   const {
     translate
   } = context;
-  const [selectedIcon, setSelectedIcon] = (0, _react.useState)(null);
   const [displayedIcons, setDisplayedIcons] = (0, _react.useState)([]);
   const [currentIndex, setCurrentIndex] = (0, _react.useState)(0);
   const allIcons = (0, _react.useMemo)(() => (0, _pipe2.default)(_values2.default, (0, _map2.default)((0, _get2.default)('iconName')), _uniq2.default)(_proSolidSvgIcons.fas), []);
@@ -44,15 +41,9 @@ const IconPickerModal = (props, context) => {
     handleSearch,
     handleReset
   } = (0, _useIconSearch.default)(allIcons);
-  const handleCancel = (0, _react.useCallback)(() => {
-    onCancel();
-  }, [onCancel]);
   const handleClose = (0, _react.useCallback)(() => {
     onClose();
   }, [onClose]);
-  const handleIconClick = (0, _react.useCallback)(iconName => () => {
-    setSelectedIcon(prevSelectedIcon => prevSelectedIcon === iconName ? null : iconName);
-  }, []);
   const loadMoreIcons = (0, _react.useCallback)(() => {
     const nextIndex = currentIndex + ICONS_PER_LOAD;
     const newIcons = (0, _slice2.default)(currentIndex, nextIndex, searchResults);
@@ -73,36 +64,20 @@ const IconPickerModal = (props, context) => {
       loadMoreIcons();
     }
   }, [loadMoreIcons]);
-  const icons = (0, _react.useMemo)(() => (0, _pipe2.default)(_entries2.default, (0, _map2.default)(([index, iconName]) => /*#__PURE__*/_react.default.createElement(_selectIcon.default, {
-    key: `icon-${index}`,
-    size: "responsive",
-    "data-name": `icon-${index}`,
-    "aria-label": iconName,
-    faIcon: iconName,
-    onClick: handleIconClick(iconName),
-    options: {
-      isSelected: selectedIcon === iconName
+  const icons = (0, _react.useMemo)(() => (0, _pipe2.default)(_entries2.default, (0, _map2.default)(([index, iconName]) => {
+    function handleIconClick() {
+      return onClick(iconName);
     }
-  })))(displayedIcons), [displayedIcons, selectedIcon, handleIconClick]);
-  const footer = (0, _react.useMemo)(() => {
-    return {
-      cancelButton: {
-        onCancel: handleCancel,
-        label: translate('cancel')
-      },
-      confirmButton: {
-        onConfirm: () => {
-          onConfirm(selectedIcon);
-          setSelectedIcon(null);
-          onClose();
-        },
-        label: translate('confirm'),
-        iconName: 'plus',
-        disabled: selectedIcon === null,
-        color: _colors.COLORS.cm_primary_blue
-      }
-    };
-  }, [handleCancel, onConfirm, onClose, translate, selectedIcon]);
+    return /*#__PURE__*/_react.default.createElement(_selectIcon.default, {
+      key: `icon-${iconName}`,
+      size: "responsive",
+      "data-name": `icon-${iconName}`,
+      "aria-label": iconName,
+      faIcon: iconName,
+      onClick: handleIconClick,
+      options: {}
+    });
+  }))(displayedIcons), [displayedIcons, onClick]);
   if (!isOpen) return null;
   return /*#__PURE__*/_react.default.createElement(_baseModal.default, {
     title: translate('icon_picker_title'),
@@ -110,7 +85,6 @@ const IconPickerModal = (props, context) => {
     isOpen: isOpen,
     onClose: handleClose,
     onScroll: handleScroll,
-    footer: footer,
     headerIcon: {
       name: 'arrows-rotate',
       backgroundColor: '#D6E6FF'
@@ -147,8 +121,7 @@ IconPickerModal.contextTypes = {
 };
 IconPickerModal.propTypes = process.env.NODE_ENV !== "production" ? {
   isOpen: _propTypes.default.bool,
-  onCancel: _propTypes.default.func,
-  onConfirm: _propTypes.default.func,
+  onClick: _propTypes.default.func,
   onClose: _propTypes.default.func
 } : {};
 var _default = exports.default = IconPickerModal;

package/lib/molecule/icon-picker-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_proSolidSvgIcons","_baseModal","_selectIcon","_provider","_searchForm","_colors","_style","_useIconSearch","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICONS_PER_LOAD","IconPickerModal","props","context","isOpen","onCancel","onConfirm","onClose","translate","selectedIcon","setSelectedIcon","useState","displayedIcons","setDisplayedIcons","currentIndex","setCurrentIndex","allIcons","useMemo","_pipe2","_values2","_map2","_get2","_uniq2","fas","searchValue","searchResults","handleSearch","handleReset","useIconSearch","handleCancel","useCallback","handleClose","handleIconClick","iconName","prevSelectedIcon","loadMoreIcons","nextIndex","newIcons","_slice2","prevIcons","useEffect","handleScroll","event","scrollTop","clientHeight","scrollHeight","currentTarget","icons","_entries2","index","createElement","key","size","faIcon","onClick","options","isSelected","footer","cancelButton","label","confirmButton","disabled","color","COLORS","cm_primary_blue","title","description","onScroll","headerIcon","name","backgroundColor","className","style","iconPicker","Fragment","searchWrapper","search","placeholder","value","onChange","onReset","dataTestId","_size2","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","iconsListWrapper","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","func","_default","exports"],"sources":["../../../src/molecule/icon-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {entries, map, pipe, get, values, slice, size, uniq} from 'lodash/fp';\nimport BaseModal from '../base-modal';\nimport SelectIcon from '../../atom/select-icon';\nimport Provider from '../../atom/provider';\nimport SearchForm from '../search-form';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport useIconSearch from './use-icon-search';\n\nconst ICONS_PER_LOAD = 48;\n\nconst IconPickerModal = (props, context) => {\n  const {isOpen, onCancel, onConfirm, onClose} = props;\n  const {translate} = context;\n\n  const [selectedIcon, setSelectedIcon] = useState(null);\n  const [displayedIcons, setDisplayedIcons] = useState([]);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const allIcons = useMemo(() => pipe(values, map(get('iconName')), uniq)(fas), []);\n  const {searchValue, searchResults, handleSearch, handleReset} = useIconSearch(allIcons);\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const handleIconClick = useCallback(\n    iconName => () => {\n      setSelectedIcon(prevSelectedIcon => (prevSelectedIcon === iconName ? null : iconName));\n    },\n    []\n  );\n\n  const loadMoreIcons = useCallback(() => {\n    const nextIndex = currentIndex + ICONS_PER_LOAD;\n    const newIcons = slice(currentIndex, nextIndex, searchResults);\n    setDisplayedIcons(prevIcons => [...prevIcons, ...newIcons]);\n    setCurrentIndex(nextIndex);\n  }, [currentIndex, searchResults]);\n\n  useEffect(() => {\n    setDisplayedIcons(() => slice(0, ICONS_PER_LOAD, searchResults));\n    setCurrentIndex(ICONS_PER_LOAD);\n  }, [searchResults]);\n\n  const handleScroll = useCallback(\n    event => {\n      const {scrollTop, clientHeight, scrollHeight} = event.currentTarget;\n      if (scrollHeight - scrollTop <= clientHeight + 1) {\n        loadMoreIcons();\n      }\n    },\n    [loadMoreIcons]\n  );\n\n  const icons = useMemo(\n    () =>\n      pipe(\n        entries,\n        map(([index, iconName]) => (\n          <SelectIcon\n            key={`icon-${index}`}\n            size=\"responsive\"\n            data-name={`icon-${index}`}\n            aria-label={iconName}\n            faIcon={iconName}\n            onClick={handleIconClick(iconName)}\n            options={{isSelected: selectedIcon === iconName}}\n          />\n        ))\n      )(displayedIcons),\n    [displayedIcons, selectedIcon, handleIconClick]\n  );\n\n  const footer = useMemo(() => {\n    return {\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel')\n      },\n      confirmButton: {\n        onConfirm: () => {\n          onConfirm(selectedIcon);\n          setSelectedIcon(null);\n          onClose();\n        },\n        label: translate('confirm'),\n        iconName: 'plus',\n        disabled: selectedIcon === null,\n        color: COLORS.cm_primary_blue\n      }\n    };\n  }, [handleCancel, onConfirm, onClose, translate, selectedIcon]);\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('icon_picker_title')}\n      description={translate('icon_picker_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      onScroll={handleScroll}\n      footer={footer}\n      headerIcon={{\n        name: 'arrows-rotate',\n        backgroundColor: '#D6E6FF'\n      }}\n    >\n      <div className={style.iconPicker}>\n        {\n          <>\n            <div className={style.searchWrapper}>\n              <SearchForm\n                search={{\n                  placeholder: translate('search_place_holder'),\n                  value: searchValue,\n                  onChange: handleSearch\n                }}\n                onReset={handleReset}\n                dataTestId=\"search-input\"\n              />\n            </div>\n            {searchValue && size(searchResults) === 0 ? (\n              <div className={style.emptySearchResultContainer}>\n                <div className={style.emptySearchResultTitle}>\n                  {translate('empty_search_result_title', {searchValue})}\n                </div>\n                <div className={style.emptySearchResultDescription}>\n                  {translate('empty_search_result_description')}\n                </div>\n                <div className={style.emptySearchResultClearSearch} onClick={handleReset}>\n                  {translate('empty_search_result_clear_search')}\n                </div>\n              </div>\n            ) : (\n              <div className={style.iconsListWrapper}>{icons}</div>\n            )}\n          </>\n        }\n      </div>\n    </BaseModal>\n  );\n};\n\nIconPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconPickerModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default IconPickerModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_proSolidSvgIcons","_baseModal","_selectIcon","_provider","_searchForm","_style","_useIconSearch","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICONS_PER_LOAD","IconPickerModal","props","context","isOpen","onClose","onClick","translate","displayedIcons","setDisplayedIcons","useState","currentIndex","setCurrentIndex","allIcons","useMemo","_pipe2","_values2","_map2","_get2","_uniq2","fas","searchValue","searchResults","handleSearch","handleReset","useIconSearch","handleClose","useCallback","loadMoreIcons","nextIndex","newIcons","_slice2","prevIcons","useEffect","handleScroll","event","scrollTop","clientHeight","scrollHeight","currentTarget","icons","_entries2","index","iconName","handleIconClick","createElement","key","size","faIcon","options","title","description","onScroll","headerIcon","name","backgroundColor","className","style","iconPicker","Fragment","searchWrapper","search","placeholder","value","onChange","onReset","dataTestId","_size2","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","iconsListWrapper","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","func","_default","exports"],"sources":["../../../src/molecule/icon-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {entries, map, pipe, get, values, slice, size, uniq} from 'lodash/fp';\nimport BaseModal from '../base-modal';\nimport SelectIcon from '../../atom/select-icon';\nimport Provider from '../../atom/provider';\nimport SearchForm from '../search-form';\nimport style from './style.css';\nimport useIconSearch from './use-icon-search';\n\nconst ICONS_PER_LOAD = 48;\n\nconst IconPickerModal = (props, context) => {\n  const {isOpen, onClose, onClick} = props;\n  const {translate} = context;\n\n  const [displayedIcons, setDisplayedIcons] = useState([]);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const allIcons = useMemo(() => pipe(values, map(get('iconName')), uniq)(fas), []);\n  const {searchValue, searchResults, handleSearch, handleReset} = useIconSearch(allIcons);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const loadMoreIcons = useCallback(() => {\n    const nextIndex = currentIndex + ICONS_PER_LOAD;\n    const newIcons = slice(currentIndex, nextIndex, searchResults);\n    setDisplayedIcons(prevIcons => [...prevIcons, ...newIcons]);\n    setCurrentIndex(nextIndex);\n  }, [currentIndex, searchResults]);\n\n  useEffect(() => {\n    setDisplayedIcons(() => slice(0, ICONS_PER_LOAD, searchResults));\n    setCurrentIndex(ICONS_PER_LOAD);\n  }, [searchResults]);\n\n  const handleScroll = useCallback(\n    event => {\n      const {scrollTop, clientHeight, scrollHeight} = event.currentTarget;\n      if (scrollHeight - scrollTop <= clientHeight + 1) {\n        loadMoreIcons();\n      }\n    },\n    [loadMoreIcons]\n  );\n\n  const icons = useMemo(\n    () =>\n      pipe(\n        entries,\n        map(([index, iconName]) => {\n          function handleIconClick() {\n            return onClick(iconName);\n          }\n\n          return (\n            <SelectIcon\n              key={`icon-${iconName}`}\n              size=\"responsive\"\n              data-name={`icon-${iconName}`}\n              aria-label={iconName}\n              faIcon={iconName}\n              onClick={handleIconClick}\n              options={{}}\n            />\n          );\n        })\n      )(displayedIcons),\n    [displayedIcons, onClick]\n  );\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('icon_picker_title')}\n      description={translate('icon_picker_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      onScroll={handleScroll}\n      headerIcon={{\n        name: 'arrows-rotate',\n        backgroundColor: '#D6E6FF'\n      }}\n    >\n      <div className={style.iconPicker}>\n        {\n          <>\n            <div className={style.searchWrapper}>\n              <SearchForm\n                search={{\n                  placeholder: translate('search_place_holder'),\n                  value: searchValue,\n                  onChange: handleSearch\n                }}\n                onReset={handleReset}\n                dataTestId=\"search-input\"\n              />\n            </div>\n            {searchValue && size(searchResults) === 0 ? (\n              <div className={style.emptySearchResultContainer}>\n                <div className={style.emptySearchResultTitle}>\n                  {translate('empty_search_result_title', {searchValue})}\n                </div>\n                <div className={style.emptySearchResultDescription}>\n                  {translate('empty_search_result_description')}\n                </div>\n                <div className={style.emptySearchResultClearSearch} onClick={handleReset}>\n                  {translate('empty_search_result_clear_search')}\n                </div>\n              </div>\n            ) : (\n              <div className={style.iconsListWrapper}>{icons}</div>\n            )}\n          </>\n        }\n      </div>\n    </BaseModal>\n  );\n};\n\nIconPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconPickerModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onClick: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default IconPickerModal;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/multi-filter-panel/index.d.ts

@@ -6,16 +6,20 @@ declare const MultiFilterPanel: {
     propTypes: {
         title: import("prop-types").Requireable<string>;
         onClearAll: import("prop-types").Requireable<(...args: any[]) => any>;
+        onRemoveSelectedFilter: import("prop-types").Requireable<(...args: any[]) => any>;
         options: import("prop-types").Requireable<(NonNullable<import("prop-types").InferProps<{
             type: import("prop-types").Requireable<string>;
             options: import("prop-types").Requireable<import("prop-types").InferProps<{
                 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)[]>;
             }>>;
@@ -23,6 +27,7 @@ declare const MultiFilterPanel: {
             type: import("prop-types").Requireable<string>;
             options: import("prop-types").Requireable<import("prop-types").InferProps<{
                 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>;
@@ -46,6 +51,20 @@ declare const MultiFilterPanel: {
                     searchIconAriaLabel: import("prop-types").Requireable<string>;
                 }>>;
             }>>;
+        }> | import("prop-types").InferProps<{
+            type: import("prop-types").Requireable<string>;
+            options: import("prop-types").Requireable<import("prop-types").InferProps<{
+                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)[]>;
+            }>>;
         }> | null | undefined> | null | undefined)[]>;
     };
     contextTypes: {

package/lib/molecule/multi-filter-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AAqBlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDhF,CAAC;AAQF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AASjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AAwDlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDhF,CAAC;AAQF,eAAe,gBAAgB,CAAC"}

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

@@ -15,8 +15,11 @@ 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 _propTypes = _interopRequireDefault(require("./prop-types"));
+var _chip = _interopRequireDefault(require("../../atom/chip"));
+var _colors = require("../../variables/colors");
+var _filterSwitch = _interopRequireDefault(require("../../organism/filter-switch"));
 var _style = _interopRequireDefault(require("./style.css"));
+var _propTypes = _interopRequireDefault(require("./prop-types"));
 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 }; }
@@ -41,21 +44,47 @@ const buildFilters = filterOptions => {
       return /*#__PURE__*/_react.default.createElement(_filterChip.default, options);
     case 'checkbox':
       return /*#__PURE__*/_react.default.createElement(_filterCheckboxAndSearch.default, options);
+    case 'switch':
+      return /*#__PURE__*/_react.default.createElement(_filterSwitch.default, options);
     default:
       return null;
   }
 };
+const buildAllSelectedFilterChips = (selectedFilters, onRemoveSelectedFilter) => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.selectedFiltersContainer,
+    "data-testid": "selected-filters-container"
+  }, selectedFilters.map(filterItem => {
+    const {
+      label
+    } = filterItem;
+    function handleClick() {
+      return onRemoveSelectedFilter(label);
+    }
+    return /*#__PURE__*/_react.default.createElement(_chip.default, {
+      key: label,
+      onClick: handleClick,
+      text: label,
+      textColor: _colors.COLORS.neutral_500,
+      backgroundColor: _colors.COLORS.cm_grey_150,
+      customIcon: 'xmark',
+      customStyle: {
+        height: '28px',
+        padding: '4px 8px'
+      }
+    });
+  }));
+};
 const MultiFilterPanel = (props, context) => {
   const {
     title,
     onClearAll,
-    options
+    options,
+    onRemoveSelectedFilter = false
   } = props;
   const translate = (0, _provider.GetTranslateFromContext)(context);
-  const allSelectedFilters = (0, _pipe2.default)((0, _map2.default)('options'), (0, _flatMap2.default)('options'), (0, _filter2.default)({
-    selected: true
-  }), _size2.default)(options);
-  const hasSelectedFilters = allSelectedFilters > 0;
+  const allSelectedFilters = (0, _pipe2.default)((0, _map2.default)('options'), (0, _flatMap2.default)('options'), (0, _filter2.default)(filterOptions => filterOptions.selected || filterOptions.value === true))(options);
+  const hasSelectedFilters = (0, _size2.default)(allSelectedFilters) > 0;
   const filters = uncappedMap((filterOptions, i) => {
     const isLastItem = i + 1 === (0, _size2.default)(options);
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -71,7 +100,7 @@ const MultiFilterPanel = (props, context) => {
     type: "form-group",
     titleSize: "standard-light-weight"
   }), hasSelectedFilters ? /*#__PURE__*/_react.default.createElement(_tag.default, {
-    label: (0, _toString2.default)(allSelectedFilters),
+    label: (0, _toString2.default)((0, _size2.default)(allSelectedFilters)),
     type: "info",
     size: "S"
   }) : null), hasSelectedFilters ? /*#__PURE__*/_react.default.createElement("div", {
@@ -82,8 +111,9 @@ const MultiFilterPanel = (props, context) => {
     type: "text",
     "data-name": "filters-all-clear-button",
     "aria-label": "filters all clear button",
-    onClick: onClearAll
-  })) : null), filters);
+    onClick: onClearAll,
+    hoverColor: _colors.COLORS.primary_600
+  })) : null), onRemoveSelectedFilter && hasSelectedFilters ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, buildAllSelectedFilterChips(allSelectedFilters, onRemoveSelectedFilter)), FilterSeparator) : null, filters);
 };
 MultiFilterPanel.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.default : {};
 MultiFilterPanel.contextTypes = {

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 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":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_filterChip","_filterCheckboxAndSearch","_title","_tag","_buttonLink","_provider","_interopRequireWildcard","_chip","_colors","_filterSwitch","_style","_propTypes","_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","buildAllSelectedFilterChips","selectedFilters","onRemoveSelectedFilter","selectedFiltersContainer","map","filterItem","label","handleClick","key","onClick","text","textColor","COLORS","neutral_500","backgroundColor","cm_grey_150","customIcon","customStyle","height","MultiFilterPanel","props","context","title","onClearAll","translate","GetTranslateFromContext","allSelectedFilters","_pipe2","_flatMap2","_filter2","selected","value","hasSelectedFilters","_size2","filters","isLastItem","Fragment","header","titleContainer","titleSize","_toString2","size","buttonContainer","hoverColor","primary_600","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 Chip from '../../atom/chip';\nimport {COLORS} from '../../variables/colors';\nimport FilterSwitch from '../../organism/filter-switch';\nimport {FilterCheckboxAndSearchOptions} from '../../organism/filter-checkbox-and-search/props-types';\nimport {FilterChipOptionsProps} from '../../organism/filter-chip/prop-types';\nimport {FilterSwitchOptionsProps} from '../../organism/filter-switch/prop-types';\nimport style from './style.css';\nimport propTypes, {MultiFilterPanelProps, FilterOptionsProps} from './prop-types';\n\ntype SelectedFilter =\n  | FilterChipOptionsProps\n  | FilterSwitchOptionsProps\n  | FilterCheckboxAndSearchOptions;\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    case 'switch':\n      return <FilterSwitch {...options} />;\n    default:\n      return null;\n  }\n};\n\nconst buildAllSelectedFilterChips = (\n  selectedFilters: SelectedFilter[],\n  onRemoveSelectedFilter: (label: string) => void\n) => {\n  return (\n    <div className={style.selectedFiltersContainer} data-testid=\"selected-filters-container\">\n      {selectedFilters.map((filterItem: SelectedFilter) => {\n        const {label} = filterItem;\n\n        function handleClick() {\n          return onRemoveSelectedFilter(label);\n        }\n\n        return (\n          <Chip\n            key={label}\n            onClick={handleClick}\n            text={label}\n            textColor={COLORS.neutral_500}\n            backgroundColor={COLORS.cm_grey_150}\n            customIcon={'xmark'}\n            customStyle={{height: '28px', padding: '4px 8px'}}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nconst MultiFilterPanel = (props: MultiFilterPanelProps, context: WebContextValues) => {\n  const {title, onClearAll, options, onRemoveSelectedFilter = false} = props;\n  const translate = GetTranslateFromContext(context);\n  const allSelectedFilters: SelectedFilter[] = pipe(\n    map('options'),\n    flatMap('options'),\n    filter(filterOptions => filterOptions.selected || filterOptions.value === true)\n  )(options);\n  const hasSelectedFilters = size(allSelectedFilters) > 0;\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  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(size(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              hoverColor={COLORS.primary_600}\n            />\n          </div>\n        ) : null}\n      </div>\n      {onRemoveSelectedFilter && hasSelectedFilters ? (\n        <>\n          <div>{buildAllSelectedFilterChips(allSelectedFilters, onRemoveSelectedFilter)}</div>\n          {FilterSeparator}\n        </>\n      ) : null}\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/molecule/multi-filter-panel/prop-types.d.ts

@@ -1,19 +1,24 @@
 import PropTypes from 'prop-types';
 import { FilterChipProps } from '../../organism/filter-chip/prop-types';
 import { FilterCheckboxAndSearchProps } from '../../organism/filter-checkbox-and-search/props-types';
+import { FilterSwitchProps } from '../../organism/filter-switch/prop-types';
 declare const propTypes: {
     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)[]>;
         }>>;
@@ -21,6 +26,7 @@ declare const propTypes: {
         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>;
@@ -44,6 +50,20 @@ declare const propTypes: {
                 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)[]>;
 };
 export declare type OptionsChipProps = {
@@ -54,9 +74,14 @@ export declare type OptionsCheckboxProps = {
     type: 'checkbox';
     options: FilterCheckboxAndSearchProps;
 };
-export declare type FilterOptionsProps = OptionsChipProps | OptionsCheckboxProps;
+export declare type OptionsSwitchProps = {
+    type: 'switch';
+    options: FilterSwitchProps;
+};
+export declare type FilterOptionsProps = OptionsChipProps | OptionsCheckboxProps | OptionsSwitchProps;
 export declare type MultiFilterPanelProps = {
     title: string;
+    onRemoveSelectedFilter?: (label: string) => void;
     onClearAll: () => void;
     options: FilterOptionsProps[];
 };

package/lib/molecule/multi-filter-panel/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAC3F,OAAyC,EACvC,4BAA4B,EAC7B,MAAM,uDAAuD,CAAC;AAE/D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAed,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,4BAA4B,CAAC;CACvC,CAAC;AAEF,oBAAY,kBAAkB,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;AAEzE,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAC3F,OAAyC,EACvC,4BAA4B,EAC7B,MAAM,uDAAuD,CAAC;AAC/D,OAA8B,EAAC,iBAAiB,EAAC,MAAM,yCAAyC,CAAC;AAEjG,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBd,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,4BAA4B,CAAC;CACvC,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,oBAAY,kBAAkB,GAAG,gBAAgB,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAE9F,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/molecule/multi-filter-panel/prop-types.js

@@ -5,16 +5,21 @@ exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _propTypes2 = _interopRequireDefault(require("../../organism/filter-chip/prop-types"));
 var _propsTypes = _interopRequireDefault(require("../../organism/filter-checkbox-and-search/props-types"));
+var _propTypes3 = _interopRequireDefault(require("../../organism/filter-switch/prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const propTypes = {
   title: _propTypes.default.string,
   onClearAll: _propTypes.default.func,
+  onRemoveSelectedFilter: _propTypes.default.func,
   options: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     type: _propTypes.default.oneOf(['chip']),
     options: _propTypes.default.shape(_propTypes2.default)
   }), _propTypes.default.shape({
     type: _propTypes.default.oneOf(['checkbox']),
     options: _propTypes.default.shape(_propsTypes.default)
+  }), _propTypes.default.shape({
+    type: _propTypes.default.oneOf(['switch']),
+    options: _propTypes.default.shape(_propTypes3.default)
   })]))
 };
 var _default = exports.default = propTypes;

package/lib/molecule/multi-filter-panel/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","_propTypes2","_propsTypes","e","__esModule","default","propTypes","title","PropTypes","string","onClearAll","func","options","arrayOf","oneOfType","shape","type","oneOf","filterChipProptypes","filterCheckboxAndSearchProptypes","_default","exports"],"sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport filterChipProptypes, {FilterChipProps} from '../../organism/filter-chip/prop-types';\nimport filterCheckboxAndSearchProptypes, {\n  FilterCheckboxAndSearchProps\n} from '../../organism/filter-checkbox-and-search/props-types';\n\nconst propTypes = {\n  title: PropTypes.string,\n  onClearAll: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        type: PropTypes.oneOf(['chip']),\n        options: PropTypes.shape(filterChipProptypes)\n      }),\n      PropTypes.shape({\n        type: PropTypes.oneOf(['checkbox']),\n        options: PropTypes.shape(filterCheckboxAndSearchProptypes)\n      })\n    ])\n  )\n};\n\nexport type OptionsChipProps = {\n  type: 'chip';\n  options: FilterChipProps;\n};\n\nexport type OptionsCheckboxProps = {\n  type: 'checkbox';\n  options: FilterCheckboxAndSearchProps;\n};\n\nexport type FilterOptionsProps = OptionsChipProps | OptionsCheckboxProps;\n\nexport type MultiFilterPanelProps = {\n  title: string;\n  onClearAll: () => void;\n  options: FilterOptionsProps[];\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAE+D,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/D,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAS,CAACC,MAAM;EACvBC,UAAU,EAAEF,kBAAS,CAACG,IAAI;EAC1BC,OAAO,EAAEJ,kBAAS,CAACK,OAAO,CACxBL,kBAAS,CAACM,SAAS,CAAC,CAClBN,kBAAS,CAACO,KAAK,CAAC;IACdC,IAAI,EAAER,kBAAS,CAACS,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/BL,OAAO,EAAEJ,kBAAS,CAACO,KAAK,CAACG,mBAAmB;EAC9C,CAAC,CAAC,EACFV,kBAAS,CAACO,KAAK,CAAC;IACdC,IAAI,EAAER,kBAAS,CAACS,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IACnCL,OAAO,EAAEJ,kBAAS,CAACO,KAAK,CAACI,mBAAgC;EAC3D,CAAC,CAAC,CACH,CACH;AACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAoBaC,SAAS","ignoreList":[]}
+{"version":3,"file":"prop-types.js","names":["_propTypes","_interopRequireDefault","require","_propTypes2","_propsTypes","_propTypes3","e","__esModule","default","propTypes","title","PropTypes","string","onClearAll","func","onRemoveSelectedFilter","options","arrayOf","oneOfType","shape","type","oneOf","filterChipProptypes","filterCheckboxAndSearchProptypes","filterSwitchProptypes","_default","exports"],"sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport filterChipProptypes, {FilterChipProps} from '../../organism/filter-chip/prop-types';\nimport filterCheckboxAndSearchProptypes, {\n  FilterCheckboxAndSearchProps\n} from '../../organism/filter-checkbox-and-search/props-types';\nimport filterSwitchProptypes, {FilterSwitchProps} from '../../organism/filter-switch/prop-types';\n\nconst propTypes = {\n  title: PropTypes.string,\n  onClearAll: PropTypes.func,\n  onRemoveSelectedFilter: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        type: PropTypes.oneOf(['chip']),\n        options: PropTypes.shape(filterChipProptypes)\n      }),\n      PropTypes.shape({\n        type: PropTypes.oneOf(['checkbox']),\n        options: PropTypes.shape(filterCheckboxAndSearchProptypes)\n      }),\n      PropTypes.shape({\n        type: PropTypes.oneOf(['switch']),\n        options: PropTypes.shape(filterSwitchProptypes)\n      })\n    ])\n  )\n};\n\nexport type OptionsChipProps = {\n  type: 'chip';\n  options: FilterChipProps;\n};\n\nexport type OptionsCheckboxProps = {\n  type: 'checkbox';\n  options: FilterCheckboxAndSearchProps;\n};\n\nexport type OptionsSwitchProps = {\n  type: 'switch';\n  options: FilterSwitchProps;\n};\n\nexport type FilterOptionsProps = OptionsChipProps | OptionsCheckboxProps | OptionsSwitchProps;\n\nexport type MultiFilterPanelProps = {\n  title: string;\n  onRemoveSelectedFilter?: (label: string) => void;\n  onClearAll: () => void;\n  options: FilterOptionsProps[];\n};\n\nexport default propTypes;\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAiG,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjG,MAAMG,SAAS,GAAG;EAChBC,KAAK,EAAEC,kBAAS,CAACC,MAAM;EACvBC,UAAU,EAAEF,kBAAS,CAACG,IAAI;EAC1BC,sBAAsB,EAAEJ,kBAAS,CAACG,IAAI;EACtCE,OAAO,EAAEL,kBAAS,CAACM,OAAO,CACxBN,kBAAS,CAACO,SAAS,CAAC,CAClBP,kBAAS,CAACQ,KAAK,CAAC;IACdC,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/BL,OAAO,EAAEL,kBAAS,CAACQ,KAAK,CAACG,mBAAmB;EAC9C,CAAC,CAAC,EACFX,kBAAS,CAACQ,KAAK,CAAC;IACdC,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;IACnCL,OAAO,EAAEL,kBAAS,CAACQ,KAAK,CAACI,mBAAgC;EAC3D,CAAC,CAAC,EACFZ,kBAAS,CAACQ,KAAK,CAAC;IACdC,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;IACjCL,OAAO,EAAEL,kBAAS,CAACQ,KAAK,CAACK,mBAAqB;EAChD,CAAC,CAAC,CACH,CACH;AACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GA0BaC,SAAS","ignoreList":[]}

package/lib/molecule/multi-filter-panel/style.css

@@ -31,3 +31,11 @@
     align-self: stretch;
     margin: 24px 0;
 }
+
+
+.selectedFiltersContainer {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin-bottom: 24px;
+}

package/lib/molecule/quick-filters/index.d.ts

@@ -33,7 +33,7 @@ declare const QuickFilters: {
             tooltipPlacement: import("prop-types").Requireable<string>;
             'data-name': import("prop-types").Requireable<string>;
             'data-testid': import("prop-types").Requireable<string>;
-            icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+            icon: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
                 position: import("prop-types").Requireable<string>;
                 type: import("prop-types").Requireable<string>;
                 faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -41,11 +41,19 @@ declare const QuickFilters: {
                     color: import("prop-types").Requireable<string>;
                     backgroundColor: import("prop-types").Requireable<string>;
                     size: import("prop-types").Requireable<number>;
-                    customStyle: import("prop-types").Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
+                    customStyle: import("prop-types").Requireable<object>;
                 }>>;
-            }>>;
+            }> | (import("prop-types").InferProps<{
+                position: import("prop-types").Requireable<string>;
+                type: import("prop-types").Requireable<string>;
+                faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    name: import("prop-types").Validator<string>;
+                    color: import("prop-types").Requireable<string>;
+                    backgroundColor: import("prop-types").Requireable<string>;
+                    size: import("prop-types").Requireable<number>;
+                    customStyle: import("prop-types").Requireable<object>;
+                }>>;
+            }> | null | undefined)[] | null | undefined>>;
             onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             link: import("prop-types").Requireable<import("prop-types").InferProps<{
                 href: import("prop-types").Requireable<string>;
@@ -56,9 +64,8 @@ declare const QuickFilters: {
             hoverColor: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
             className: import("prop-types").Requireable<string>;
-            customStyle: import("prop-types").Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-            }>;
+            customStyle: import("prop-types").Requireable<object>;
+            contentCustomStyle: import("prop-types").Requireable<object>;
             useTitle: import("prop-types").Requireable<boolean>;
             customLabelClassName: import("prop-types").Requireable<string>;
         }>>;

package/lib/molecule/quick-filters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-filters/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAC,iBAAiB,EAAY,MAAM,SAAS,CAAC;AAIrD,eAAO,MAAM,YAAY,cAAe,MAAM,WAAW,MAAM,SAAS,CAAC,cAAc,CAAC,SAOvF,CAAC;AA0BF,QAAA,MAAM,YAAY;2HAOf,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8GnB,CAAC;AAGF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-filters/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAC,iBAAiB,EAAY,MAAM,SAAS,CAAC;AAIrD,eAAO,MAAM,YAAY,cAAe,MAAM,WAAW,MAAM,SAAS,CAAC,cAAc,CAAC,SAOvF,CAAC;AA0BF,QAAA,MAAM,YAAY;2HAOf,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8GnB,CAAC;AAGF,eAAe,YAAY,CAAC"}

package/lib/molecule/quick-filters/types.d.ts

@@ -57,7 +57,7 @@ export declare const propTypes: {
         tooltipPlacement: PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
         'data-testid': PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.InferProps<{
+        icon: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
             position: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -65,11 +65,19 @@ export declare const propTypes: {
                 color: PropTypes.Requireable<string>;
                 backgroundColor: PropTypes.Requireable<string>;
                 size: PropTypes.Requireable<number>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
+                customStyle: PropTypes.Requireable<object>;
             }>>;
-        }>>;
+        }> | (PropTypes.InferProps<{
+            position: PropTypes.Requireable<string>;
+            type: PropTypes.Requireable<string>;
+            faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                name: PropTypes.Validator<string>;
+                color: PropTypes.Requireable<string>;
+                backgroundColor: PropTypes.Requireable<string>;
+                size: PropTypes.Requireable<number>;
+                customStyle: PropTypes.Requireable<object>;
+            }>>;
+        }> | null | undefined)[] | null | undefined>>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         link: PropTypes.Requireable<PropTypes.InferProps<{
             href: PropTypes.Requireable<string>;
@@ -80,9 +88,8 @@ export declare const propTypes: {
         hoverColor: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;
-        customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-        }>;
+        customStyle: PropTypes.Requireable<object>;
+        contentCustomStyle: PropTypes.Requireable<object>;
         useTitle: PropTypes.Requireable<boolean>;
         customLabelClassName: PropTypes.Requireable<string>;
     }>>;

package/lib/molecule/quick-filters/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-filters/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAG7D,oBAAY,iBAAiB,GAAG;IAC9B,aAAa,EAAE;QACb,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,eAAe,EAAE,MAAM,CAAC;QACxB,eAAe,EAAE,OAAO,CAAC;QACzB,cAAc,EAAE,MAAM,IAAI,CAAC;QAC3B,gBAAgB,EAAE,MAAM,CAAC;KAC1B,CAAC;IACF,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;CAChC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,aAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-filters/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAG7D,oBAAY,iBAAiB,GAAG;IAC9B,aAAa,EAAE;QACb,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,eAAe,EAAE,MAAM,CAAC;QACxB,eAAe,EAAE,OAAO,CAAC;QACzB,cAAc,EAAE,MAAM,IAAI,CAAC;QAC3B,gBAAgB,EAAE,MAAM,CAAC;KAC1B,CAAC;IACF,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;CAChC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,aAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAC"}