@transferwise/components 0.0.0-experimental-83c2313 → 0.0.0-experimental-c29cd95

package/build/Calendar/DayCalendar/Table/DayCalendarTable.mjs

@@ -0,0 +1,151 @@
+import { formatDate } from '@transferwise/formatting';
+import { PureComponent } from 'react';
+import { injectIntl } from 'react-intl';
+import { getDayNames } from '../../../common/DateUtils/getDayNames/getDayNames.mjs';
+import { isWithinRange } from '../../../common/DateUtils/isWithinRange/isWithinRange.mjs';
+import { getFocusableTime } from '../../GetFocusableTime/GetFocusableTime.mjs';
+import { getStartOfDay } from '../../GetStartOfDay/GetStartOfDay.mjs';
+import TableLink from '../../tableLink/TableLink.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const SHORT_DAY_FORMAT = {
+  day: 'numeric'
+};
+class DayCalendarTable extends PureComponent {
+  getTableStructure = () => {
+    const {
+      viewMonth,
+      viewYear
+    } = this.props;
+    let firstDayOfMonth = new Date(viewYear, viewMonth, 1).getDay();
+    // JS Sunday is 0, we're setting it last
+    if (firstDayOfMonth === 0) {
+      firstDayOfMonth = 7;
+    }
+    const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();
+    let week = [];
+    const weeks = [];
+    let i;
+    // Pad first week
+    for (i = 1; i < firstDayOfMonth; i += 1) {
+      week.push(-1);
+    }
+    // Fill in days
+    for (i = 1; i <= daysInMonth; i += 1) {
+      week.push(i);
+      if ((firstDayOfMonth + i - 1) % 7 === 0) {
+        weeks.push(week);
+        week = [];
+      }
+    }
+    if (week.length > 0) {
+      // Pad last week
+      for (i = week.length; i < 7; i += 1) {
+        week.push(-1);
+      }
+      weeks.push(week);
+    }
+    return weeks;
+  };
+  days = getDayNames(this.props.intl.locale, 'short');
+  daysShort = getDayNames(this.props.intl.locale, 'narrow');
+  daysLong = getDayNames(this.props.intl.locale, 'long');
+  selectDay = day => {
+    const {
+      viewMonth,
+      viewYear,
+      onSelect
+    } = this.props;
+    onSelect(new Date(viewYear, viewMonth, day));
+  };
+  isDisabled = day => {
+    if (day < 0) {
+      return true;
+    }
+    const {
+      min,
+      max,
+      viewMonth,
+      viewYear
+    } = this.props;
+    const date = new Date(viewYear, viewMonth, day);
+    return !isWithinRange(date, min, max);
+  };
+  isActive = day => {
+    const {
+      selectedDate,
+      viewMonth,
+      viewYear
+    } = this.props;
+    return !!(selectedDate && Number(new Date(viewYear, viewMonth, day)) === Number(selectedDate));
+  };
+  isToday = day => {
+    const {
+      viewMonth,
+      viewYear
+    } = this.props;
+    return Number(getStartOfDay(new Date())) === Number(new Date(viewYear, viewMonth, day));
+  };
+  getAutofocusDay = weeks => {
+    const days = weeks.flatMap(week => week);
+    return getFocusableTime({
+      isActive: this.isActive,
+      isNow: this.isToday,
+      isDisabled: this.isDisabled,
+      timeSpan: days
+    });
+  };
+  render() {
+    const {
+      viewMonth,
+      viewYear,
+      intl
+    } = this.props;
+    const weeks = this.getTableStructure();
+    const autoFocusDay = this.getAutofocusDay(weeks);
+    return /*#__PURE__*/jsxs("table", {
+      className: "table table-condensed table-bordered tw-date-lookup-calendar m-b-0",
+      children: [/*#__PURE__*/jsx("thead", {
+        children: /*#__PURE__*/jsx("tr", {
+          children: this.days.map((day, index) => /*#__PURE__*/jsxs("th", {
+            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", {
+                title: this.daysLong[index],
+                children: day.slice(0, 3)
+              })
+            }), /*#__PURE__*/jsx("span", {
+              className: "visible-xs-inline-block",
+              children: /*#__PURE__*/jsx("abbr", {
+                title: this.daysLong[index],
+                children: this.daysShort[index].slice(0, 2)
+              })
+            })]
+          }, day))
+        })
+      }), /*#__PURE__*/jsx("tbody", {
+        children: weeks.map((week, weekIndex) => /*#__PURE__*/jsx("tr", {
+          children: week.map((day, dayIndex) => /*#__PURE__*/jsx("td", {
+            className: dayIndex > 4 ? 'weekend' : '',
+            children: day !== -1 && /*#__PURE__*/jsx(TableLink, {
+              item: day,
+              type: "day",
+              title: formatDate(new Date(viewYear, viewMonth, day), intl.locale, SHORT_DAY_FORMAT),
+              autofocus: day === autoFocusDay,
+              longTitle: formatDate(new Date(viewYear, viewMonth, day), intl.locale),
+              active: this.isActive(day),
+              disabled: this.isDisabled(day),
+              today: this.isToday(day),
+              onClick: this.selectDay
+            })
+          }, dayIndex))
+        }, weekIndex))
+      })]
+    });
+  }
+}
+var DayCalendarTable$1 = injectIntl(DayCalendarTable);
+
+export { DayCalendarTable$1 as default };
+//# sourceMappingURL=DayCalendarTable.mjs.map

