@transferwise/components 0.0.0-experimental-35d02b6 → 0.0.0-experimental-8f9699a

package/build/index.esm.js

@@ -3599,12 +3599,10 @@ const TableLink = ({
   disabled,
   today,
   autofocus,
-  onClick,
-  intl: {
-    formatMessage
-  }
+  onClick
 }) => {
   const buttonRef = useRef(null);
+  const intl = useIntl();
   useEffect(() => {
     if (autofocus) {
       setTimeout(() => {
@@ -3620,7 +3618,7 @@ const TableLink = ({
   };
   const calculateAriaLabel = () => {
     if (active) {
-      return `${longTitle || title || ''}, ${formatMessage(messages$6.selected)} ${formatMessage(messages$6[type])}`;
+      return `${longTitle || title || ''}, ${intl.formatMessage(messages$6.selected)} ${intl.formatMessage(messages$6[type])}`;
     }
     return longTitle || title;
   };
@@ -3642,7 +3640,6 @@ const TableLink = ({
     })
   });
 };
-var TableLink$1 = injectIntl(TableLink);
 
 const SHORT_DAY_FORMAT = {
   day: 'numeric'
@@ -3744,7 +3741,7 @@ class DayCalendarTable extends PureComponent {
       children: [/*#__PURE__*/jsx("thead", {
         children: /*#__PURE__*/jsx("tr", {
           children: this.days.map((day, index) => /*#__PURE__*/jsxs("th", {
-            className: "text-xs-center np-text-body-default-bold",
+            className: index > 4 ? 'text-xs-center np-text-body-default' : 'text-xs-center np-text-body-default-bold',
             children: [/*#__PURE__*/jsx("span", {
               className: "hidden-xs",
               children: /*#__PURE__*/jsx("abbr", {
@@ -3763,8 +3760,8 @@ class DayCalendarTable extends PureComponent {
       }), /*#__PURE__*/jsx("tbody", {
         children: weeks.map((week, weekIndex) => /*#__PURE__*/jsx("tr", {
           children: week.map((day, dayIndex) => /*#__PURE__*/jsx("td", {
-            className: dayIndex > 4 ? 'default' : '',
-            children: day && /*#__PURE__*/jsx(TableLink$1, {
+            className: dayIndex > 4 ? 'weekend' : '',
+            children: day && /*#__PURE__*/jsx(TableLink, {
               item: day,
               type: "day",
               title: formatDate(new Date(viewYear, viewMonth, day), locale, SHORT_DAY_FORMAT),
@@ -3888,7 +3885,7 @@ const MonthCalendarTable = ({
     locale
   } = useIntl();
   const getLink = month => {
-    return /*#__PURE__*/jsx(TableLink$1, {
+    return /*#__PURE__*/jsx(TableLink, {
       item: month,
       type: "month",
       title: formatDate(new Date(viewYear, month), locale, MONTH_ONLY_FORMAT),
@@ -4037,19 +4034,19 @@ const YearCalendarTable = ({
   } = useIntl();
   const startYear = viewYear - viewYear % 20;
   const getLink = year => {
-    return /*#__PURE__*/jsx(TableLink$1, {
+    return /*#__PURE__*/jsx(TableLink, {
       item: year,
       type: "year",
       title: formatDate(new Date(year, 0), locale, YEAR_ONLY_FORMAT),
-      active: !!(selectedDate && year === selectedDate.getFullYear()),
+      active: isActive(year),
       disabled: isDisabled(year),
-      today: year === new Date().getFullYear(),
+      today: isThisYear(year),
       autofocus: autofocusYear === year,
       onClick: onSelect
     });
   };
   const isActive = year => {
-    return selectedDate && year === selectedDate.getFullYear();
+    return !!(selectedDate && year === selectedDate.getFullYear());
   };
   const isThisYear = year => {
     return year === new Date().getFullYear();