{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nvar _jsxFileName = \"/home/gkkdzdg/www/src/components/listFilters/ListFilters.js\",\n    _this = this,\n    _s = $RefreshSig$();\n\nimport cn from 'classnames';\nimport Button from 'components/gui/Button';\nimport { useState } from 'react';\nimport styles from './ListFilters.module.scss';\n\nvar FilterItem = function FilterItem(_ref) {\n  var className = _ref.className,\n      label = _ref.label,\n      number = _ref.number,\n      active = _ref.active,\n      onClick = _ref.onClick;\n  return /*#__PURE__*/_jsxDEV(Button, {\n    onClick: onClick,\n    className: cn(styles.filterItem, active && styles.activeFilter, className),\n    children: [/*#__PURE__*/_jsxDEV(\"span\", {\n      children: label\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 17,\n      columnNumber: 10\n    }, _this), /*#__PURE__*/_jsxDEV(\"span\", {\n      className: styles.number,\n      children: number\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 18,\n      columnNumber: 10\n    }, _this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 10,\n    columnNumber: 7\n  }, _this);\n};\n\n_c = FilterItem;\n\nvar ListFilters = function ListFilters(_ref2) {\n  _s();\n\n  var className = _ref2.className,\n      title = _ref2.title,\n      filteredList = _ref2.filteredList,\n      filters = _ref2.filters,\n      onChange = _ref2.onChange;\n\n  var _useState = useState(filters[0].label),\n      currentItem = _useState[0],\n      setCurrentItem = _useState[1];\n\n  var handleClick = function handleClick(item) {\n    setCurrentItem(item.label);\n    onChange && onChange(item);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: cn(styles.listFilters, className),\n    children: [/*#__PURE__*/_jsxDEV(\"span\", {\n      className: cn(styles.title),\n      children: title\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 10\n    }, _this), filters.map(function (item) {\n      return /*#__PURE__*/_jsxDEV(FilterItem, {\n        label: item.label,\n        number: filteredList.filter(item.filter).length,\n        active: item.label == currentItem,\n        onClick: function onClick() {\n          return handleClick(item);\n        }\n      }, item.label, false, {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 13\n      }, _this);\n    })]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 33,\n    columnNumber: 7\n  }, _this);\n};\n\n_s(ListFilters, \"7OCSUf5DrogMvhdIYwPNoajuKNw=\");\n\n_c2 = ListFilters;\nexport default ListFilters;\n\nvar _c, _c2;\n\n$RefreshReg$(_c, \"FilterItem\");\n$RefreshReg$(_c2, \"ListFilters\");","map":{"version":3,"sources":["/home/gkkdzdg/www/src/components/listFilters/ListFilters.js"],"names":["cn","Button","useState","styles","FilterItem","className","label","number","active","onClick","filterItem","activeFilter","ListFilters","title","filteredList","filters","onChange","currentItem","setCurrentItem","handleClick","item","listFilters","map","filter","length"],"mappings":";;;;;;AACA,OAAOA,EAAP,MAAe,YAAf;AACA,OAAOC,MAAP,MAAmB,uBAAnB;AACA,SAASC,QAAT,QAAyB,OAAzB;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAoD;AAAA,MAAjDC,SAAiD,QAAjDA,SAAiD;AAAA,MAAtCC,KAAsC,QAAtCA,KAAsC;AAAA,MAA/BC,MAA+B,QAA/BA,MAA+B;AAAA,MAAvBC,MAAuB,QAAvBA,MAAuB;AAAA,MAAfC,OAAe,QAAfA,OAAe;AAEpE,sBACG,QAAC,MAAD;AACG,IAAA,OAAO,EAAEA,OADZ;AAEG,IAAA,SAAS,EAAET,EAAE,CACVG,MAAM,CAACO,UADG,EAEVF,MAAM,IAAIL,MAAM,CAACQ,YAFP,EAGVN,SAHU,CAFhB;AAAA,4BAOG;AAAA,gBAAOC;AAAP;AAAA;AAAA;AAAA;AAAA,aAPH,eAQG;AAAM,MAAA,SAAS,EAAEH,MAAM,CAACI,MAAxB;AAAA,gBAAiCA;AAAjC;AAAA;AAAA;AAAA;AAAA,aARH;AAAA;AAAA;AAAA;AAAA;AAAA,WADH;AAYF,CAdD;;KAAMH,U;;AAgBN,IAAMQ,WAAW,GAAG,SAAdA,WAAc,QAA4D;AAAA;;AAAA,MAAzDP,SAAyD,SAAzDA,SAAyD;AAAA,MAA9CQ,KAA8C,SAA9CA,KAA8C;AAAA,MAAvCC,YAAuC,SAAvCA,YAAuC;AAAA,MAAzBC,OAAyB,SAAzBA,OAAyB;AAAA,MAAhBC,QAAgB,SAAhBA,QAAgB;;AAAA,kBAEvCd,QAAQ,CAACa,OAAO,CAAC,CAAD,CAAP,CAAWT,KAAZ,CAF+B;AAAA,MAEtEW,WAFsE;AAAA,MAEzDC,cAFyD;;AAI7E,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAU;AAC3BF,IAAAA,cAAc,CAACE,IAAI,CAACd,KAAN,CAAd;AACAU,IAAAA,QAAQ,IAAIA,QAAQ,CAACI,IAAD,CAApB;AACF,GAHD;;AAKA,sBACG;AAAK,IAAA,SAAS,EAAEpB,EAAE,CACfG,MAAM,CAACkB,WADQ,EAEfhB,SAFe,CAAlB;AAAA,4BAIG;AAAM,MAAA,SAAS,EAAEL,EAAE,CAACG,MAAM,CAACU,KAAR,CAAnB;AAAA,gBAAoCA;AAApC;AAAA;AAAA;AAAA;AAAA,aAJH,EAKIE,OAAO,CAACO,GAAR,CAAY,UAAAF,IAAI;AAAA,0BACd,QAAC,UAAD;AAEG,QAAA,KAAK,EAAEA,IAAI,CAACd,KAFf;AAGG,QAAA,MAAM,EAAEQ,YAAY,CAACS,MAAb,CAAoBH,IAAI,CAACG,MAAzB,EAAiCC,MAH5C;AAIG,QAAA,MAAM,EAAEJ,IAAI,CAACd,KAAL,IAAcW,WAJzB;AAKG,QAAA,OAAO,EAAE;AAAA,iBAAME,WAAW,CAACC,IAAD,CAAjB;AAAA;AALZ,SACQA,IAAI,CAACd,KADb;AAAA;AAAA;AAAA;AAAA,eADc;AAAA,KAAhB,CALJ;AAAA;AAAA;AAAA;AAAA;AAAA,WADH;AAiBF,CA1BD;;GAAMM,W;;MAAAA,W;AA4BN,eAAeA,WAAf","sourcesContent":["\nimport cn from 'classnames'\nimport Button from 'components/gui/Button'\nimport { useState } from 'react'\nimport styles from './ListFilters.module.scss'\n\nconst FilterItem = ({ className, label, number, active, onClick, }) => {\n\n   return (\n      <Button\n         onClick={onClick}\n         className={cn(\n            styles.filterItem,\n            active && styles.activeFilter,\n            className,\n            )}>\n         <span>{label}</span>\n         <span className={styles.number}>{number}</span>\n      </Button>\n   )\n}\n\nconst ListFilters = ({ className, title, filteredList, filters, onChange, }) => {\n\n   const [currentItem, setCurrentItem] = useState(filters[0].label)\n\n   const handleClick = (item) => {\n      setCurrentItem(item.label)\n      onChange && onChange(item)\n   }\n\n   return (\n      <div className={cn(\n         styles.listFilters,\n         className,\n         )}>\n         <span className={cn(styles.title)}>{title}</span>\n         {filters.map(item => \n            <FilterItem\n               key={item.label}\n               label={item.label}\n               number={filteredList.filter(item.filter).length}\n               active={item.label == currentItem}\n               onClick={() => handleClick(item)}\n               />   \n         )}\n      </div>\n   )\n}\n\nexport default ListFilters\n\n"]},"metadata":{},"sourceType":"module"}