package/build/Calendar/DayCalendar/Table/DayCalendarTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayCalendarTable.mjs","sources":["../../../../src/Calendar/DayCalendar/Table/DayCalendarTable.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, type WrappedComponentProps } from 'react-intl';\n\nimport { getDayNames, isWithinRange } from '../../../common/DateUtils';\nimport { getFocusableTime } from '../../GetFocusableTime/GetFocusableTime';\nimport { getStartOfDay } from '../../GetStartOfDay';\nimport TableLink from '../../tableLink';\n\nconst SHORT_DAY_FORMAT: Intl.DateTimeFormatOptions = { day: 'numeric' };\n\ninterface DayCalendarTableProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  onSelect: (date: Date) => void;\n}\n\nclass DayCalendarTable extends PureComponent<DayCalendarTableProps> {\n  getTableStructure = () => {\n    const { viewMonth, viewYear } = this.props;\n    let firstDayOfMonth = new Date(viewYear, viewMonth, 1).getDay();\n    // JS Sunday is 0, we're setting it last\n    if (firstDayOfMonth === 0) {\n      firstDayOfMonth = 7;\n    }\n    const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();\n\n    let week: number[] = [];\n    const weeks: number[][] = [];\n    let i;\n\n    // Pad first week\n    for (i = 1; i < firstDayOfMonth; i += 1) {\n      week.push(-1);\n    }\n    // Fill in days\n    for (i = 1; i <= daysInMonth; i += 1) {\n      week.push(i);\n      if ((firstDayOfMonth + i - 1) % 7 === 0) {\n        weeks.push(week);\n        week = [];\n      }\n    }\n    if (week.length > 0) {\n      // Pad last week\n      for (i = week.length; i < 7; i += 1) {\n        week.push(-1);\n      }\n      weeks.push(week);\n    }\n    return weeks;\n  };\n\n  days = getDayNames(this.props.intl.locale, 'short');\n  daysShort = getDayNames(this.props.intl.locale, 'narrow');\n  daysLong = getDayNames(this.props.intl.locale, 'long');\n\n  selectDay = (day: number) => {\n    const { viewMonth, viewYear, onSelect } = this.props;\n    onSelect(new Date(viewYear, viewMonth, day));\n  };\n\n  isDisabled = (day: number) => {\n    if (day < 0) {\n      return true;\n    }\n    const { min, max, viewMonth, viewYear } = this.props;\n    const date = new Date(viewYear, viewMonth, day);\n\n    return !isWithinRange(date, min, max);\n  };\n\n  isActive = (day: number) => {\n    const { selectedDate, viewMonth, viewYear } = this.props;\n    return !!(selectedDate && Number(new Date(viewYear, viewMonth, day)) === Number(selectedDate));\n  };\n\n  isToday = (day: number) => {\n    const { viewMonth, viewYear } = this.props;\n    return Number(getStartOfDay(new Date())) === Number(new Date(viewYear, viewMonth, day));\n  };\n\n  getAutofocusDay = (weeks: number[][]) => {\n    const days = weeks.flatMap((week) => week);\n    return getFocusableTime({\n      isActive: this.isActive,\n      isNow: this.isToday,\n      isDisabled: this.isDisabled,\n      timeSpan: days,\n    });\n  };\n\n  render() {\n    const { viewMonth, viewYear, intl } = this.props;\n    const weeks = this.getTableStructure();\n    const autoFocusDay = this.getAutofocusDay(weeks);\n    return (\n      <table className=\"table table-condensed table-bordered tw-date-lookup-calendar m-b-0\">\n        <thead>\n          <tr>\n            {this.days.map((day, index) => (\n              <th\n                key={day}\n                className={\n                  index > 4\n                    ? 'text-xs-center np-text-body-default'\n                    : 'text-xs-center np-text-body-default-bold'\n                }\n              >\n                <span className=\"hidden-xs\">\n                  <abbr title={this.daysLong[index]}>{day.slice(0, 3)}</abbr>\n                </span>\n                <span className=\"visible-xs-inline-block\">\n                  <abbr title={this.daysLong[index]}>{this.daysShort[index].slice(0, 2)}</abbr>\n                </span>\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {/* eslint-disable react/no-array-index-key */}\n          {weeks.map((week, weekIndex) => (\n            <tr key={weekIndex}>\n              {week.map((day, dayIndex) => (\n                <td key={dayIndex} className={dayIndex > 4 ? 'weekend' : ''}>\n                  {day !== -1 && (\n                    <TableLink\n                      item={day}\n                      type=\"day\"\n                      title={formatDate(\n                        new Date(viewYear, viewMonth, day),\n                        intl.locale,\n                        SHORT_DAY_FORMAT,\n                      )}\n                      autofocus={day === autoFocusDay}\n                      longTitle={formatDate(new Date(viewYear, viewMonth, day), intl.locale)}\n                      active={this.isActive(day)}\n                      disabled={this.isDisabled(day)}\n                      today={this.isToday(day)}\n                      onClick={this.selectDay}\n                    />\n                  )}\n                </td>\n              ))}\n            </tr>\n          ))}\n          {/* eslint-enable react/no-array-index-key */}\n        </tbody>\n      </table>\n    );\n  }\n}\n\nexport default injectIntl(DayCalendarTable);\n"],"names":["SHORT_DAY_FORMAT","day","DayCalendarTable","PureComponent","getTableStructure","viewMonth","viewYear","props","firstDayOfMonth","Date","getDay","daysInMonth","getDate","week","weeks","i","push","length","days","getDayNames","intl","locale","daysShort","daysLong","selectDay","onSelect","isDisabled","min","max","date","isWithinRange","isActive","selectedDate","Number","isToday","getStartOfDay","getAutofocusDay","flatMap","getFocusableTime","isNow","timeSpan","render","autoFocusDay","_jsxs","className","children","_jsx","map","index","title","slice","weekIndex","dayIndex","TableLink","item","type","formatDate","autofocus","longTitle","active","disabled","today","onClick","injectIntl"],"mappings":"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"}

package/build/Calendar/GetFocusableTime/GetFocusableTime.js

@@ -0,0 +1,8 @@
+'use strict';
+
+function getFocusableTime(props) {
+  return props.timeSpan.find(time => props.isActive(time)) || props.timeSpan.find(time => props.isNow(time) && !props.isDisabled(time)) || props.timeSpan.find(time => !props.isDisabled(time));
+}
+
+exports.getFocusableTime = getFocusableTime;
+//# sourceMappingURL=GetFocusableTime.js.map

package/build/Calendar/GetFocusableTime/GetFocusableTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetFocusableTime.js","sources":["../../../src/Calendar/GetFocusableTime/GetFocusableTime.tsx"],"sourcesContent":["interface FocusableTimeProps {\n  isActive: (time: number) => boolean;\n  isNow: (time: number) => boolean;\n  isDisabled: (time: number) => boolean;\n  timeSpan: readonly number[];\n}\n\nexport function getFocusableTime(props: FocusableTimeProps): number | undefined {\n  return (\n    props.timeSpan.find((time: number) => props.isActive(time)) ||\n    props.timeSpan.find((time: number) => props.isNow(time) && !props.isDisabled(time)) ||\n    props.timeSpan.find((time: number) => !props.isDisabled(time))\n  );\n}\n"],"names":["getFocusableTime","props","timeSpan","find","time","isActive","isNow","isDisabled"],"mappings":";;AAOM,SAAUA,gBAAgBA,CAACC,KAAyB,EAAA;EACxD,OACEA,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAKH,KAAK,CAACI,QAAQ,CAACD,IAAI,CAAC,CAAC,IAC3DH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAKH,KAAK,CAACK,KAAK,CAACF,IAAI,CAAC,IAAI,CAACH,KAAK,CAACM,UAAU,CAACH,IAAI,CAAC,CAAC,IACnFH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAK,CAACH,KAAK,CAACM,UAAU,CAACH,IAAI,CAAC,CAAC;AAElE;;;;"}

package/build/Calendar/GetFocusableTime/GetFocusableTime.mjs

@@ -0,0 +1,6 @@
+function getFocusableTime(props) {
+  return props.timeSpan.find(time => props.isActive(time)) || props.timeSpan.find(time => props.isNow(time) && !props.isDisabled(time)) || props.timeSpan.find(time => !props.isDisabled(time));
+}
+
+export { getFocusableTime };
+//# sourceMappingURL=GetFocusableTime.mjs.map

package/build/Calendar/GetFocusableTime/GetFocusableTime.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetFocusableTime.mjs","sources":["../../../src/Calendar/GetFocusableTime/GetFocusableTime.tsx"],"sourcesContent":["interface FocusableTimeProps {\n  isActive: (time: number) => boolean;\n  isNow: (time: number) => boolean;\n  isDisabled: (time: number) => boolean;\n  timeSpan: readonly number[];\n}\n\nexport function getFocusableTime(props: FocusableTimeProps): number | undefined {\n  return (\n    props.timeSpan.find((time: number) => props.isActive(time)) ||\n    props.timeSpan.find((time: number) => props.isNow(time) && !props.isDisabled(time)) ||\n    props.timeSpan.find((time: number) => !props.isDisabled(time))\n  );\n}\n"],"names":["getFocusableTime","props","timeSpan","find","time","isActive","isNow","isDisabled"],"mappings":"AAOM,SAAUA,gBAAgBA,CAACC,KAAyB,EAAA;EACxD,OACEA,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAKH,KAAK,CAACI,QAAQ,CAACD,IAAI,CAAC,CAAC,IAC3DH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAKH,KAAK,CAACK,KAAK,CAACF,IAAI,CAAC,IAAI,CAACH,KAAK,CAACM,UAAU,CAACH,IAAI,CAAC,CAAC,IACnFH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAK,CAACH,KAAK,CAACM,UAAU,CAACH,IAAI,CAAC,CAAC;AAElE;;;;"}

package/build/Calendar/GetStartOfDay/GetStartOfDay.js

@@ -0,0 +1,15 @@
+'use strict';
+
+// NB! Using with UTC timestamp (YYYY-MM-DD) might lead to unexpected results, for example
+// getStartOfDay(new Date('1995-01-01')) in Los Angeles returns 31 Dec 1994, but in
+// in Singapore it is 1 Jan 1995.
+// You might want to use/implement `getUTCStartOfDay` if you want it to be 1995 in any timezone
+function getStartOfDay(date) {
+  if (!date) {
+    return null;
+  }
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+}
+
+exports.getStartOfDay = getStartOfDay;
+//# sourceMappingURL=GetStartOfDay.js.map

package/build/Calendar/GetStartOfDay/GetStartOfDay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetStartOfDay.js","sources":["../../../src/Calendar/GetStartOfDay/GetStartOfDay.tsx"],"sourcesContent":["// NB! Using with UTC timestamp (YYYY-MM-DD) might lead to unexpected results, for example\n// getStartOfDay(new Date('1995-01-01')) in Los Angeles returns 31 Dec 1994, but in\n// in Singapore it is 1 Jan 1995.\n// You might want to use/implement `getUTCStartOfDay` if you want it to be 1995 in any timezone\nexport function getStartOfDay(date: Date | null) {\n  if (!date) {\n    return null;\n  }\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n"],"names":["getStartOfDay","date","Date","getFullYear","getMonth","getDate"],"mappings":";;AAAA;AACA;AACA;AACA;AACM,SAAUA,aAAaA,CAACC,IAAiB,EAAA;EAC7C,IAAI,CAACA,IAAI,EAAE;AACT,IAAA,OAAO,IAAI;AACb,EAAA;EACA,OAAO,IAAIC,IAAI,CAACD,IAAI,CAACE,WAAW,EAAE,EAAEF,IAAI,CAACG,QAAQ,EAAE,EAAEH,IAAI,CAACI,OAAO,EAAE,CAAC;AACtE;;;;"}

package/build/Calendar/GetStartOfDay/GetStartOfDay.mjs

@@ -0,0 +1,13 @@
+// NB! Using with UTC timestamp (YYYY-MM-DD) might lead to unexpected results, for example
+// getStartOfDay(new Date('1995-01-01')) in Los Angeles returns 31 Dec 1994, but in
+// in Singapore it is 1 Jan 1995.
+// You might want to use/implement `getUTCStartOfDay` if you want it to be 1995 in any timezone
+function getStartOfDay(date) {
+  if (!date) {
+    return null;
+  }
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+}
+
+export { getStartOfDay };
+//# sourceMappingURL=GetStartOfDay.mjs.map

package/build/Calendar/GetStartOfDay/GetStartOfDay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetStartOfDay.mjs","sources":["../../../src/Calendar/GetStartOfDay/GetStartOfDay.tsx"],"sourcesContent":["// NB! Using with UTC timestamp (YYYY-MM-DD) might lead to unexpected results, for example\n// getStartOfDay(new Date('1995-01-01')) in Los Angeles returns 31 Dec 1994, but in\n// in Singapore it is 1 Jan 1995.\n// You might want to use/implement `getUTCStartOfDay` if you want it to be 1995 in any timezone\nexport function getStartOfDay(date: Date | null) {\n  if (!date) {\n    return null;\n  }\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n"],"names":["getStartOfDay","date","Date","getFullYear","getMonth","getDate"],"mappings":"AAAA;AACA;AACA;AACA;AACM,SAAUA,aAAaA,CAACC,IAAiB,EAAA;EAC7C,IAAI,CAACA,IAAI,EAAE;AACT,IAAA,OAAO,IAAI;AACb,EAAA;EACA,OAAO,IAAIC,IAAI,CAACD,IAAI,CAACE,WAAW,EAAE,EAAEF,IAAI,CAACG,QAAQ,EAAE,EAAEH,IAAI,CAACI,OAAO,EAAE,CAAC;AACtE;;;;"}

package/build/Calendar/MonthCalendar/MonthCalendar.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formatting = require('@transferwise/formatting');
+var React = require('react');
+var reactIntl = require('react-intl');
+var Calendar_messages = require('../Calendar.messages.js');
+var DateHeader = require('../DateHeader/DateHeader.js');
+var MonthCalendarTable = require('./Table/MonthCalendarTable.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+let MonthCalendar$1 = class MonthCalendar extends React.PureComponent {
+  onMonthSelect = month => {
+    this.props.onViewDateUpdate({
+      month
+    });
+    this.props.onSelect();
+  };
+  selectPreviousYear = () => {
+    this.props.onViewDateUpdate({
+      year: this.props.viewYear - 1
+    });
+  };
+  selectNextYear = () => {
+    this.props.onViewDateUpdate({
+      year: this.props.viewYear + 1
+    });
+  };
+  render() {
+    const {
+      selectedDate,
+      min,
+      max,
+      viewYear,
+      intl: {
+        locale,
+        formatMessage
+      },
+      placeholder,
+      onLabelClick
+    } = this.props;
+    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader.default, {
+        dateMode: formatMessage(Calendar_messages.default.year),
+        label: formatting.formatDate(new Date(viewYear, 0), locale, {
+          year: 'numeric'
+        }),
+        onLabelClick: onLabelClick,
+        onPreviousClick: this.selectPreviousYear,
+        onNextClick: this.selectNextYear
+      }), /*#__PURE__*/jsxRuntime.jsx(MonthCalendarTable.default, {
+        selectedDate: selectedDate,
+        min: min,
+        max: max,
+        viewYear: viewYear,
+        placeholder: placeholder,
+        onSelect: this.onMonthSelect
+      })]
+    });
+  }
+};
+var MonthCalendar = reactIntl.injectIntl(MonthCalendar$1);
+
+exports.default = MonthCalendar;
+//# sourceMappingURL=MonthCalendar.js.map

