@coorpacademy/components 11.40.0 → 11.40.1-alpha.6

package/es/molecule/quick-filters/index.js

@@ -0,0 +1,179 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useCallback, useRef, useEffect } from 'react';
+import classNames from 'classnames';
+import FaIcon from '../../atom/icon';
+import { COLORS } from '../../variables/colors';
+import ButtonLink from '../../atom/button-link';
+import style from './style.css';
+import { propTypes } from './types';
+const SCROLL_RIGHT_SIZE = 380;
+const SCROLL_LEFT_SIZE = -380;
+export const handleScroll = (direction, listRef) => {
+  if (listRef.current) {
+    listRef.current.scrollBy({
+      left: direction,
+      behavior: 'smooth'
+    });
+  }
+};
+const getFilterButton = filterButtonProps => {
+  if (!filterButtonProps) return null;
+  const {
+    tag
+  } = filterButtonProps;
+  return /*#__PURE__*/React.createElement("div", {
+    className: tag ? style.filterButtonWrapper : ''
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.filterButton
+  }, /*#__PURE__*/React.createElement(ButtonLink, _extends({}, filterButtonProps, {
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: 'sliders',
+        size: 14,
+        color: tag ? COLORS.cm_grey_700 : COLORS.neutral_500
+      }
+    },
+    "data-testid": "open-filters-modal-button",
+    customStyle: {
+      borderRadius: '12px'
+    }
+  }))));
+};
+const QuickFilters = ({
+  primaryOption,
+  filterOptions,
+  filterButton,
+  nextFilterAriaLabel,
+  previousFilterAriaLabel,
+  filterOptionsAriaLabel
+}) => {
+  const {
+    defaultLabel,
+    defaultIconName,
+    defaultSelected,
+    defaultAriaLabel,
+    onDefaultClick
+  } = primaryOption;
+  const filtersListRef = React.useRef(null);
+  const rightBtnRef = useRef(null);
+  const leftBtnRef = useRef(null);
+  const handleScrollRight = useCallback(() => {
+    handleScroll(SCROLL_RIGHT_SIZE, filtersListRef);
+  }, [filtersListRef]);
+  const handleScrollLeft = useCallback(() => {
+    handleScroll(SCROLL_LEFT_SIZE, filtersListRef);
+  }, [filtersListRef]);
+  useEffect(() => {
+    const list = filtersListRef.current;
+    const rightButton = rightBtnRef.current;
+    const leftButton = leftBtnRef.current;
+    /* istanbul ignore next */ // not testable without complex mocking useRef
+    if (!list || !leftButton || !rightButton) return;
+    const update = () => {
+      const rightArrowWidth = rightButton.offsetWidth;
+      rightButton.style.visibility = list.scrollLeft + list.clientWidth < list.scrollWidth - rightArrowWidth ? 'visible' : 'hidden';
+      leftButton.style.visibility = list.scrollLeft > 0 ? 'visible' : 'hidden';
+      leftButton.style.display = list.scrollLeft > 0 ? 'flex' : 'none';
+    };
+    list.addEventListener('scroll', update);
+    window.addEventListener('resize', update);
+    update();
+    return () => {
+      list.removeEventListener('scroll', update);
+      window.removeEventListener('resize', update);
+    };
+  }, [filterOptions]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.filtersMainContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.leftArrowButton,
+    ref: leftBtnRef,
+    style: {
+      visibility: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(ButtonLink, {
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: 'arrow-left',
+        size: 15
+      }
+    },
+    onClick: handleScrollLeft,
+    customStyle: {
+      height: '36px'
+    },
+    "data-testid": "scroll-left-button",
+    "aria-label": previousFilterAriaLabel
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.filtersList,
+    ref: filtersListRef,
+    "data-testid": "filters-options-list",
+    "aria-label": filterOptionsAriaLabel
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": "all-option",
+    className: classNames(style.defaultOption, defaultSelected && style.filterSelected),
+    onClick: onDefaultClick
+  }, /*#__PURE__*/React.createElement(FaIcon, {
+    iconName: defaultIconName,
+    size: {
+      faSize: 20,
+      wrapperSize: 20
+    },
+    iconColor: defaultSelected ? COLORS.cm_grey_700 : COLORS.neutral_500,
+    "aria-label": defaultAriaLabel
+  }), /*#__PURE__*/React.createElement("span", {
+    className: style.filterLabel
+  }, defaultLabel)), /*#__PURE__*/React.createElement("div", {
+    className: style.filterSeparator
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.filtersContainer
+  }, filterOptions.map((filterOption, idx) => {
+    const {
+      iconName,
+      label,
+      selected,
+      value,
+      onClick,
+      ariaLabel
+    } = filterOption;
+    return /*#__PURE__*/React.createElement("div", {
+      key: idx,
+      className: classNames(style.filterOption, selected && style.filterSelected),
+      "data-testid": `filter-${value}-${idx}`,
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement(FaIcon, {
+      iconName: iconName,
+      iconColor: selected ? COLORS.cm_grey_700 : COLORS.neutral_500,
+      size: {
+        faSize: 20,
+        wrapperSize: 20
+      },
+      "aria-label": ariaLabel
+    }), /*#__PURE__*/React.createElement("span", null, label));
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.rightArrowButton,
+    ref: rightBtnRef,
+    style: {
+      visibility: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(ButtonLink, {
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: 'arrow-right',
+        size: 15
+      }
+    },
+    onClick: handleScrollRight,
+    customStyle: {
+      height: '36px'
+    },
+    "data-testid": "scroll-right-button",
+    "aria-label": nextFilterAriaLabel
+  })))), getFilterButton(filterButton));
+};
+QuickFilters.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default QuickFilters;
+//# sourceMappingURL=index.js.map

