| 1 | {"version":3,"file":"PaginationItem.js","sources":["../src/components/Pagination/PaginationItem.js"],"sourcesContent":["import React, { useCallback } from 'react'\nimport PropTypes from 'prop-types'\nimport { css } from 'styled-components'\nimport { useTheme } from '../../theme'\nimport ButtonBase from '../ButtonBase/ButtonBase'\nimport { GU, RADIUS } from '../../style'\n\nfunction PaginationItem({ touchMode, selected, index, onChange }) {\n const theme = useTheme()\n\n const handleClick = useCallback(() => {\n onChange(index)\n }, [index, onChange])\n\n return (\n <div>\n <ButtonBase\n onClick={handleClick}\n focusRingRadius={RADIUS}\n disabled={selected}\n css={`\n width: ${(touchMode ? 4 : 3) * GU}px;\n height: ${(touchMode ? 4 : 3) * GU}px;\n color: ${theme.surfaceContent};\n border-radius: ${RADIUS}px;\n &:active {\n background: ${theme.surfacePressed};\n }\n\n ${selected &&\n css`\n && {\n background: ${theme.accent};\n color: ${theme.accentContent};\n }\n `};\n `}\n >\n <span\n css={`\n position: relative;\n top: 1px;\n `}\n >\n {index + 1}\n </span>\n </ButtonBase>\n </div>\n )\n}\n\nPaginationItem.propTypes = {\n index: PropTypes.number.isRequired,\n onChange: PropTypes.func.isRequired,\n selected: PropTypes.bool.isRequired,\n touchMode: PropTypes.bool.isRequired,\n}\n\nexport { PaginationItem }\n"],"names":["RADIUS","PaginationItem","touchMode","selected","index","onChange","theme","useTheme","handleClick","useCallback","React","GU","surfaceContent","surfacePressed","css","accent","accentContent","propTypes","PropTypes","number","isRequired","func","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwB2BA;;;;;;;;;;;AAjB3B,SAASC,cAAT,OAAkE;AAAA,MAAxCC,SAAwC,QAAxCA,SAAwC;AAAA,MAA7BC,QAA6B,QAA7BA,QAA6B;AAAA,MAAnBC,KAAmB,QAAnBA,KAAmB;AAAA,MAAZC,QAAY,QAAZA,QAAY;AAChE,MAAMC,KAAK,GAAGC,cAAQ,EAAtB;AAEA,MAAMC,WAAW,GAAGC,iBAAW,CAAC,YAAM;AACpCJ,IAAAA,QAAQ,CAACD,KAAD,CAAR;AACD,GAF8B,EAE5B,CAACA,KAAD,EAAQC,QAAR,CAF4B,CAA/B;AAIA,sBACEK,uDACEA;AACE,IAAA,OAAO,EAAEF,WADX;AAEE,IAAA,eAAe,EAAER,gBAFnB;AAGE,IAAA,QAAQ,EAAEG,QAHZ;AAAA,UAKa,CAACD,SAAS,GAAG,CAAH,GAAO,CAAjB,IAAsBS,YALnC;AAAA,WAMc,CAACT,SAAS,GAAG,CAAH,GAAO,CAAjB,IAAsBS,YANpC;AAAA,WAOaL,KAAK,CAACM,cAPnB;AAAA,WAUoBN,KAAK,CAACO,cAV1B;AAAA,WAaMV,QAAQ,IACRW,WADQ,sCAGUR,KAAK,CAACS,MAHhB,EAIKT,KAAK,CAACU,aAJX;AAbd,kBAsBEN,gDAMGN,KAAK,GAAG,CANX,CAtBF,CADF,CADF;AAmCD;;AAEDH,cAAc,CAACgB,SAAf,GAA2B;AACzBb,EAAAA,KAAK,EAAEc,eAAS,CAACC,MAAV,CAAiBC,UADC;AAEzBf,EAAAA,QAAQ,EAAEa,eAAS,CAACG,IAAV,CAAeD,UAFA;AAGzBjB,EAAAA,QAAQ,EAAEe,eAAS,CAACI,IAAV,CAAeF,UAHA;AAIzBlB,EAAAA,SAAS,EAAEgB,eAAS,CAACI,IAAV,CAAeF;AAJD,CAA3B;;;;"} |