package/build/Calendar/MonthCalendar/MonthCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthCalendar.js","sources":["../../../src/Calendar/MonthCalendar/MonthCalendar.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport messages from '../Calendar.messages';\nimport DateHeader from '../DateHeader';\n\nimport MonthCalendarTable from './Table';\n\ninterface MonthCalendarProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewYear: number;\n  placeholder?: string;\n  onSelect: () => void;\n  onLabelClick: () => void;\n  onViewDateUpdate: (date: { year?: number; month?: number }) => void;\n}\n\nclass MonthCalendar extends PureComponent<MonthCalendarProps> {\n  onMonthSelect = (month: number) => {\n    this.props.onViewDateUpdate({ month });\n    this.props.onSelect();\n  };\n\n  selectPreviousYear = () => {\n    this.props.onViewDateUpdate({ year: this.props.viewYear - 1 });\n  };\n\n  selectNextYear = () => {\n    this.props.onViewDateUpdate({ year: this.props.viewYear + 1 });\n  };\n\n  render() {\n    const {\n      selectedDate,\n      min,\n      max,\n      viewYear,\n      intl: { locale, formatMessage },\n      placeholder,\n      onLabelClick,\n    } = this.props;\n    return (\n      <>\n        <DateHeader\n          dateMode={formatMessage(messages.year)}\n          label={formatDate(new Date(viewYear, 0), locale, { year: 'numeric' })}\n          onLabelClick={onLabelClick}\n          onPreviousClick={this.selectPreviousYear}\n          onNextClick={this.selectNextYear}\n        />\n        <MonthCalendarTable\n          selectedDate={selectedDate}\n          min={min}\n          max={max}\n          viewYear={viewYear}\n          placeholder={placeholder}\n          onSelect={this.onMonthSelect}\n        />\n      </>\n    );\n  }\n}\n\nexport default injectIntl(MonthCalendar);\n"],"names":["MonthCalendar","PureComponent","onMonthSelect","month","props","onViewDateUpdate","onSelect","selectPreviousYear","year","viewYear","selectNextYear","render","selectedDate","min","max","intl","locale","formatMessage","placeholder","onLabelClick","_jsxs","_Fragment","children","_jsx","DateHeader","dateMode","messages","label","formatDate","Date","onPreviousClick","onNextClick","MonthCalendarTable","injectIntl"],"mappings":";;;;;;;;;;;;sBAoBA,MAAMA,aAAc,SAAQC,mBAAiC,CAAA;EAC3DC,aAAa,GAAIC,KAAa,IAAI;AAChC,IAAA,IAAI,CAACC,KAAK,CAACC,gBAAgB,CAAC;AAAEF,MAAAA;AAAK,KAAE,CAAC;AACtC,IAAA,IAAI,CAACC,KAAK,CAACE,QAAQ,EAAE;EACvB,CAAC;EAEDC,kBAAkB,GAAGA,MAAK;AACxB,IAAA,IAAI,CAACH,KAAK,CAACC,gBAAgB,CAAC;AAAEG,MAAAA,IAAI,EAAE,IAAI,CAACJ,KAAK,CAACK,QAAQ,GAAG;AAAC,KAAE,CAAC;EAChE,CAAC;EAEDC,cAAc,GAAGA,MAAK;AACpB,IAAA,IAAI,CAACN,KAAK,CAACC,gBAAgB,CAAC;AAAEG,MAAAA,IAAI,EAAE,IAAI,CAACJ,KAAK,CAACK,QAAQ,GAAG;AAAC,KAAE,CAAC;EAChE,CAAC;AAEDE,EAAAA,MAAMA,GAAA;IACJ,MAAM;MACJC,YAAY;MACZC,GAAG;MACHC,GAAG;MACHL,QAAQ;AACRM,MAAAA,IAAI,EAAE;QAAEC,MAAM;AAAEC,QAAAA;OAAe;MAC/BC,WAAW;AACXC,MAAAA;KACD,GAAG,IAAI,CAACf,KAAK;IACd,oBACEgB,eAAA,CAAAC,mBAAA,EAAA;MAAAC,QAAA,EAAA,cACEC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,QAAQ,EAAER,aAAa,CAACS,yBAAQ,CAAClB,IAAI,CAAE;AACvCmB,QAAAA,KAAK,EAAEC,qBAAU,CAAC,IAAIC,IAAI,CAACpB,QAAQ,EAAE,CAAC,CAAC,EAAEO,MAAM,EAAE;AAAER,UAAAA,IAAI,EAAE;AAAS,SAAE,CAAE;AACtEW,QAAAA,YAAY,EAAEA,YAAa;QAC3BW,eAAe,EAAE,IAAI,CAACvB,kBAAmB;QACzCwB,WAAW,EAAE,IAAI,CAACrB;AAAe,OAAA,CAEnC,eAAAa,cAAA,CAACS,0BAAkB,EAAA;AACjBpB,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,GAAG,EAAEA,GAAI;AACTC,QAAAA,GAAG,EAAEA,GAAI;AACTL,QAAAA,QAAQ,EAAEA,QAAS;AACnBS,QAAAA,WAAW,EAAEA,WAAY;QACzBZ,QAAQ,EAAE,IAAI,CAACJ;AAAc,OAAA,CAEjC;AAAA,KAAA,CAAG;AAEP,EAAA;AACD;AAED,oBAAe+B,oBAAU,CAACjC,eAAa,CAAC;;;;"}