package/es/molecule/quick-filters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useCallback","useRef","useEffect","classNames","FaIcon","COLORS","ButtonLink","style","propTypes","SCROLL_RIGHT_SIZE","SCROLL_LEFT_SIZE","handleScroll","direction","listRef","current","scrollBy","left","behavior","getFilterButton","filterButtonProps","tag","createElement","className","filterButtonWrapper","filterButton","_extends","icon","position","faIcon","name","size","color","cm_grey_700","neutral_500","customStyle","borderRadius","QuickFilters","primaryOption","filterOptions","nextFilterAriaLabel","previousFilterAriaLabel","filterOptionsAriaLabel","defaultLabel","defaultIconName","defaultSelected","defaultAriaLabel","onDefaultClick","filtersListRef","rightBtnRef","leftBtnRef","handleScrollRight","handleScrollLeft","list","rightButton","leftButton","update","rightArrowWidth","offsetWidth","visibility","scrollLeft","clientWidth","scrollWidth","display","addEventListener","window","removeEventListener","filtersMainContainer","leftArrowButton","ref","onClick","height","filtersList","defaultOption","filterSelected","iconName","faSize","wrapperSize","iconColor","filterLabel","filterSeparator","filtersContainer","map","filterOption","idx","label","selected","value","ariaLabel","key","rightArrowButton","process","env","NODE_ENV"],"sources":["../../../src/molecule/quick-filters/index.tsx"],"sourcesContent":["import React, {useCallback, useRef, useEffect} from 'react';\nimport classNames from 'classnames';\nimport FaIcon from '../../atom/icon';\nimport {COLORS} from '../../variables/colors';\nimport ButtonLink from '../../atom/button-link';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport style from './style.css';\nimport {QuickFiltersProps, propTypes} from './types';\n\nconst SCROLL_RIGHT_SIZE = 380;\nconst SCROLL_LEFT_SIZE = -380;\nexport const handleScroll = (direction: number, listRef: React.RefObject<HTMLDivElement>) => {\n  if (listRef.current) {\n    listRef.current.scrollBy({\n      left: direction,\n      behavior: 'smooth'\n    });\n  }\n};\n\nconst getFilterButton = (filterButtonProps: ButtonLinkProps | undefined) => {\n  if (!filterButtonProps) return null;\n  const {tag} = filterButtonProps;\n  return (\n    <div className={tag ? style.filterButtonWrapper : ''}>\n      <div className={style.filterButton}>\n        <ButtonLink\n          {...filterButtonProps}\n          icon={{\n            position: 'left',\n            faIcon: {\n              name: 'sliders',\n              size: 14,\n              color: tag ? COLORS.cm_grey_700 : COLORS.neutral_500\n            }\n          }}\n          data-testid=\"open-filters-modal-button\"\n          customStyle={{borderRadius: '12px'}}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst QuickFilters = ({\n  primaryOption,\n  filterOptions,\n  filterButton,\n  nextFilterAriaLabel,\n  previousFilterAriaLabel,\n  filterOptionsAriaLabel\n}: QuickFiltersProps) => {\n  const {defaultLabel, defaultIconName, defaultSelected, defaultAriaLabel, onDefaultClick} =\n    primaryOption;\n  const filtersListRef = React.useRef<HTMLDivElement>(null);\n  const rightBtnRef = useRef<HTMLDivElement>(null);\n  const leftBtnRef = useRef<HTMLDivElement>(null);\n\n  const handleScrollRight = useCallback(() => {\n    handleScroll(SCROLL_RIGHT_SIZE, filtersListRef);\n  }, [filtersListRef]);\n  const handleScrollLeft = useCallback(() => {\n    handleScroll(SCROLL_LEFT_SIZE, filtersListRef);\n  }, [filtersListRef]);\n  useEffect(() => {\n    const list = filtersListRef.current;\n    const rightButton = rightBtnRef.current;\n    const leftButton = leftBtnRef.current;\n    /* istanbul ignore next */ // not testable without complex mocking useRef\n    if (!list || !leftButton || !rightButton) return;\n\n    const update = () => {\n      const rightArrowWidth = rightButton.offsetWidth;\n      rightButton.style.visibility =\n        list.scrollLeft + list.clientWidth < list.scrollWidth - rightArrowWidth\n          ? 'visible'\n          : 'hidden';\n      leftButton.style.visibility = list.scrollLeft > 0 ? 'visible' : 'hidden';\n      leftButton.style.display = list.scrollLeft > 0 ? 'flex' : 'none';\n    };\n\n    list.addEventListener('scroll', update);\n    window.addEventListener('resize', update);\n    update();\n    return () => {\n      list.removeEventListener('scroll', update);\n      window.removeEventListener('resize', update);\n    };\n  }, [filterOptions]);\n\n  return (\n    <div className={style.filtersMainContainer}>\n      <div className={style.leftArrowButton} ref={leftBtnRef} style={{visibility: 'hidden'}}>\n        <ButtonLink\n          icon={{position: 'left', faIcon: {name: 'arrow-left', size: 15}}}\n          onClick={handleScrollLeft}\n          customStyle={{height: '36px'}}\n          data-testid=\"scroll-left-button\"\n          aria-label={previousFilterAriaLabel}\n        />\n      </div>\n      <div\n        className={style.filtersList}\n        ref={filtersListRef}\n        data-testid=\"filters-options-list\"\n        aria-label={filterOptionsAriaLabel}\n      >\n        <div\n          data-testid=\"all-option\"\n          className={classNames(style.defaultOption, defaultSelected && style.filterSelected)}\n          onClick={onDefaultClick}\n        >\n          <FaIcon\n            iconName={defaultIconName}\n            size={{faSize: 20, wrapperSize: 20}}\n            iconColor={defaultSelected ? COLORS.cm_grey_700 : COLORS.neutral_500}\n            aria-label={defaultAriaLabel}\n          />\n          <span className={style.filterLabel}>{defaultLabel}</span>\n        </div>\n        <div className={style.filterSeparator} />\n        <div className={style.filtersContainer}>\n          {filterOptions.map((filterOption, idx) => {\n            const {iconName, label, selected, value, onClick, ariaLabel} = filterOption;\n            return (\n              <div\n                key={idx}\n                className={classNames(style.filterOption, selected && style.filterSelected)}\n                data-testid={`filter-${value}-${idx}`}\n                onClick={onClick}\n              >\n                <FaIcon\n                  iconName={iconName}\n                  iconColor={selected ? COLORS.cm_grey_700 : COLORS.neutral_500}\n                  size={{faSize: 20, wrapperSize: 20}}\n                  aria-label={ariaLabel}\n                />\n                <span>{label}</span>\n              </div>\n            );\n          })}\n          <div className={style.rightArrowButton} ref={rightBtnRef} style={{visibility: 'hidden'}}>\n            <ButtonLink\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'arrow-right',\n                  size: 15\n                }\n              }}\n              onClick={handleScrollRight}\n              customStyle={{height: '36px'}}\n              data-testid=\"scroll-right-button\"\n              aria-label={nextFilterAriaLabel}\n            />\n          </div>\n        </div>\n      </div>\n      {getFilterButton(filterButton)}\n    </div>\n  );\n};\n\nQuickFilters.propTypes = propTypes;\nexport default QuickFilters;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,MAAM,EAAEC,SAAS,QAAO,OAAO;AAC3D,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,UAAU,MAAM,wBAAwB;AAE/C,OAAOC,KAAK,MAAM,aAAa;AAC/B,SAA2BC,SAAS,QAAO,SAAS;AAEpD,MAAMC,iBAAiB,GAAG,GAAG;AAC7B,MAAMC,gBAAgB,GAAG,CAAC,GAAG;AAC7B,OAAO,MAAMC,YAAY,GAAGA,CAACC,SAAiB,EAAEC,OAAwC,KAAK;EAC3F,IAAIA,OAAO,CAACC,OAAO,EAAE;IACnBD,OAAO,CAACC,OAAO,CAACC,QAAQ,CAAC;MACvBC,IAAI,EAAEJ,SAAS;MACfK,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ;AACF,CAAC;AAED,MAAMC,eAAe,GAAIC,iBAA8C,IAAK;EAC1E,IAAI,CAACA,iBAAiB,EAAE,OAAO,IAAI;EACnC,MAAM;IAACC;EAAG,CAAC,GAAGD,iBAAiB;EAC/B,oBACEpB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEF,GAAG,GAAGb,KAAK,CAACgB,mBAAmB,GAAG;EAAG,gBACnDxB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACiB;EAAa,gBACjCzB,KAAA,CAAAsB,aAAA,CAACf,UAAU,EAAAmB,QAAA,KACLN,iBAAiB;IACrBO,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBC,MAAM,EAAE;QACNC,IAAI,EAAE,SAAS;QACfC,IAAI,EAAE,EAAE;QACRC,KAAK,EAAEX,GAAG,GAAGf,MAAM,CAAC2B,WAAW,GAAG3B,MAAM,CAAC4B;MAC3C;IACF,CAAE;IACF,eAAY,2BAA2B;IACvCC,WAAW,EAAE;MAACC,YAAY,EAAE;IAAM;EAAE,EACrC,CACE,CACF,CAAC;AAEV,CAAC;AAED,MAAMC,YAAY,GAAGA,CAAC;EACpBC,aAAa;EACbC,aAAa;EACbd,YAAY;EACZe,mBAAmB;EACnBC,uBAAuB;EACvBC;AACiB,CAAC,KAAK;EACvB,MAAM;IAACC,YAAY;IAAEC,eAAe;IAAEC,eAAe;IAAEC,gBAAgB;IAAEC;EAAc,CAAC,GACtFT,aAAa;EACf,MAAMU,cAAc,GAAGhD,KAAK,CAACE,MAAM,CAAiB,IAAI,CAAC;EACzD,MAAM+C,WAAW,GAAG/C,MAAM,CAAiB,IAAI,CAAC;EAChD,MAAMgD,UAAU,GAAGhD,MAAM,CAAiB,IAAI,CAAC;EAE/C,MAAMiD,iBAAiB,GAAGlD,WAAW,CAAC,MAAM;IAC1CW,YAAY,CAACF,iBAAiB,EAAEsC,cAAc,CAAC;EACjD,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EACpB,MAAMI,gBAAgB,GAAGnD,WAAW,CAAC,MAAM;IACzCW,YAAY,CAACD,gBAAgB,EAAEqC,cAAc,CAAC;EAChD,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EACpB7C,SAAS,CAAC,MAAM;IACd,MAAMkD,IAAI,GAAGL,cAAc,CAACjC,OAAO;IACnC,MAAMuC,WAAW,GAAGL,WAAW,CAAClC,OAAO;IACvC,MAAMwC,UAAU,GAAGL,UAAU,CAACnC,OAAO;IACrC,2BAA2B;IAC3B,IAAI,CAACsC,IAAI,IAAI,CAACE,UAAU,IAAI,CAACD,WAAW,EAAE;IAE1C,MAAME,MAAM,GAAGA,CAAA,KAAM;MACnB,MAAMC,eAAe,GAAGH,WAAW,CAACI,WAAW;MAC/CJ,WAAW,CAAC9C,KAAK,CAACmD,UAAU,GAC1BN,IAAI,CAACO,UAAU,GAAGP,IAAI,CAACQ,WAAW,GAAGR,IAAI,CAACS,WAAW,GAAGL,eAAe,GACnE,SAAS,GACT,QAAQ;MACdF,UAAU,CAAC/C,KAAK,CAACmD,UAAU,GAAGN,IAAI,CAACO,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,QAAQ;MACxEL,UAAU,CAAC/C,KAAK,CAACuD,OAAO,GAAGV,IAAI,CAACO,UAAU,GAAG,CAAC,GAAG,MAAM,GAAG,MAAM;IAClE,CAAC;IAEDP,IAAI,CAACW,gBAAgB,CAAC,QAAQ,EAAER,MAAM,CAAC;IACvCS,MAAM,CAACD,gBAAgB,CAAC,QAAQ,EAAER,MAAM,CAAC;IACzCA,MAAM,CAAC,CAAC;IACR,OAAO,MAAM;MACXH,IAAI,CAACa,mBAAmB,CAAC,QAAQ,EAAEV,MAAM,CAAC;MAC1CS,MAAM,CAACC,mBAAmB,CAAC,QAAQ,EAAEV,MAAM,CAAC;IAC9C,CAAC;EACH,CAAC,EAAE,CAACjB,aAAa,CAAC,CAAC;EAEnB,oBACEvC,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAAC2D;EAAqB,gBACzCnE,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAAC4D,eAAgB;IAACC,GAAG,EAAEnB,UAAW;IAAC1C,KAAK,EAAE;MAACmD,UAAU,EAAE;IAAQ;EAAE,gBACpF3D,KAAA,CAAAsB,aAAA,CAACf,UAAU;IACToB,IAAI,EAAE;MAACC,QAAQ,EAAE,MAAM;MAAEC,MAAM,EAAE;QAACC,IAAI,EAAE,YAAY;QAAEC,IAAI,EAAE;MAAE;IAAC,CAAE;IACjEuC,OAAO,EAAElB,gBAAiB;IAC1BjB,WAAW,EAAE;MAACoC,MAAM,EAAE;IAAM,CAAE;IAC9B,eAAY,oBAAoB;IAChC,cAAY9B;EAAwB,CACrC,CACE,CAAC,eACNzC,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAEf,KAAK,CAACgE,WAAY;IAC7BH,GAAG,EAAErB,cAAe;IACpB,eAAY,sBAAsB;IAClC,cAAYN;EAAuB,gBAEnC1C,KAAA,CAAAsB,aAAA;IACE,eAAY,YAAY;IACxBC,SAAS,EAAEnB,UAAU,CAACI,KAAK,CAACiE,aAAa,EAAE5B,eAAe,IAAIrC,KAAK,CAACkE,cAAc,CAAE;IACpFJ,OAAO,EAAEvB;EAAe,gBAExB/C,KAAA,CAAAsB,aAAA,CAACjB,MAAM;IACLsE,QAAQ,EAAE/B,eAAgB;IAC1Bb,IAAI,EAAE;MAAC6C,MAAM,EAAE,EAAE;MAAEC,WAAW,EAAE;IAAE,CAAE;IACpCC,SAAS,EAAEjC,eAAe,GAAGvC,MAAM,CAAC2B,WAAW,GAAG3B,MAAM,CAAC4B,WAAY;IACrE,cAAYY;EAAiB,CAC9B,CAAC,eACF9C,KAAA,CAAAsB,aAAA;IAAMC,SAAS,EAAEf,KAAK,CAACuE;EAAY,GAAEpC,YAAmB,CACrD,CAAC,eACN3C,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACwE;EAAgB,CAAE,CAAC,eACzChF,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACyE;EAAiB,GACpC1C,aAAa,CAAC2C,GAAG,CAAC,CAACC,YAAY,EAAEC,GAAG,KAAK;IACxC,MAAM;MAACT,QAAQ;MAAEU,KAAK;MAAEC,QAAQ;MAAEC,KAAK;MAAEjB,OAAO;MAAEkB;IAAS,CAAC,GAAGL,YAAY;IAC3E,oBACEnF,KAAA,CAAAsB,aAAA;MACEmE,GAAG,EAAEL,GAAI;MACT7D,SAAS,EAAEnB,UAAU,CAACI,KAAK,CAAC2E,YAAY,EAAEG,QAAQ,IAAI9E,KAAK,CAACkE,cAAc,CAAE;MAC5E,eAAa,UAAUa,KAAK,IAAIH,GAAG,EAAG;MACtCd,OAAO,EAAEA;IAAQ,gBAEjBtE,KAAA,CAAAsB,aAAA,CAACjB,MAAM;MACLsE,QAAQ,EAAEA,QAAS;MACnBG,SAAS,EAAEQ,QAAQ,GAAGhF,MAAM,CAAC2B,WAAW,GAAG3B,MAAM,CAAC4B,WAAY;MAC9DH,IAAI,EAAE;QAAC6C,MAAM,EAAE,EAAE;QAAEC,WAAW,EAAE;MAAE,CAAE;MACpC,cAAYW;IAAU,CACvB,CAAC,eACFxF,KAAA,CAAAsB,aAAA,eAAO+D,KAAY,CAChB,CAAC;EAEV,CAAC,CAAC,eACFrF,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACkF,gBAAiB;IAACrB,GAAG,EAAEpB,WAAY;IAACzC,KAAK,EAAE;MAACmD,UAAU,EAAE;IAAQ;EAAE,gBACtF3D,KAAA,CAAAsB,aAAA,CAACf,UAAU;IACToB,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBC,MAAM,EAAE;QACNC,IAAI,EAAE,aAAa;QACnBC,IAAI,EAAE;MACR;IACF,CAAE;IACFuC,OAAO,EAAEnB,iBAAkB;IAC3BhB,WAAW,EAAE;MAACoC,MAAM,EAAE;IAAM,CAAE;IAC9B,eAAY,qBAAqB;IACjC,cAAY/B;EAAoB,CACjC,CACE,CACF,CACF,CAAC,EACLrB,eAAe,CAACM,YAAY,CAC1B,CAAC;AAEV,CAAC;AAEDY,YAAY,CAAC5B,SAAS,GAAAkF,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGpF,SAAS;AAClC,eAAe4B,YAAY","ignoreList":[]}

package/es/molecule/quick-filters/style.css

@@ -0,0 +1,119 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value cm_grey_100 from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
+@value cm_primary_blue from colors;
+
+.textBase {
+  font-family: "Gilroy";
+  font-style: normal;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
+}
+
+.filtersMainContainer {
+    composes: textBase;
+    display: flex;
+    align-items: center;
+}
+
+.filtersContainer {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+}
+
+.filtersList {
+    overflow-x: auto;
+    scrollbar-width: none;
+    align-items: center;
+    display: flex;
+    flex: 1;
+    position: relative;
+    margin-right: 40px;
+}
+
+.filterOption, .defaultOption {
+    display: flex;
+    color: cm_grey_500;
+    flex-direction: column;
+    gap: 8px;
+    padding: 12px;
+    flex-shrink: 0;
+    height: 72px;
+    cursor: pointer;
+    box-sizing: border-box;
+}
+
+.filterSelected {
+    color: cm_grey_700;
+    border-bottom: 2px solid cm_primary_blue;
+}
+
+.filterLabel {
+    min-width: 70px;
+}
+
+.filterSeparator {
+    padding: 24px;
+    align-items: center;
+    display: flex;
+    justify-content: center;
+    flex-shrink: 0;
+}
+
+.filterSeparator::before {
+  content: '';
+  width: 1px;
+  height: 24px;
+  background-color: cm_grey_100;
+}
+
+.filterButton {
+    margin-left: auto;
+    box-sizing: border-box;
+}
+
+.leftArrowButton, .rightArrowButton {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 36px;
+    height: 36px;
+    cursor: pointer;
+    background-color: cm_grey_100;
+    border-radius: 50%;
+    position: sticky;
+    z-index: 1;
+    transform: translateY(-10%);
+}
+
+.rightArrowButton {
+  right: 0;         
+  box-shadow: -20px 0 40px 40px white, 30px  0 40px 40px white;
+}
+
+.leftArrowButton {
+  left: 0;          
+  box-shadow: 20px 0 40px 40px white;
+}
+
+.filterButtonWrapper {
+    padding: 2px;
+    border-radius: 16px;
+    border: 2px solid cm_primary_blue;
+    box-sizing: border-box;
+}
+
+@media mobile {
+    .leftArrowButton, .rightArrowButton, .filterButton, .filterButtonWrapper {
+        display: none!important;
+    }
+
+    .filtersList{
+        margin-right: 0;
+    }
+}

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

@@ -0,0 +1,91 @@
+import PropTypes from 'prop-types';
+import { ButtonLinkProps } from '../../atom/button-link/types';
+export declare type QuickFiltersProps = {
+    primaryOption: {
+        defaultLabel: string;
+        defaultValue: string;
+        defaultIconName: string;
+        defaultSelected: boolean;
+        onDefaultClick: () => void;
+        defaultAriaLabel: string;
+    };
+    nextFilterAriaLabel: string;
+    previousFilterAriaLabel: string;
+    filterOptionsAriaLabel: string;
+    filterOptions: FilterOption[];
+    filterButton?: ButtonLinkProps;
+};
+export declare type ScrollByOptions = {
+    left: number;
+    behavior: string;
+};
+declare type FilterOption = {
+    iconName: string;
+    label: string;
+    value: string;
+    onClick: () => void;
+    selected: boolean;
+    ariaLabel: string;
+};
+export declare const propTypes: {
+    primaryOption: PropTypes.Requireable<PropTypes.InferProps<{
+        defaultLabel: PropTypes.Requireable<string>;
+        defaultValue: PropTypes.Requireable<string>;
+        defaultIconName: PropTypes.Requireable<string>;
+        defaultSelected: PropTypes.Requireable<boolean>;
+        defaultAriaLabel: PropTypes.Requireable<string>;
+        onDefaultClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }>>;
+    nextFilterAriaLabel: PropTypes.Requireable<string>;
+    previousFilterAriaLabel: PropTypes.Requireable<string>;
+    filterOptionsAriaLabel: PropTypes.Requireable<string>;
+    filterOptions: PropTypes.Requireable<(PropTypes.InferProps<{
+        iconName: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        selected: PropTypes.Requireable<boolean>;
+        ariaLabel: PropTypes.Requireable<string>;
+    }> | null | undefined)[]>;
+    filterButton: PropTypes.Requireable<PropTypes.InferProps<{
+        type: PropTypes.Requireable<string>;
+        usage: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        'aria-label': PropTypes.Requireable<string>;
+        tooltipText: PropTypes.Requireable<string>;
+        tooltipPlacement: PropTypes.Requireable<string>;
+        'data-name': PropTypes.Requireable<string>;
+        'data-testid': PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<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<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
+            }>>;
+        }>>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        link: PropTypes.Requireable<PropTypes.InferProps<{
+            href: PropTypes.Requireable<string>;
+            download: PropTypes.Requireable<boolean>;
+            target: PropTypes.Requireable<string>;
+        }>>;
+        hoverBackgroundColor: PropTypes.Requireable<string>;
+        hoverColor: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
+        useTitle: PropTypes.Requireable<boolean>;
+        customLabelClassName: PropTypes.Requireable<string>;
+    }>>;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

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

