| 1 | {"version":3,"file":"Labels.js","sources":["../src/components/DateRangePicker/Labels.js"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { IconCalendar } from '../../icons/components'\nimport { GU, RADIUS, textStyle } from '../../style'\nimport { useTheme } from '../../theme'\nimport { START_DATE, END_DATE, INPUT_BORDER } from './consts'\nimport ButtonBase from '../ButtonBase/ButtonBase'\n\nconst Labels = forwardRef(function Labels(\n { enabled, startText, endText, hasSetDates, onClick, ...props },\n ref\n) {\n const theme = useTheme()\n\n const hasNoStart = startText === START_DATE\n const hasNoEnd = endText === END_DATE\n\n return (\n <ButtonBase focusRingRadius={RADIUS} ref={ref} onClick={onClick}>\n <div\n css={`\n position: relative;\n width: ${27.5 * GU}px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 7px 6px;\n border: ${INPUT_BORDER}px solid\n ${hasSetDates ? theme.accent : theme.border};\n border-radius: ${RADIUS}px;\n background: ${theme.surface};\n overflow: hidden;\n cursor: pointer;\n &:active {\n border-color: ${theme.controlBorderPressed};\n }\n &:focus {\n outline: none;\n }\n `}\n {...props}\n >\n <div\n css={`\n display: flex;\n flex: 1;\n justify-content: space-around;\n align-items: center;\n `}\n >\n <div\n css={`\n color: ${hasNoStart ? theme.hint : 'inherit'};\n text-align: center;\n ${textStyle(hasNoStart ? 'body2' : 'body3')}\n `}\n >\n {startText}\n </div>\n <div\n css={`\n color: ${theme.hint.alpha(0.3)};\n font-size: 13px;\n `}\n >\n |\n </div>\n <div\n css={`\n color: ${hasNoEnd ? theme.hint : 'inherit'};\n text-align: center;\n ${textStyle(hasNoEnd ? 'body2' : 'body3')}\n `}\n >\n {endText}\n </div>\n </div>\n <div\n css={`\n display: flex;\n padding: 0 4px 0 10px;\n `}\n >\n <IconCalendar\n css={`\n color: ${enabled ? theme.accent : theme.surfaceIcon};\n `}\n />\n </div>\n </div>\n </ButtonBase>\n )\n})\n\nLabels.propTypes = {\n enabled: PropTypes.bool,\n hasSetDates: PropTypes.bool,\n onClick: PropTypes.func,\n startText: PropTypes.string.isRequired,\n endText: PropTypes.string.isRequired,\n}\n\nexport default Labels\n"],"names":["INPUT_BORDER","RADIUS","Labels","forwardRef","ref","enabled","startText","endText","hasSetDates","onClick","props","theme","useTheme","hasNoStart","START_DATE","hasNoEnd","END_DATE","React","ButtonBase","GU","accent","border","surface","controlBorderPressed","hint","textStyle","alpha","surfaceIcon","propTypes","PropTypes","bool","func","string","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BoBA;;GAEOC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AArB3B,IAAMC,MAAM,GAAGC,gBAAU,CAAC,SAASD,MAAT,OAExBE,GAFwB,EAGxB;AAAA,MAFEC,OAEF,QAFEA,OAEF;AAAA,MAFWC,SAEX,QAFWA,SAEX;AAAA,MAFsBC,OAEtB,QAFsBA,OAEtB;AAAA,MAF+BC,WAE/B,QAF+BA,WAE/B;AAAA,MAF4CC,OAE5C,QAF4CA,OAE5C;AAAA,MAFwDC,KAExD;;AACA,MAAMC,KAAK,GAAGC,cAAQ,EAAtB;AAEA,MAAMC,UAAU,GAAGP,SAAS,KAAKQ,iBAAjC;AACA,MAAMC,QAAQ,GAAGR,OAAO,KAAKS,eAA7B;AAEA,sBACEC,6BAACC,kBAAD;AAAY,IAAA,eAAe,EAAEjB,gBAA7B;AAAqC,IAAA,GAAG,EAAEG,GAA1C;AAA+C,IAAA,OAAO,EAAEK;AAAxD,kBACEQ,iEAqBMP,KArBN;AAAA,UAGa,OAAOS,YAHpB;AAAA,WASQX,WAAW,GAAGG,KAAK,CAACS,MAAT,GAAkBT,KAAK,CAACU,MAT3C;AAAA,WAWkBV,KAAK,CAACW,OAXxB;AAAA,WAesBX,KAAK,CAACY;AAf5B,mBAuBEN,6DAQEA;AAAA,WAEaJ,UAAU,GAAGF,KAAK,CAACa,IAAT,GAAgB,SAFvC;AAAA,WAIMC,oBAAS,CAACZ,UAAU,GAAG,OAAH,GAAa,OAAxB;AAJf,KAOGP,SAPH,CARF,eAiBEW;AAAA,WAEaN,KAAK,CAACa,IAAN,CAAWE,KAAX,CAAiB,GAAjB;AAFb,SAjBF,eAyBET;AAAA,WAEaF,QAAQ,GAAGJ,KAAK,CAACa,IAAT,GAAgB,SAFrC;AAAA,WAIMC,oBAAS,CAACV,QAAQ,GAAG,OAAH,GAAa,OAAtB;AAJf,KAOGR,OAPH,CAzBF,CAvBF,eA0DEU,6DAMEA;AAAA,YAEaZ,OAAO,GAAGM,KAAK,CAACS,MAAT,GAAkBT,KAAK,CAACgB;AAF5C,IANF,CA1DF,CADF,CADF;AA2ED,CApFwB,CAAzB;AAsFAzB,MAAM,CAAC0B,SAAP,GAAmB;AACjBvB,EAAAA,OAAO,EAAEwB,eAAS,CAACC,IADF;AAEjBtB,EAAAA,WAAW,EAAEqB,eAAS,CAACC,IAFN;AAGjBrB,EAAAA,OAAO,EAAEoB,eAAS,CAACE,IAHF;AAIjBzB,EAAAA,SAAS,EAAEuB,eAAS,CAACG,MAAV,CAAiBC,UAJX;AAKjB1B,EAAAA,OAAO,EAAEsB,eAAS,CAACG,MAAV,CAAiBC;AALT,CAAnB;;;;"} |