package/build/Calendar/MonthCalendar/MonthCalendar.mjs

@@ -0,0 +1,62 @@
+import { formatDate } from '@transferwise/formatting';
+import { PureComponent } from 'react';
+import { injectIntl } from 'react-intl';
+import messages from '../Calendar.messages.mjs';
+import DateHeader from '../DateHeader/DateHeader.mjs';
+import MonthCalendarTable from './Table/MonthCalendarTable.mjs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+class MonthCalendar extends PureComponent {
+  onMonthSelect = month => {
+    this.props.onViewDateUpdate({
+      month
+    });
+    this.props.onSelect();
+  };
+  selectPreviousYear = () => {
+    this.props.onViewDateUpdate({
+      year: this.props.viewYear - 1
+    });
+  };
+  selectNextYear = () => {
+    this.props.onViewDateUpdate({
+      year: this.props.viewYear + 1
+    });
+  };
+  render() {
+    const {
+      selectedDate,
+      min,
+      max,
+      viewYear,
+      intl: {
+        locale,
+        formatMessage
+      },
+      placeholder,
+      onLabelClick
+    } = this.props;
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(DateHeader, {
+        dateMode: formatMessage(messages.year),
+        label: formatDate(new Date(viewYear, 0), locale, {
+          year: 'numeric'
+        }),
+        onLabelClick: onLabelClick,
+        onPreviousClick: this.selectPreviousYear,
+        onNextClick: this.selectNextYear
+      }), /*#__PURE__*/jsx(MonthCalendarTable, {
+        selectedDate: selectedDate,
+        min: min,
+        max: max,
+        viewYear: viewYear,
+        placeholder: placeholder,
+        onSelect: this.onMonthSelect
+      })]
+    });
+  }
+}
+var MonthCalendar$1 = injectIntl(MonthCalendar);
+
+export { MonthCalendar$1 as default };
+//# sourceMappingURL=MonthCalendar.mjs.map