package/es/molecule/quick-filters/types.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types';
+import ButtonLink from '../../atom/button-link';
+export const propTypes = {
+  primaryOption: PropTypes.shape({
+    defaultLabel: PropTypes.string,
+    defaultValue: PropTypes.string,
+    defaultIconName: PropTypes.string,
+    defaultSelected: PropTypes.bool,
+    defaultAriaLabel: PropTypes.string,
+    onDefaultClick: PropTypes.func
+  }),
+  nextFilterAriaLabel: PropTypes.string,
+  previousFilterAriaLabel: PropTypes.string,
+  filterOptionsAriaLabel: PropTypes.string,
+  filterOptions: PropTypes.arrayOf(PropTypes.shape({
+    iconName: PropTypes.string,
+    label: PropTypes.string,
+    value: PropTypes.string,
+    onClick: PropTypes.func,
+    selected: PropTypes.bool,
+    ariaLabel: PropTypes.string
+  })),
+  filterButton: PropTypes.shape(ButtonLink.propTypes)
+};
+//# sourceMappingURL=types.js.map

package/es/molecule/quick-filters/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","ButtonLink","propTypes","primaryOption","shape","defaultLabel","string","defaultValue","defaultIconName","defaultSelected","bool","defaultAriaLabel","onDefaultClick","func","nextFilterAriaLabel","previousFilterAriaLabel","filterOptionsAriaLabel","filterOptions","arrayOf","iconName","label","value","onClick","selected","ariaLabel","filterButton"],"sources":["../../../src/molecule/quick-filters/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport ButtonLink from '../../atom/button-link';\n\nexport type QuickFiltersProps = {\n  primaryOption: {\n    defaultLabel: string;\n    defaultValue: string;\n    defaultIconName: string;\n    defaultSelected: boolean;\n    onDefaultClick: () => void;\n    defaultAriaLabel: string;\n  };\n  nextFilterAriaLabel: string;\n  previousFilterAriaLabel: string;\n  filterOptionsAriaLabel: string;\n  filterOptions: FilterOption[];\n  filterButton?: ButtonLinkProps;\n};\n\nexport type ScrollByOptions = {\n  left: number;\n  behavior: string;\n};\n\ntype FilterOption = {\n  iconName: string;\n  label: string;\n  value: string;\n  onClick: () => void;\n  selected: boolean;\n  ariaLabel: string;\n};\n\nexport const propTypes = {\n  primaryOption: PropTypes.shape({\n    defaultLabel: PropTypes.string,\n    defaultValue: PropTypes.string,\n    defaultIconName: PropTypes.string,\n    defaultSelected: PropTypes.bool,\n    defaultAriaLabel: PropTypes.string,\n    onDefaultClick: PropTypes.func\n  }),\n  nextFilterAriaLabel: PropTypes.string,\n  previousFilterAriaLabel: PropTypes.string,\n  filterOptionsAriaLabel: PropTypes.string,\n  filterOptions: PropTypes.arrayOf(\n    PropTypes.shape({\n      iconName: PropTypes.string,\n      label: PropTypes.string,\n      value: PropTypes.string,\n      onClick: PropTypes.func,\n      selected: PropTypes.bool,\n      ariaLabel: PropTypes.string\n    })\n  ),\n  filterButton: PropTypes.shape(ButtonLink.propTypes)\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,wBAAwB;AAgC/C,OAAO,MAAMC,SAAS,GAAG;EACvBC,aAAa,EAAEH,SAAS,CAACI,KAAK,CAAC;IAC7BC,YAAY,EAAEL,SAAS,CAACM,MAAM;IAC9BC,YAAY,EAAEP,SAAS,CAACM,MAAM;IAC9BE,eAAe,EAAER,SAAS,CAACM,MAAM;IACjCG,eAAe,EAAET,SAAS,CAACU,IAAI;IAC/BC,gBAAgB,EAAEX,SAAS,CAACM,MAAM;IAClCM,cAAc,EAAEZ,SAAS,CAACa;EAC5B,CAAC,CAAC;EACFC,mBAAmB,EAAEd,SAAS,CAACM,MAAM;EACrCS,uBAAuB,EAAEf,SAAS,CAACM,MAAM;EACzCU,sBAAsB,EAAEhB,SAAS,CAACM,MAAM;EACxCW,aAAa,EAAEjB,SAAS,CAACkB,OAAO,CAC9BlB,SAAS,CAACI,KAAK,CAAC;IACde,QAAQ,EAAEnB,SAAS,CAACM,MAAM;IAC1Bc,KAAK,EAAEpB,SAAS,CAACM,MAAM;IACvBe,KAAK,EAAErB,SAAS,CAACM,MAAM;IACvBgB,OAAO,EAAEtB,SAAS,CAACa,IAAI;IACvBU,QAAQ,EAAEvB,SAAS,CAACU,IAAI;IACxBc,SAAS,EAAExB,SAAS,CAACM;EACvB,CAAC,CACH,CAAC;EACDmB,YAAY,EAAEzB,SAAS,CAACI,KAAK,CAACH,UAAU,CAACC,SAAS;AACpD,CAAC","ignoreList":[]}

package/lib/atom/button-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AA6D7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4IzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAQA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AA8D7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqJzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/lib/atom/button-link/index.js

@@ -9,13 +9,14 @@ var _link = _interopRequireDefault(require("../link"));
 var _icon = _interopRequireWildcard(require("../icon"));
 var _buttonIcons = require("../../util/button-icons");
 var _tooltip = _interopRequireDefault(require("../tooltip"));
+var _tag = _interopRequireDefault(require("../tag"));
 var _types = _interopRequireDefault(require("./types"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverColor, customLabelClassName) => {
+const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverColor, customLabelClassName, tag) => {
   const {
     type,
     faIcon,
@@ -57,7 +58,7 @@ const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverCol
     className: _style.default.buttonContent
   }, position === 'left' ? iconComponent : null, content ? /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.label
-  }, content) : null, position === 'right' ? iconComponent : null);
+  }, content) : null, tag ? /*#__PURE__*/_react.default.createElement(_tag.default, tag) : null, position === 'right' ? iconComponent : null);
 };
 const ButtonLink = props => {
   const {
@@ -80,7 +81,8 @@ const ButtonLink = props => {
     className,
     customStyle,
     useTitle = true,
-    customLabelClassName
+    customLabelClassName,
+    tag
   } = props;
   const styleButton = (0, _classnames.default)(link && _style.default.link, className, _style.default.button, !label && _style.default.iconButton, type === 'primary' && _style.default.primary, type === 'secondary' && _style.default.secondary, type === 'tertiary' && _style.default.tertiary, type === 'text' && _style.default.text, type === 'dangerous' && _style.default.dangerous, disabled && _style.default.disabled);
   const [hovered, setHovered] = (0, _react.useState)(false);
@@ -128,7 +130,7 @@ const ButtonLink = props => {
       hoverBackgroundColor: hoverBackgroundColor,
       onMouseEnter: handleMouseOver,
       onMouseLeave: handleMouseLeave
-    }), getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor, customLabelClassName), renderToolTip());
+    }), getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor, customLabelClassName, tag), renderToolTip());
   }
   return /*#__PURE__*/_react.default.createElement("button", _extends({}, useTitle && {
     title: ariaLabel || label
@@ -149,7 +151,7 @@ const ButtonLink = props => {
     onMouseLeave: handleMouseLeave,
     tabIndex: 0,
     disabled: disabled
-  }), getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor), renderToolTip());
+  }), getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor, customLabelClassName, tag), renderToolTip());
 };
 ButtonLink.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
 var _default = exports.default = ButtonLink;

