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

package/build/index.js

@@ -3633,12 +3633,10 @@ const TableLink = ({
   disabled,
   today,
   autofocus,
-  onClick,
-  intl: {
-    formatMessage
-  }
+  onClick
 }) => {
   const buttonRef = React.useRef(null);
+  const intl = reactIntl.useIntl();
   React.useEffect(() => {
     if (autofocus) {
       setTimeout(() => {
@@ -3654,7 +3652,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;
   };
@@ -3676,7 +3674,6 @@ const TableLink = ({
     })
   });
 };
-var TableLink$1 = reactIntl.injectIntl(TableLink);
 
 const SHORT_DAY_FORMAT = {
   day: 'numeric'
@@ -3778,7 +3775,7 @@ class DayCalendarTable extends React.PureComponent {
       children: [/*#__PURE__*/jsxRuntime.jsx("thead", {
         children: /*#__PURE__*/jsxRuntime.jsx("tr", {
           children: this.days.map((day, index) => /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("span", {
               className: "hidden-xs",
               children: /*#__PURE__*/jsxRuntime.jsx("abbr", {
@@ -3797,8 +3794,8 @@ class DayCalendarTable extends React.PureComponent {
       }), /*#__PURE__*/jsxRuntime.jsx("tbody", {
         children: weeks.map((week, weekIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
           children: week.map((day, dayIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
-            className: dayIndex > 4 ? 'default' : '',
-            children: day && /*#__PURE__*/jsxRuntime.jsx(TableLink$1, {
+            className: dayIndex > 4 ? 'weekend' : '',
+            children: day && /*#__PURE__*/jsxRuntime.jsx(TableLink, {
               item: day,
               type: "day",
               title: formatting.formatDate(new Date(viewYear, viewMonth, day), locale, SHORT_DAY_FORMAT),
@@ -3922,7 +3919,7 @@ const MonthCalendarTable = ({
     locale
   } = reactIntl.useIntl();
   const getLink = month => {
-    return /*#__PURE__*/jsxRuntime.jsx(TableLink$1, {
+    return /*#__PURE__*/jsxRuntime.jsx(TableLink, {
       item: month,
       type: "month",
       title: formatting.formatDate(new Date(viewYear, month), locale, MONTH_ONLY_FORMAT),
@@ -4071,19 +4068,19 @@ const YearCalendarTable = ({
   } = reactIntl.useIntl();
   const startYear = viewYear - viewYear % 20;
   const getLink = year => {
-    return /*#__PURE__*/jsxRuntime.jsx(TableLink$1, {
+    return /*#__PURE__*/jsxRuntime.jsx(TableLink, {
       item: year,
       type: "year",
       title: formatting.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();