package/build/Calendar/MonthCalendar/MonthCalendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthCalendar.mjs","sources":["../../../src/Calendar/MonthCalendar/MonthCalendar.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport messages from '../Calendar.messages';\nimport DateHeader from '../DateHeader';\n\nimport MonthCalendarTable from './Table';\n\ninterface MonthCalendarProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewYear: number;\n  placeholder?: string;\n  onSelect: () => void;\n  onLabelClick: () => void;\n  onViewDateUpdate: (date: { year?: number; month?: number }) => void;\n}\n\nclass MonthCalendar extends PureComponent<MonthCalendarProps> {\n  onMonthSelect = (month: number) => {\n    this.props.onViewDateUpdate({ month });\n    this.props.onSelect();\n  };\n\n  selectPreviousYear = () => {\n    this.props.onViewDateUpdate({ year: this.props.viewYear - 1 });\n  };\n\n  selectNextYear = () => {\n    this.props.onViewDateUpdate({ year: this.props.viewYear + 1 });\n  };\n\n  render() {\n    const {\n      selectedDate,\n      min,\n      max,\n      viewYear,\n      intl: { locale, formatMessage },\n      placeholder,\n      onLabelClick,\n    } = this.props;\n    return (\n      <>\n        <DateHeader\n          dateMode={formatMessage(messages.year)}\n          label={formatDate(new Date(viewYear, 0), locale, { year: 'numeric' })}\n          onLabelClick={onLabelClick}\n          onPreviousClick={this.selectPreviousYear}\n          onNextClick={this.selectNextYear}\n        />\n        <MonthCalendarTable\n          selectedDate={selectedDate}\n          min={min}\n          max={max}\n          viewYear={viewYear}\n          placeholder={placeholder}\n          onSelect={this.onMonthSelect}\n        />\n      </>\n    );\n  }\n}\n\nexport default injectIntl(MonthCalendar);\n"],"names":["MonthCalendar","PureComponent","onMonthSelect","month","props","onViewDateUpdate","onSelect","selectPreviousYear","year","viewYear","selectNextYear","render","selectedDate","min","max","intl","locale","formatMessage","placeholder","onLabelClick","_jsxs","_Fragment","children","_jsx","DateHeader","dateMode","messages","label","formatDate","Date","onPreviousClick","onNextClick","MonthCalendarTable","injectIntl"],"mappings":";;;;;;;;AAoBA,MAAMA,aAAc,SAAQC,aAAiC,CAAA;EAC3DC,aAAa,GAAIC,KAAa,IAAI;AAChC,IAAA,IAAI,CAACC,KAAK,CAACC,gBAAgB,CAAC;AAAEF,MAAAA;AAAK,KAAE,CAAC;AACtC,IAAA,IAAI,CAACC,KAAK,CAACE,QAAQ,EAAE;EACvB,CAAC;EAEDC,kBAAkB,GAAGA,MAAK;AACxB,IAAA,IAAI,CAACH,KAAK,CAACC,gBAAgB,CAAC;AAAEG,MAAAA,IAAI,EAAE,IAAI,CAACJ,KAAK,CAACK,QAAQ,GAAG;AAAC,KAAE,CAAC;EAChE,CAAC;EAEDC,cAAc,GAAGA,MAAK;AACpB,IAAA,IAAI,CAACN,KAAK,CAACC,gBAAgB,CAAC;AAAEG,MAAAA,IAAI,EAAE,IAAI,CAACJ,KAAK,CAACK,QAAQ,GAAG;AAAC,KAAE,CAAC;EAChE,CAAC;AAEDE,EAAAA,MAAMA,GAAA;IACJ,MAAM;MACJC,YAAY;MACZC,GAAG;MACHC,GAAG;MACHL,QAAQ;AACRM,MAAAA,IAAI,EAAE;QAAEC,MAAM;AAAEC,QAAAA;OAAe;MAC/BC,WAAW;AACXC,MAAAA;KACD,GAAG,IAAI,CAACf,KAAK;IACd,oBACEgB,IAAA,CAAAC,QAAA,EAAA;MAAAC,QAAA,EAAA,cACEC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,QAAQ,EAAER,aAAa,CAACS,QAAQ,CAAClB,IAAI,CAAE;AACvCmB,QAAAA,KAAK,EAAEC,UAAU,CAAC,IAAIC,IAAI,CAACpB,QAAQ,EAAE,CAAC,CAAC,EAAEO,MAAM,EAAE;AAAER,UAAAA,IAAI,EAAE;AAAS,SAAE,CAAE;AACtEW,QAAAA,YAAY,EAAEA,YAAa;QAC3BW,eAAe,EAAE,IAAI,CAACvB,kBAAmB;QACzCwB,WAAW,EAAE,IAAI,CAACrB;AAAe,OAAA,CAEnC,eAAAa,GAAA,CAACS,kBAAkB,EAAA;AACjBpB,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,GAAG,EAAEA,GAAI;AACTC,QAAAA,GAAG,EAAEA,GAAI;AACTL,QAAAA,QAAQ,EAAEA,QAAS;AACnBS,QAAAA,WAAW,EAAEA,WAAY;QACzBZ,QAAQ,EAAE,IAAI,CAACJ;AAAc,OAAA,CAEjC;AAAA,KAAA,CAAG;AAEP,EAAA;AACD;AAED,sBAAe+B,UAAU,CAACjC,aAAa,CAAC;;;;"}