package/lib/atom/button-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_link","_icon","_buttonIcons","_tooltip","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","customLabelClassName","type","faIcon","position","Icon","ICONS","createElement","className","style","buttonContent","label","dangerouslySetInnerHTML","__html","iconComponent","iconName","name","iconColor","color","DEFAULT_ICON_COLOR","backgroundColor","size","faSize","wrapperSize","customStyle","theme","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop2","onKeyDown","useTitle","styleButton","classnames","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","useState","handleOnClick","useCallback","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","useMemo","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon, {DEFAULT_ICON_COLOR, IconProps} from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (\n  icon?: IconType,\n  content?: string | React.ReactNode,\n  hovered?: boolean,\n  hoverBackgroundColor?: string,\n  hoverColor?: string,\n  customLabelClassName?: string\n) => {\n  const {type, faIcon, position} = icon || {type: '', position: ''};\n  const Icon = type && ICONS[type];\n\n  if (!Icon && !faIcon) {\n    return (\n      <div className={(style.buttonContent, customLabelClassName)}>\n        {typeof content === 'string' ? (\n          <span\n            className={(style.label, customLabelClassName)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        ) : (\n          <span className={(style.label, customLabelClassName)}>{content}</span>\n        )}\n      </div>\n    );\n  }\n\n  const iconComponent = faIcon ? (\n    <FaIcon\n      {...({\n        iconName: faIcon.name,\n        iconColor: hovered && hoverColor ? hoverColor : faIcon.color ?? DEFAULT_ICON_COLOR,\n        // eslint-disable-next-line no-nested-ternary\n        backgroundColor: !faIcon?.backgroundColor\n          ? null\n          : hovered && hoverBackgroundColor\n          ? hoverBackgroundColor\n          : faIcon.backgroundColor,\n        size: {\n          faSize: faIcon.size,\n          wrapperSize: faIcon.size\n        },\n        customStyle: faIcon.customStyle\n      } as IconProps)}\n    />\n  ) : (\n    <Icon className={style.icon} theme=\"coorpmanager\" />\n  );\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? iconComponent : null}\n      {content ? <span className={style.label}>{content}</span> : null}\n      {position === 'right' ? iconComponent : null}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    usage = 'button',\n    label,\n    content,\n    hoverBackgroundColor,\n    hoverColor,\n    disabled = false,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    tooltipText,\n    tooltipPlacement = 'left',\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    useTitle = true,\n    customLabelClassName\n  } = props;\n  const styleButton = classnames(\n    link && style.link,\n    className,\n    style.button,\n    !label && style.iconButton,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const [hovered, setHovered] = useState(false);\n\n  const handleOnClick = useCallback(event => onClick(event), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n  const handleMouseOver = useCallback(() => {\n    setHovered(true);\n  }, [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const TooltipContent = useCallback(\n    () => <span className={style.tooltipContentWrapper}>{tooltipText || ariaLabel}</span>,\n    [tooltipText, ariaLabel]\n  );\n\n  const renderToolTip = () => {\n    const closeToolTipInformationTextAriaLabel = tooltipText || ariaLabel;\n    if (!closeToolTipInformationTextAriaLabel) return null;\n    return (\n      <ToolTip\n        fontSize={12}\n        anchorId=\"button-icon\"\n        toolTipIsVisible={hovered}\n        placement={tooltipPlacement}\n        TooltipContent={TooltipContent}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      />\n    );\n  };\n\n  const _customStyle = useMemo(() => {\n    return {\n      ...customStyle,\n      ...((hoverBackgroundColor || hoverColor) && hovered\n        ? {\n            backgroundColor: hoverBackgroundColor,\n            color: hoverColor\n          }\n        : null)\n    };\n  }, [hoverBackgroundColor, hoverColor, hovered, customStyle]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        {...(useTitle && {\n          title: ariaLabel || label\n        })}\n        className={styleButton}\n        style={customStyle}\n        data-name={dataName}\n        data-testid={dataTestId}\n        onClick={handleOnClick}\n        aria-label={ariaLabel || label}\n        hoverColor={hoverColor}\n        hoverBackgroundColor={hoverBackgroundColor}\n        onMouseEnter={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n      >\n        {getButtonContent(\n          icon,\n          content ?? label,\n          hovered,\n          hoverBackgroundColor,\n          hoverColor,\n          customLabelClassName\n        )}\n        {renderToolTip()}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      {...(ariaLabel && !label\n        ? {\n            'data-for': 'button-icon',\n            'data-tip': hovered\n          }\n        : {})}\n      // eslint-disable-next-line react/button-has-type\n      type={usage}\n      aria-label={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={_customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      tabIndex={0}\n      disabled={disabled}\n    >\n      {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\n      {renderToolTip()}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_link","_icon","_buttonIcons","_tooltip","_tag","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","customLabelClassName","tag","type","faIcon","position","Icon","ICONS","createElement","className","style","buttonContent","label","dangerouslySetInnerHTML","__html","iconComponent","iconName","name","iconColor","color","DEFAULT_ICON_COLOR","backgroundColor","size","faSize","wrapperSize","customStyle","theme","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop2","onKeyDown","useTitle","styleButton","classnames","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","useState","handleOnClick","useCallback","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","useMemo","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon, {DEFAULT_ICON_COLOR, IconProps} from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\nimport Tag from '../tag';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (\n  icon?: IconType,\n  content?: string | React.ReactNode,\n  hovered?: boolean,\n  hoverBackgroundColor?: string,\n  hoverColor?: string,\n  customLabelClassName?: string,\n  tag?: React.ComponentProps<typeof Tag>\n) => {\n  const {type, faIcon, position} = icon || {type: '', position: ''};\n  const Icon = type && ICONS[type];\n\n  if (!Icon && !faIcon) {\n    return (\n      <div className={(style.buttonContent, customLabelClassName)}>\n        {typeof content === 'string' ? (\n          <span\n            className={(style.label, customLabelClassName)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        ) : (\n          <span className={(style.label, customLabelClassName)}>{content}</span>\n        )}\n      </div>\n    );\n  }\n\n  const iconComponent = faIcon ? (\n    <FaIcon\n      {...({\n        iconName: faIcon.name,\n        iconColor: hovered && hoverColor ? hoverColor : faIcon.color ?? DEFAULT_ICON_COLOR,\n        // eslint-disable-next-line no-nested-ternary\n        backgroundColor: !faIcon?.backgroundColor\n          ? null\n          : hovered && hoverBackgroundColor\n          ? hoverBackgroundColor\n          : faIcon.backgroundColor,\n        size: {\n          faSize: faIcon.size,\n          wrapperSize: faIcon.size\n        },\n        customStyle: faIcon.customStyle\n      } as IconProps)}\n    />\n  ) : (\n    <Icon className={style.icon} theme=\"coorpmanager\" />\n  );\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? iconComponent : null}\n      {content ? <span className={style.label}>{content}</span> : null}\n      {tag ? <Tag {...tag} /> : null}\n      {position === 'right' ? iconComponent : null}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    usage = 'button',\n    label,\n    content,\n    hoverBackgroundColor,\n    hoverColor,\n    disabled = false,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    tooltipText,\n    tooltipPlacement = 'left',\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    useTitle = true,\n    customLabelClassName,\n    tag\n  } = props;\n  const styleButton = classnames(\n    link && style.link,\n    className,\n    style.button,\n    !label && style.iconButton,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const [hovered, setHovered] = useState(false);\n\n  const handleOnClick = useCallback(event => onClick(event), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n  const handleMouseOver = useCallback(() => {\n    setHovered(true);\n  }, [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const TooltipContent = useCallback(\n    () => <span className={style.tooltipContentWrapper}>{tooltipText || ariaLabel}</span>,\n    [tooltipText, ariaLabel]\n  );\n\n  const renderToolTip = () => {\n    const closeToolTipInformationTextAriaLabel = tooltipText || ariaLabel;\n    if (!closeToolTipInformationTextAriaLabel) return null;\n    return (\n      <ToolTip\n        fontSize={12}\n        anchorId=\"button-icon\"\n        toolTipIsVisible={hovered}\n        placement={tooltipPlacement}\n        TooltipContent={TooltipContent}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      />\n    );\n  };\n  const _customStyle = useMemo(() => {\n    return {\n      ...customStyle,\n      ...((hoverBackgroundColor || hoverColor) && hovered\n        ? {\n            backgroundColor: hoverBackgroundColor,\n            color: hoverColor\n          }\n        : null)\n    };\n  }, [hoverBackgroundColor, hoverColor, hovered, customStyle]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        {...(useTitle && {\n          title: ariaLabel || label\n        })}\n        className={styleButton}\n        style={customStyle}\n        data-name={dataName}\n        data-testid={dataTestId}\n        onClick={handleOnClick}\n        aria-label={ariaLabel || label}\n        hoverColor={hoverColor}\n        hoverBackgroundColor={hoverBackgroundColor}\n        onMouseEnter={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n      >\n        {getButtonContent(\n          icon,\n          content ?? label,\n          hovered,\n          hoverBackgroundColor,\n          hoverColor,\n          customLabelClassName,\n          tag\n        )}\n        {renderToolTip()}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      {...(ariaLabel && !label\n        ? {\n            'data-for': 'button-icon',\n            'data-tip': hovered\n          }\n        : {})}\n      // eslint-disable-next-line react/button-has-type\n      type={usage}\n      aria-label={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={_customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      tabIndex={0}\n      disabled={disabled}\n    >\n      {getButtonContent(\n        icon,\n        content ?? label,\n        hovered,\n        hoverBackgroundColor,\n        hoverColor,\n        customLabelClassName,\n        tag\n      )}\n      {renderToolTip()}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/button-link/style.css

@@ -110,4 +110,4 @@
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
-}
+}

package/lib/atom/button-link/types.d.ts

@@ -1,5 +1,7 @@
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ICONS } from '../../util/button-icons';
+import Tag from '../tag';
 export declare const iconPropTypes: {
     position: PropTypes.Requireable<string>;
     type: PropTypes.Requireable<string>;
@@ -89,6 +91,7 @@ export declare type ButtonLinkProps = {
     customStyle?: Record<string, string | number>;
     useTitle?: boolean;
     customLabelClassName?: string;
+    tag?: React.ComponentProps<typeof Tag>;
 };
 export declare type Fixture = {
     props: ButtonLinkProps;

package/lib/atom/button-link/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAU9C,eAAO,MAAM,aAAa;;;;;;;;;;;;CAIzB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBd,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC/C,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;KAClD,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAC;AAC9C,OAAO,GAAG,MAAM,QAAQ,CAAC;AAUzB,eAAO,MAAM,aAAa;;;;;;;;;;;;CAIzB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBd,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC/C,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACnE,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE;QACL,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;KAClD,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;CACxC,CAAC;AAEF,oBAAY,OAAO,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC;AAE/C,eAAe,SAAS,CAAC"}