package/build/Calendar/MonthCalendar/Table/MonthCalendarTable.js

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formatting = require('@transferwise/formatting');
+var reactIntl = require('react-intl');
+var GetFocusableTime = require('../../GetFocusableTime/GetFocusableTime.js');
+var TableLink = require('../../tableLink/TableLink.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+const ROWS = 3;
+const COLS = 4;
+const MONTH_ONLY_FORMAT = {
+  month: 'short'
+};
+const MonthCalendarTable = ({
+  selectedDate,
+  min,
+  max,
+  viewYear,
+  placeholder,
+  onSelect
+}) => {
+  const {
+    locale
+  } = reactIntl.useIntl();
+  const getLink = month => {
+    return /*#__PURE__*/jsxRuntime.jsx(TableLink.default, {
+      item: month,
+      type: "month",
+      title: formatting.formatDate(new Date(viewYear, month), locale, MONTH_ONLY_FORMAT),
+      active: isActive(month),
+      disabled: isDisabled(month),
+      today: viewYear === new Date().getFullYear() && month === new Date().getMonth(),
+      autofocus: autofocusMonth === month,
+      onClick: onSelect
+    });
+  };
+  const isActive = month => {
+    return !!(month === selectedDate?.getMonth() && viewYear === selectedDate?.getFullYear());
+  };
+  const isThisMonth = month => {
+    return viewYear === new Date().getFullYear() && month === new Date().getMonth();
+  };
+  const isDisabled = month => {
+    const date = new Date(viewYear, month);
+    return !!(min && date < new Date(min.getFullYear(), min.getMonth()) || max && date > new Date(max.getFullYear(), max.getMonth()));
+  };
+  const autofocusMonth = (() => {
+    const months = Array.from({
+      length: ROWS * COLS
+    }, (_, index) => index);
+    return GetFocusableTime.getFocusableTime({
+      isActive,
+      isNow: isThisMonth,
+      isDisabled,
+      timeSpan: months
+    });
+  })();
+  return /*#__PURE__*/jsxRuntime.jsxs("table", {
+    className: "table table-condensed table-bordered tw-date-lookup-calendar np-text-body-default-bold m-b-0",
+    children: [/*#__PURE__*/jsxRuntime.jsx("thead", {
+      className: "sr-only",
+      children: /*#__PURE__*/jsxRuntime.jsx("tr", {
+        children: /*#__PURE__*/jsxRuntime.jsx("th", {
+          colSpan: COLS,
+          children: placeholder
+        })
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("tbody", {
+      children: Array.from({
+        length: ROWS
+      }, (_, rowIndex) => /*#__PURE__*/jsxRuntime.jsx("tr", {
+        children: Array.from({
+          length: COLS
+        }, (_, colIndex) => /*#__PURE__*/jsxRuntime.jsx("td", {
+          children: getLink(rowIndex * COLS + colIndex)
+        }, colIndex))
+      }, rowIndex))
+    })]
+  });
+};
+
+exports.default = MonthCalendarTable;
+//# sourceMappingURL=MonthCalendarTable.js.map

package/build/Calendar/MonthCalendar/Table/MonthCalendarTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthCalendarTable.js","sources":["../../../../src/Calendar/MonthCalendar/Table/MonthCalendarTable.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { useIntl } from 'react-intl';\n\nimport { getFocusableTime } from '../../GetFocusableTime/GetFocusableTime';\nimport TableLink from '../../tableLink';\n\ninterface MonthCalendarTableProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewYear: number;\n  placeholder?: string;\n  onSelect: (date: number) => void;\n}\n\nconst ROWS = 3;\nconst COLS = 4;\nconst MONTH_ONLY_FORMAT: Intl.DateTimeFormatOptions = { month: 'short' };\n\nconst MonthCalendarTable = ({\n  selectedDate,\n  min,\n  max,\n  viewYear,\n  placeholder,\n  onSelect,\n}: MonthCalendarTableProps) => {\n  const { locale } = useIntl();\n\n  const getLink = (month: number) => {\n    return (\n      <TableLink\n        item={month}\n        type=\"month\"\n        title={formatDate(new Date(viewYear, month), locale, MONTH_ONLY_FORMAT)}\n        active={isActive(month)}\n        disabled={isDisabled(month)}\n        today={viewYear === new Date().getFullYear() && month === new Date().getMonth()}\n        autofocus={autofocusMonth === month}\n        onClick={onSelect}\n      />\n    );\n  };\n\n  const isActive = (month: number) => {\n    return !!(month === selectedDate?.getMonth() && viewYear === selectedDate?.getFullYear());\n  };\n\n  const isThisMonth = (month: number) => {\n    return viewYear === new Date().getFullYear() && month === new Date().getMonth();\n  };\n\n  const isDisabled = (month: number) => {\n    const date = new Date(viewYear, month);\n    return !!(\n      (min && date < new Date(min.getFullYear(), min.getMonth())) ||\n      (max && date > new Date(max.getFullYear(), max.getMonth()))\n    );\n  };\n\n  const autofocusMonth = (() => {\n    const months = Array.from({ length: ROWS * COLS }, (_, index) => index);\n    return getFocusableTime({ isActive, isNow: isThisMonth, isDisabled, timeSpan: months });\n  })();\n\n  return (\n    <table className=\"table table-condensed table-bordered tw-date-lookup-calendar np-text-body-default-bold m-b-0\">\n      <thead className=\"sr-only\">\n        <tr>\n          <th colSpan={COLS}>{placeholder}</th>\n        </tr>\n      </thead>\n      <tbody>\n        {Array.from({ length: ROWS }, (_, rowIndex) => (\n          <tr key={rowIndex}>\n            {Array.from({ length: COLS }, (_, colIndex) => (\n              <td key={colIndex}>{getLink(rowIndex * COLS + colIndex)}</td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nexport default MonthCalendarTable;\n"],"names":["ROWS","COLS","MONTH_ONLY_FORMAT","month","MonthCalendarTable","selectedDate","min","max","viewYear","placeholder","onSelect","locale","useIntl","getLink","_jsx","TableLink","item","type","title","formatDate","Date","active","isActive","disabled","isDisabled","today","getFullYear","getMonth","autofocus","autofocusMonth","onClick","isThisMonth","date","months","Array","from","length","_","index","getFocusableTime","isNow","timeSpan","_jsxs","className","children","colSpan","rowIndex","colIndex"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAI,GAAG,CAAC;AACd,MAAMC,IAAI,GAAG,CAAC;AACd,MAAMC,iBAAiB,GAA+B;AAAEC,EAAAA,KAAK,EAAE;CAAS;AAExE,MAAMC,kBAAkB,GAAGA,CAAC;EAC1BC,YAAY;EACZC,GAAG;EACHC,GAAG;EACHC,QAAQ;EACRC,WAAW;AACXC,EAAAA;AAAQ,CACgB,KAAI;EAC5B,MAAM;AAAEC,IAAAA;GAAQ,GAAGC,iBAAO,EAAE;EAE5B,MAAMC,OAAO,GAAIV,KAAa,IAAI;IAChC,oBACEW,cAAA,CAACC,iBAAS,EAAA;AACRC,MAAAA,IAAI,EAAEb,KAAM;AACZc,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,KAAK,EAAEC,qBAAU,CAAC,IAAIC,IAAI,CAACZ,QAAQ,EAAEL,KAAK,CAAC,EAAEQ,MAAM,EAAET,iBAAiB,CAAE;AACxEmB,MAAAA,MAAM,EAAEC,QAAQ,CAACnB,KAAK,CAAE;AACxBoB,MAAAA,QAAQ,EAAEC,UAAU,CAACrB,KAAK,CAAE;MAC5BsB,KAAK,EAAEjB,QAAQ,KAAK,IAAIY,IAAI,EAAE,CAACM,WAAW,EAAE,IAAIvB,KAAK,KAAK,IAAIiB,IAAI,EAAE,CAACO,QAAQ,EAAG;MAChFC,SAAS,EAAEC,cAAc,KAAK1B,KAAM;AACpC2B,MAAAA,OAAO,EAAEpB;AAAS,KAAA,CAClB;EAEN,CAAC;EAED,MAAMY,QAAQ,GAAInB,KAAa,IAAI;AACjC,IAAA,OAAO,CAAC,EAAEA,KAAK,KAAKE,YAAY,EAAEsB,QAAQ,EAAE,IAAInB,QAAQ,KAAKH,YAAY,EAAEqB,WAAW,EAAE,CAAC;EAC3F,CAAC;EAED,MAAMK,WAAW,GAAI5B,KAAa,IAAI;IACpC,OAAOK,QAAQ,KAAK,IAAIY,IAAI,EAAE,CAACM,WAAW,EAAE,IAAIvB,KAAK,KAAK,IAAIiB,IAAI,EAAE,CAACO,QAAQ,EAAE;EACjF,CAAC;EAED,MAAMH,UAAU,GAAIrB,KAAa,IAAI;IACnC,MAAM6B,IAAI,GAAG,IAAIZ,IAAI,CAACZ,QAAQ,EAAEL,KAAK,CAAC;AACtC,IAAA,OAAO,CAAC,EACLG,GAAG,IAAI0B,IAAI,GAAG,IAAIZ,IAAI,CAACd,GAAG,CAACoB,WAAW,EAAE,EAAEpB,GAAG,CAACqB,QAAQ,EAAE,CAAC,IACzDpB,GAAG,IAAIyB,IAAI,GAAG,IAAIZ,IAAI,CAACb,GAAG,CAACmB,WAAW,EAAE,EAAEnB,GAAG,CAACoB,QAAQ,EAAE,CAAE,CAC5D;EACH,CAAC;EAED,MAAME,cAAc,GAAG,CAAC,MAAK;AAC3B,IAAA,MAAMI,MAAM,GAAGC,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEpC,IAAI,GAAGC;AAAI,KAAE,EAAE,CAACoC,CAAC,EAAEC,KAAK,KAAKA,KAAK,CAAC;AACvE,IAAA,OAAOC,iCAAgB,CAAC;MAAEjB,QAAQ;AAAEkB,MAAAA,KAAK,EAAET,WAAW;MAAEP,UAAU;AAAEiB,MAAAA,QAAQ,EAAER;AAAM,KAAE,CAAC;AACzF,EAAA,CAAC,GAAG;AAEJ,EAAA,oBACES,eAAA,CAAA,OAAA,EAAA;AAAOC,IAAAA,SAAS,EAAC,8FAA8F;AAAAC,IAAAA,QAAA,gBAC7G9B,cAAA,CAAA,OAAA,EAAA;AAAO6B,MAAAA,SAAS,EAAC,SAAS;AAAAC,MAAAA,QAAA,eACxB9B,cAAA,CAAA,IAAA,EAAA;AAAA8B,QAAAA,QAAA,eACE9B,cAAA,CAAA,IAAA,EAAA;AAAI+B,UAAAA,OAAO,EAAE5C,IAAK;AAAA2C,UAAAA,QAAA,EAAEnC;SAAgB;OAClC;KACC,CACP,eAAAK,cAAA,CAAA,OAAA,EAAA;AAAA8B,MAAAA,QAAA,EACGV,KAAK,CAACC,IAAI,CAAC;AAAEC,QAAAA,MAAM,EAAEpC;AAAI,OAAE,EAAE,CAACqC,CAAC,EAAES,QAAQ,kBACxChC,cAAA,CAAA,IAAA,EAAA;AAAA8B,QAAAA,QAAA,EACGV,KAAK,CAACC,IAAI,CAAC;AAAEC,UAAAA,MAAM,EAAEnC;AAAI,SAAE,EAAE,CAACoC,CAAC,EAAEU,QAAQ,kBACxCjC,cAAA,CAAA,IAAA,EAAA;AAAA8B,UAAAA,QAAA,EAAoB/B,OAAO,CAACiC,QAAQ,GAAG7C,IAAI,GAAG8C,QAAQ;AAAC,SAAA,EAA9CA,QAAmD,CAC7D;AAAC,OAAA,EAHKD,QAIL,CACL;AAAC,KACG,CACT;AAAA,GAAO,CAAC;AAEZ;;;;"}

package/build/Calendar/MonthCalendar/Table/MonthCalendarTable.mjs

@@ -0,0 +1,81 @@
+import { formatDate } from '@transferwise/formatting';
+import { useIntl } from 'react-intl';
+import { getFocusableTime } from '../../GetFocusableTime/GetFocusableTime.mjs';
+import TableLink from '../../tableLink/TableLink.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const ROWS = 3;
+const COLS = 4;
+const MONTH_ONLY_FORMAT = {
+  month: 'short'
+};
+const MonthCalendarTable = ({
+  selectedDate,
+  min,
+  max,
+  viewYear,
+  placeholder,
+  onSelect
+}) => {
+  const {
+    locale
+  } = useIntl();
+  const getLink = month => {
+    return /*#__PURE__*/jsx(TableLink, {
+      item: month,
+      type: "month",
+      title: formatDate(new Date(viewYear, month), locale, MONTH_ONLY_FORMAT),
+      active: isActive(month),
+      disabled: isDisabled(month),
+      today: viewYear === new Date().getFullYear() && month === new Date().getMonth(),
+      autofocus: autofocusMonth === month,
+      onClick: onSelect
+    });
+  };
+  const isActive = month => {
+    return !!(month === selectedDate?.getMonth() && viewYear === selectedDate?.getFullYear());
+  };
+  const isThisMonth = month => {
+    return viewYear === new Date().getFullYear() && month === new Date().getMonth();
+  };
+  const isDisabled = month => {
+    const date = new Date(viewYear, month);
+    return !!(min && date < new Date(min.getFullYear(), min.getMonth()) || max && date > new Date(max.getFullYear(), max.getMonth()));
+  };
+  const autofocusMonth = (() => {
+    const months = Array.from({
+      length: ROWS * COLS
+    }, (_, index) => index);
+    return getFocusableTime({
+      isActive,
+      isNow: isThisMonth,
+      isDisabled,
+      timeSpan: months
+    });
+  })();
+  return /*#__PURE__*/jsxs("table", {
+    className: "table table-condensed table-bordered tw-date-lookup-calendar np-text-body-default-bold m-b-0",
+    children: [/*#__PURE__*/jsx("thead", {
+      className: "sr-only",
+      children: /*#__PURE__*/jsx("tr", {
+        children: /*#__PURE__*/jsx("th", {
+          colSpan: COLS,
+          children: placeholder
+        })
+      })
+    }), /*#__PURE__*/jsx("tbody", {
+      children: Array.from({
+        length: ROWS
+      }, (_, rowIndex) => /*#__PURE__*/jsx("tr", {
+        children: Array.from({
+          length: COLS
+        }, (_, colIndex) => /*#__PURE__*/jsx("td", {
+          children: getLink(rowIndex * COLS + colIndex)
+        }, colIndex))
+      }, rowIndex))
+    })]
+  });
+};
+
+export { MonthCalendarTable as default };
+//# sourceMappingURL=MonthCalendarTable.mjs.map

package/build/Calendar/MonthCalendar/Table/MonthCalendarTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthCalendarTable.mjs","sources":["../../../../src/Calendar/MonthCalendar/Table/MonthCalendarTable.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { useIntl } from 'react-intl';\n\nimport { getFocusableTime } from '../../GetFocusableTime/GetFocusableTime';\nimport TableLink from '../../tableLink';\n\ninterface MonthCalendarTableProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewYear: number;\n  placeholder?: string;\n  onSelect: (date: number) => void;\n}\n\nconst ROWS = 3;\nconst COLS = 4;\nconst MONTH_ONLY_FORMAT: Intl.DateTimeFormatOptions = { month: 'short' };\n\nconst MonthCalendarTable = ({\n  selectedDate,\n  min,\n  max,\n  viewYear,\n  placeholder,\n  onSelect,\n}: MonthCalendarTableProps) => {\n  const { locale } = useIntl();\n\n  const getLink = (month: number) => {\n    return (\n      <TableLink\n        item={month}\n        type=\"month\"\n        title={formatDate(new Date(viewYear, month), locale, MONTH_ONLY_FORMAT)}\n        active={isActive(month)}\n        disabled={isDisabled(month)}\n        today={viewYear === new Date().getFullYear() && month === new Date().getMonth()}\n        autofocus={autofocusMonth === month}\n        onClick={onSelect}\n      />\n    );\n  };\n\n  const isActive = (month: number) => {\n    return !!(month === selectedDate?.getMonth() && viewYear === selectedDate?.getFullYear());\n  };\n\n  const isThisMonth = (month: number) => {\n    return viewYear === new Date().getFullYear() && month === new Date().getMonth();\n  };\n\n  const isDisabled = (month: number) => {\n    const date = new Date(viewYear, month);\n    return !!(\n      (min && date < new Date(min.getFullYear(), min.getMonth())) ||\n      (max && date > new Date(max.getFullYear(), max.getMonth()))\n    );\n  };\n\n  const autofocusMonth = (() => {\n    const months = Array.from({ length: ROWS * COLS }, (_, index) => index);\n    return getFocusableTime({ isActive, isNow: isThisMonth, isDisabled, timeSpan: months });\n  })();\n\n  return (\n    <table className=\"table table-condensed table-bordered tw-date-lookup-calendar np-text-body-default-bold m-b-0\">\n      <thead className=\"sr-only\">\n        <tr>\n          <th colSpan={COLS}>{placeholder}</th>\n        </tr>\n      </thead>\n      <tbody>\n        {Array.from({ length: ROWS }, (_, rowIndex) => (\n          <tr key={rowIndex}>\n            {Array.from({ length: COLS }, (_, colIndex) => (\n              <td key={colIndex}>{getLink(rowIndex * COLS + colIndex)}</td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nexport default MonthCalendarTable;\n"],"names":["ROWS","COLS","MONTH_ONLY_FORMAT","month","MonthCalendarTable","selectedDate","min","max","viewYear","placeholder","onSelect","locale","useIntl","getLink","_jsx","TableLink","item","type","title","formatDate","Date","active","isActive","disabled","isDisabled","today","getFullYear","getMonth","autofocus","autofocusMonth","onClick","isThisMonth","date","months","Array","from","length","_","index","getFocusableTime","isNow","timeSpan","_jsxs","className","children","colSpan","rowIndex","colIndex"],"mappings":"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"}