@transferwise/components 46.44.1 → 46.46.0

package/build/dateLookup/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/dateLookup/getStartOfDay/getStartOfDay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStartOfDay.mjs","sources":["../../../src/dateLookup/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,CAAA;AACb,GAAA;EACA,OAAO,IAAIC,IAAI,CAACD,IAAI,CAACE,WAAW,EAAE,EAAEF,IAAI,CAACG,QAAQ,EAAE,EAAEH,IAAI,CAACI,OAAO,EAAE,CAAC,CAAA;AACtE;;;;"}

package/build/dateLookup/monthCalendar/MonthCalendar.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var formatting = require('@transferwise/formatting');
+var React = require('react');
+var reactIntl = require('react-intl');
+var DateLookup_messages = require('../DateLookup.messages.js');
+var DateHeader = require('../dateHeader/DateHeader.js');
+var MonthCalendarTable = require('./table/MonthCalendarTable.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+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, {
+        dateMode: formatMessage(DateLookup_messages.year),
+        label: formatting.formatDate(new Date(viewYear, 0), locale, {
+          year: 'numeric'
+        }),
+        onLabelClick: onLabelClick,
+        onPreviousClick: this.selectPreviousYear,
+        onNextClick: this.selectNextYear
+      }), /*#__PURE__*/jsxRuntime.jsx(MonthCalendarTable, {
+        selectedDate: selectedDate,
+        min: min,
+        max: max,
+        viewYear: viewYear,
+        placeholder: placeholder,
+        onSelect: this.onMonthSelect
+      })]
+    });
+  }
+}
+var MonthCalendar$1 = reactIntl.injectIntl(MonthCalendar);
+
+module.exports = MonthCalendar$1;
+//# sourceMappingURL=MonthCalendar.js.map

package/build/dateLookup/monthCalendar/MonthCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthCalendar.js","sources":["../../../src/dateLookup/monthCalendar/MonthCalendar.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport messages from '../DateLookup.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,mBAAiC,CAAA;EAC3DC,aAAa,GAAIC,KAAa,IAAI;AAChC,IAAA,IAAI,CAACC,KAAK,CAACC,gBAAgB,CAAC;AAAEF,MAAAA,KAAAA;AAAO,KAAA,CAAC,CAAA;AACtC,IAAA,IAAI,CAACC,KAAK,CAACE,QAAQ,EAAE,CAAA;GACtB,CAAA;EAEDC,kBAAkB,GAAGA,MAAK;AACxB,IAAA,IAAI,CAACH,KAAK,CAACC,gBAAgB,CAAC;AAAEG,MAAAA,IAAI,EAAE,IAAI,CAACJ,KAAK,CAACK,QAAQ,GAAG,CAAA;AAAC,KAAE,CAAC,CAAA;GAC/D,CAAA;EAEDC,cAAc,GAAGA,MAAK;AACpB,IAAA,IAAI,CAACN,KAAK,CAACC,gBAAgB,CAAC;AAAEG,MAAAA,IAAI,EAAE,IAAI,CAACJ,KAAK,CAACK,QAAQ,GAAG,CAAA;AAAC,KAAE,CAAC,CAAA;GAC/D,CAAA;AAEDE,EAAAA,MAAMA,GAAA;IACJ,MAAM;MACJC,YAAY;MACZC,GAAG;MACHC,GAAG;MACHL,QAAQ;AACRM,MAAAA,IAAI,EAAE;QAAEC,MAAM;AAAEC,QAAAA,aAAAA;OAAe;MAC/BC,WAAW;AACXC,MAAAA,YAAAA;KACD,GAAG,IAAI,CAACf,KAAK,CAAA;IACd,oBACEgB,eAAA,CAAAC,mBAAA,EAAA;MAAAC,QAAA,EAAA,cACEC,cAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,QAAQ,EAAER,aAAa,CAACS,mBAAQ,CAAClB,IAAI,CAAE;AACvCmB,QAAAA,KAAK,EAAEC,qBAAU,CAAC,IAAIC,IAAI,CAACpB,QAAQ,EAAE,CAAC,CAAC,EAAEO,MAAM,EAAE;AAAER,UAAAA,IAAI,EAAE,SAAA;AAAS,SAAE,CAAE;AACtEW,QAAAA,YAAY,EAAEA,YAAa;QAC3BW,eAAe,EAAE,IAAI,CAACvB,kBAAmB;QACzCwB,WAAW,EAAE,IAAI,CAACrB,cAAAA;AAAe,OAEnC,CAAA,eAAAa,cAAA,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,aAAAA;AAAc,OAEjC,CAAA,CAAA;AAAA,KAAA,CAAG,CAAA;AAEP,GAAA;AACD,CAAA;AAED,sBAAe+B,oBAAU,CAACjC,aAAa,CAAC;;;;"}

package/build/dateLookup/monthCalendar/MonthCalendar.mjs

@@ -0,0 +1,62 @@
+import { formatDate } from '@transferwise/formatting';
+import { PureComponent } from 'react';
+import { injectIntl } from 'react-intl';
+import messages from '../DateLookup.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/dateLookup/monthCalendar/MonthCalendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthCalendar.mjs","sources":["../../../src/dateLookup/monthCalendar/MonthCalendar.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport messages from '../DateLookup.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,KAAAA;AAAO,KAAA,CAAC,CAAA;AACtC,IAAA,IAAI,CAACC,KAAK,CAACE,QAAQ,EAAE,CAAA;GACtB,CAAA;EAEDC,kBAAkB,GAAGA,MAAK;AACxB,IAAA,IAAI,CAACH,KAAK,CAACC,gBAAgB,CAAC;AAAEG,MAAAA,IAAI,EAAE,IAAI,CAACJ,KAAK,CAACK,QAAQ,GAAG,CAAA;AAAC,KAAE,CAAC,CAAA;GAC/D,CAAA;EAEDC,cAAc,GAAGA,MAAK;AACpB,IAAA,IAAI,CAACN,KAAK,CAACC,gBAAgB,CAAC;AAAEG,MAAAA,IAAI,EAAE,IAAI,CAACJ,KAAK,CAACK,QAAQ,GAAG,CAAA;AAAC,KAAE,CAAC,CAAA;GAC/D,CAAA;AAEDE,EAAAA,MAAMA,GAAA;IACJ,MAAM;MACJC,YAAY;MACZC,GAAG;MACHC,GAAG;MACHL,QAAQ;AACRM,MAAAA,IAAI,EAAE;QAAEC,MAAM;AAAEC,QAAAA,aAAAA;OAAe;MAC/BC,WAAW;AACXC,MAAAA,YAAAA;KACD,GAAG,IAAI,CAACf,KAAK,CAAA;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,SAAA;AAAS,SAAE,CAAE;AACtEW,QAAAA,YAAY,EAAEA,YAAa;QAC3BW,eAAe,EAAE,IAAI,CAACvB,kBAAmB;QACzCwB,WAAW,EAAE,IAAI,CAACrB,cAAAA;AAAe,OAEnC,CAAA,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,aAAAA;AAAc,OAEjC,CAAA,CAAA;AAAA,KAAA,CAAG,CAAA;AAEP,GAAA;AACD,CAAA;AAED,sBAAe+B,UAAU,CAACjC,aAAa,CAAC;;;;"}

package/build/dateLookup/monthCalendar/table/MonthCalendarTable.js

@@ -0,0 +1,83 @@
+'use strict';
+
+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, {
+      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 !!(selectedDate && 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))
+    })]
+  });
+};
+
+module.exports = MonthCalendarTable;
+//# sourceMappingURL=MonthCalendarTable.js.map

package/build/dateLookup/monthCalendar/table/MonthCalendarTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthCalendarTable.js","sources":["../../../../src/dateLookup/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 !!(\n      selectedDate &&\n      month === selectedDate.getMonth() &&\n      viewYear === selectedDate.getFullYear()\n    );\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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"}

package/build/dateLookup/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 !!(selectedDate && 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/dateLookup/monthCalendar/table/MonthCalendarTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthCalendarTable.mjs","sources":["../../../../src/dateLookup/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 !!(\n      selectedDate &&\n      month === selectedDate.getMonth() &&\n      viewYear === selectedDate.getFullYear()\n    );\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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"}

package/build/dateLookup/tableLink/TableLink.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var classNames = require('classnames');
+var React = require('react');
+var reactIntl = require('react-intl');
+var DateLookup_messages = require('../DateLookup.messages.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+const TableLink = ({
+  item,
+  type,
+  title,
+  longTitle,
+  active,
+  disabled,
+  today,
+  autofocus,
+  onClick
+}) => {
+  const buttonRef = React.useRef(null);
+  const intl = reactIntl.useIntl();
+  React.useEffect(() => {
+    if (autofocus) {
+      setTimeout(() => {
+        buttonRef.current?.focus();
+      }, 0);
+    }
+  }, [autofocus]);
+  const onCalendarClick = event => {
+    event.preventDefault();
+    if (!disabled) {
+      onClick(item);
+    }
+  };
+  const calculateAriaLabel = () => {
+    if (active) {
+      return `${longTitle || title || ''}, ${intl.formatMessage(DateLookup_messages.selected)} ${intl.formatMessage(DateLookup_messages[type])}`;
+    }
+    return longTitle || title;
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /*#__PURE__*/jsxRuntime.jsx("button", {
+      ref: buttonRef,
+      type: "button",
+      className: classNames__default.default(`tw-date-lookup-${type}-option np-text-body-default-bold`, {
+        active: !!active
+      }, {
+        today: !!today
+      }),
+      disabled: disabled,
+      tabIndex: autofocus ? 0 : -1,
+      "aria-label": calculateAriaLabel(),
+      "aria-pressed": active,
+      onClick: onCalendarClick,
+      children: title || item
+    })
+  });
+};
+
+module.exports = TableLink;
+//# sourceMappingURL=TableLink.js.map

package/build/dateLookup/tableLink/TableLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableLink.js","sources":["../../../src/dateLookup/tableLink/TableLink.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useEffect, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../DateLookup.messages';\n\ninterface TableLinkProps {\n  item: number;\n  type: 'day' | 'month' | 'year';\n  title?: string;\n  longTitle?: string;\n  active: boolean;\n  disabled: boolean;\n  today: boolean;\n  autofocus?: boolean;\n  onClick: (item: number) => void;\n}\n\nconst TableLink = ({\n  item,\n  type,\n  title,\n  longTitle,\n  active,\n  disabled,\n  today,\n  autofocus,\n  onClick,\n}: TableLinkProps) => {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const intl = useIntl();\n\n  useEffect(() => {\n    if (autofocus) {\n      setTimeout(() => {\n        buttonRef.current?.focus();\n      }, 0);\n    }\n  }, [autofocus]);\n\n  const onCalendarClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    if (!disabled) {\n      onClick(item);\n    }\n  };\n\n  const calculateAriaLabel = () => {\n    if (active) {\n      return `${longTitle || title || ''}, ${intl.formatMessage(\n        messages.selected,\n      )} ${intl.formatMessage(messages[type])}`;\n    }\n    return longTitle || title;\n  };\n\n  return (\n    <>\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        className={classNames(\n          `tw-date-lookup-${type}-option np-text-body-default-bold`,\n          { active: !!active },\n          { today: !!today },\n        )}\n        disabled={disabled}\n        tabIndex={autofocus ? 0 : -1}\n        aria-label={calculateAriaLabel()}\n        aria-pressed={active}\n        onClick={onCalendarClick}\n      >\n        {title || item}\n      </button>\n    </>\n  );\n};\n\nexport default TableLink;\n"],"names":["TableLink","item","type","title","longTitle","active","disabled","today","autofocus","onClick","buttonRef","useRef","intl","useIntl","useEffect","setTimeout","current","focus","onCalendarClick","event","preventDefault","calculateAriaLabel","formatMessage","messages","selected","_jsx","_Fragment","children","ref","className","classNames","tabIndex"],"mappings":";;;;;;;;;;;;AAkBMA,MAAAA,SAAS,GAAGA,CAAC;EACjBC,IAAI;EACJC,IAAI;EACJC,KAAK;EACLC,SAAS;EACTC,MAAM;EACNC,QAAQ;EACRC,KAAK;EACLC,SAAS;AACTC,EAAAA,OAAAA;AACe,CAAA,KAAI;AACnB,EAAA,MAAMC,SAAS,GAAGC,YAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE,CAAA;AAEtBC,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAIN,SAAS,EAAE;AACbO,MAAAA,UAAU,CAAC,MAAK;AACdL,QAAAA,SAAS,CAACM,OAAO,EAAEC,KAAK,EAAE,CAAA;OAC3B,EAAE,CAAC,CAAC,CAAA;AACP,KAAA;AACF,GAAC,EAAE,CAACT,SAAS,CAAC,CAAC,CAAA;EAEf,MAAMU,eAAe,GAAIC,KAA0C,IAAI;IACrEA,KAAK,CAACC,cAAc,EAAE,CAAA;IACtB,IAAI,CAACd,QAAQ,EAAE;MACbG,OAAO,CAACR,IAAI,CAAC,CAAA;AACf,KAAA;GACD,CAAA;EAED,MAAMoB,kBAAkB,GAAGA,MAAK;AAC9B,IAAA,IAAIhB,MAAM,EAAE;MACV,OAAO,CAAA,EAAGD,SAAS,IAAID,KAAK,IAAI,EAAE,CAAKS,EAAAA,EAAAA,IAAI,CAACU,aAAa,CACvDC,mBAAQ,CAACC,QAAQ,CAClB,CAAIZ,CAAAA,EAAAA,IAAI,CAACU,aAAa,CAACC,mBAAQ,CAACrB,IAAI,CAAC,CAAC,CAAE,CAAA,CAAA;AAC3C,KAAA;IACA,OAAOE,SAAS,IAAID,KAAK,CAAA;GAC1B,CAAA;EAED,oBACEsB,cAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,eACEF,cAAA,CAAA,QAAA,EAAA;AACEG,MAAAA,GAAG,EAAElB,SAAU;AACfR,MAAAA,IAAI,EAAC,QAAQ;AACb2B,MAAAA,SAAS,EAAEC,2BAAU,CACnB,CAAkB5B,eAAAA,EAAAA,IAAI,mCAAmC,EACzD;QAAEG,MAAM,EAAE,CAAC,CAACA,MAAAA;AAAM,OAAE,EACpB;QAAEE,KAAK,EAAE,CAAC,CAACA,KAAAA;AAAK,OAAE,CAClB;AACFD,MAAAA,QAAQ,EAAEA,QAAS;AACnByB,MAAAA,QAAQ,EAAEvB,SAAS,GAAG,CAAC,GAAG,CAAC,CAAE;MAC7B,YAAYa,EAAAA,kBAAkB,EAAG;AACjC,MAAA,cAAA,EAAchB,MAAO;AACrBI,MAAAA,OAAO,EAAES,eAAgB;MAAAS,QAAA,EAExBxB,KAAK,IAAIF,IAAAA;KACJ,CAAA;AACV,GAAA,CAAG,CAAA;AAEP;;;;"}

package/build/dateLookup/tableLink/TableLink.mjs

@@ -0,0 +1,59 @@
+import classNames from 'classnames';
+import { useRef, useEffect } from 'react';
+import { useIntl } from 'react-intl';
+import messages from '../DateLookup.messages.mjs';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+const TableLink = ({
+  item,
+  type,
+  title,
+  longTitle,
+  active,
+  disabled,
+  today,
+  autofocus,
+  onClick
+}) => {
+  const buttonRef = useRef(null);
+  const intl = useIntl();
+  useEffect(() => {
+    if (autofocus) {
+      setTimeout(() => {
+        buttonRef.current?.focus();
+      }, 0);
+    }
+  }, [autofocus]);
+  const onCalendarClick = event => {
+    event.preventDefault();
+    if (!disabled) {
+      onClick(item);
+    }
+  };
+  const calculateAriaLabel = () => {
+    if (active) {
+      return `${longTitle || title || ''}, ${intl.formatMessage(messages.selected)} ${intl.formatMessage(messages[type])}`;
+    }
+    return longTitle || title;
+  };
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsx("button", {
+      ref: buttonRef,
+      type: "button",
+      className: classNames(`tw-date-lookup-${type}-option np-text-body-default-bold`, {
+        active: !!active
+      }, {
+        today: !!today
+      }),
+      disabled: disabled,
+      tabIndex: autofocus ? 0 : -1,
+      "aria-label": calculateAriaLabel(),
+      "aria-pressed": active,
+      onClick: onCalendarClick,
+      children: title || item
+    })
+  });
+};
+
+export { TableLink as default };
+//# sourceMappingURL=TableLink.mjs.map

package/build/dateLookup/tableLink/TableLink.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableLink.mjs","sources":["../../../src/dateLookup/tableLink/TableLink.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useEffect, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../DateLookup.messages';\n\ninterface TableLinkProps {\n  item: number;\n  type: 'day' | 'month' | 'year';\n  title?: string;\n  longTitle?: string;\n  active: boolean;\n  disabled: boolean;\n  today: boolean;\n  autofocus?: boolean;\n  onClick: (item: number) => void;\n}\n\nconst TableLink = ({\n  item,\n  type,\n  title,\n  longTitle,\n  active,\n  disabled,\n  today,\n  autofocus,\n  onClick,\n}: TableLinkProps) => {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const intl = useIntl();\n\n  useEffect(() => {\n    if (autofocus) {\n      setTimeout(() => {\n        buttonRef.current?.focus();\n      }, 0);\n    }\n  }, [autofocus]);\n\n  const onCalendarClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    if (!disabled) {\n      onClick(item);\n    }\n  };\n\n  const calculateAriaLabel = () => {\n    if (active) {\n      return `${longTitle || title || ''}, ${intl.formatMessage(\n        messages.selected,\n      )} ${intl.formatMessage(messages[type])}`;\n    }\n    return longTitle || title;\n  };\n\n  return (\n    <>\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        className={classNames(\n          `tw-date-lookup-${type}-option np-text-body-default-bold`,\n          { active: !!active },\n          { today: !!today },\n        )}\n        disabled={disabled}\n        tabIndex={autofocus ? 0 : -1}\n        aria-label={calculateAriaLabel()}\n        aria-pressed={active}\n        onClick={onCalendarClick}\n      >\n        {title || item}\n      </button>\n    </>\n  );\n};\n\nexport default TableLink;\n"],"names":["TableLink","item","type","title","longTitle","active","disabled","today","autofocus","onClick","buttonRef","useRef","intl","useIntl","useEffect","setTimeout","current","focus","onCalendarClick","event","preventDefault","calculateAriaLabel","formatMessage","messages","selected","_jsx","_Fragment","children","ref","className","classNames","tabIndex"],"mappings":";;;;;;AAkBMA,MAAAA,SAAS,GAAGA,CAAC;EACjBC,IAAI;EACJC,IAAI;EACJC,KAAK;EACLC,SAAS;EACTC,MAAM;EACNC,QAAQ;EACRC,KAAK;EACLC,SAAS;AACTC,EAAAA,OAAAA;AACe,CAAA,KAAI;AACnB,EAAA,MAAMC,SAAS,GAAGC,MAAM,CAAoB,IAAI,CAAC,CAAA;AACjD,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE,CAAA;AAEtBC,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIN,SAAS,EAAE;AACbO,MAAAA,UAAU,CAAC,MAAK;AACdL,QAAAA,SAAS,CAACM,OAAO,EAAEC,KAAK,EAAE,CAAA;OAC3B,EAAE,CAAC,CAAC,CAAA;AACP,KAAA;AACF,GAAC,EAAE,CAACT,SAAS,CAAC,CAAC,CAAA;EAEf,MAAMU,eAAe,GAAIC,KAA0C,IAAI;IACrEA,KAAK,CAACC,cAAc,EAAE,CAAA;IACtB,IAAI,CAACd,QAAQ,EAAE;MACbG,OAAO,CAACR,IAAI,CAAC,CAAA;AACf,KAAA;GACD,CAAA;EAED,MAAMoB,kBAAkB,GAAGA,MAAK;AAC9B,IAAA,IAAIhB,MAAM,EAAE;MACV,OAAO,CAAA,EAAGD,SAAS,IAAID,KAAK,IAAI,EAAE,CAAKS,EAAAA,EAAAA,IAAI,CAACU,aAAa,CACvDC,QAAQ,CAACC,QAAQ,CAClB,CAAIZ,CAAAA,EAAAA,IAAI,CAACU,aAAa,CAACC,QAAQ,CAACrB,IAAI,CAAC,CAAC,CAAE,CAAA,CAAA;AAC3C,KAAA;IACA,OAAOE,SAAS,IAAID,KAAK,CAAA;GAC1B,CAAA;EAED,oBACEsB,GAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,eACEF,GAAA,CAAA,QAAA,EAAA;AACEG,MAAAA,GAAG,EAAElB,SAAU;AACfR,MAAAA,IAAI,EAAC,QAAQ;AACb2B,MAAAA,SAAS,EAAEC,UAAU,CACnB,CAAkB5B,eAAAA,EAAAA,IAAI,mCAAmC,EACzD;QAAEG,MAAM,EAAE,CAAC,CAACA,MAAAA;AAAM,OAAE,EACpB;QAAEE,KAAK,EAAE,CAAC,CAACA,KAAAA;AAAK,OAAE,CAClB;AACFD,MAAAA,QAAQ,EAAEA,QAAS;AACnByB,MAAAA,QAAQ,EAAEvB,SAAS,GAAG,CAAC,GAAG,CAAC,CAAE;MAC7B,YAAYa,EAAAA,kBAAkB,EAAG;AACjC,MAAA,cAAA,EAAchB,MAAO;AACrBI,MAAAA,OAAO,EAAES,eAAgB;MAAAS,QAAA,EAExBxB,KAAK,IAAIF,IAAAA;KACJ,CAAA;AACV,GAAA,CAAG,CAAA;AAEP;;;;"}

package/build/dateLookup/yearCalendar/YearCalendar.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var React = require('react');
+var reactIntl = require('react-intl');
+var DateLookup_messages = require('../DateLookup.messages.js');
+var DateHeader = require('../dateHeader/DateHeader.js');
+var YearCalendarTable = require('./table/YearCalendarTable.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+class YearCalendar extends React.PureComponent {
+  onYearSelect = year => {
+    this.props.onViewDateUpdate({
+      year
+    });
+    this.props.onSelect();
+  };
+  selectPreviousYears = () => {
+    this.props.onViewDateUpdate({
+      year: this.props.viewYear - 20
+    });
+  };
+  selectNextYears = () => {
+    this.props.onViewDateUpdate({
+      year: this.props.viewYear + 20
+    });
+  };
+  render() {
+    const {
+      selectedDate,
+      min,
+      max,
+      viewYear,
+      placeholder,
+      intl: {
+        formatMessage
+      }
+    } = this.props;
+    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader, {
+        dateMode: formatMessage(DateLookup_messages.twentyYears),
+        onPreviousClick: this.selectPreviousYears,
+        onNextClick: this.selectNextYears
+      }), /*#__PURE__*/jsxRuntime.jsx(YearCalendarTable, {
+        selectedDate: selectedDate,
+        min: min,
+        max: max,
+        viewYear: viewYear,
+        placeholder: placeholder,
+        onSelect: this.onYearSelect
+      })]
+    });
+  }
+}
+var YearCalendar$1 = reactIntl.injectIntl(YearCalendar);
+
+module.exports = YearCalendar$1;
+//# sourceMappingURL=YearCalendar.js.map

package/build/dateLookup/yearCalendar/YearCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearCalendar.js","sources":["../../../src/dateLookup/yearCalendar/YearCalendar.tsx"],"sourcesContent":["import { PureComponent } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport messages from '../DateLookup.messages';\nimport DateHeader from '../dateHeader';\n\nimport YearCalendarTable from './table';\n\ninterface YearCalendarProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewYear: number;\n  placeholder: string;\n  onSelect: () => void;\n  onViewDateUpdate: (date: { year: number }) => void;\n}\n\nclass YearCalendar extends PureComponent<YearCalendarProps> {\n  onYearSelect = (year: number) => {\n    this.props.onViewDateUpdate({ year });\n    this.props.onSelect();\n  };\n\n  selectPreviousYears = () => {\n    this.props.onViewDateUpdate({ year: this.props.viewYear - 20 });\n  };\n\n  selectNextYears = () => {\n    this.props.onViewDateUpdate({ year: this.props.viewYear + 20 });\n  };\n\n  render() {\n    const {\n      selectedDate,\n      min,\n      max,\n      viewYear,\n      placeholder,\n      intl: { formatMessage },\n    } = this.props;\n    return (\n      <>\n        <DateHeader\n          dateMode={formatMessage(messages.twentyYears)}\n          onPreviousClick={this.selectPreviousYears}\n          onNextClick={this.selectNextYears}\n        />\n        <YearCalendarTable\n          selectedDate={selectedDate}\n          min={min}\n          max={max}\n          viewYear={viewYear}\n          placeholder={placeholder}\n          onSelect={this.onYearSelect}\n        />\n      </>\n    );\n  }\n}\n\nexport default injectIntl(YearCalendar);\n"],"names":["YearCalendar","PureComponent","onYearSelect","year","props","onViewDateUpdate","onSelect","selectPreviousYears","viewYear","selectNextYears","render","selectedDate","min","max","placeholder","intl","formatMessage","_jsxs","_Fragment","children","_jsx","DateHeader","dateMode","messages","twentyYears","onPreviousClick","onNextClick","YearCalendarTable","injectIntl"],"mappings":";;;;;;;;;AAkBA,MAAMA,YAAa,SAAQC,mBAAgC,CAAA;EACzDC,YAAY,GAAIC,IAAY,IAAI;AAC9B,IAAA,IAAI,CAACC,KAAK,CAACC,gBAAgB,CAAC;AAAEF,MAAAA,IAAAA;AAAM,KAAA,CAAC,CAAA;AACrC,IAAA,IAAI,CAACC,KAAK,CAACE,QAAQ,EAAE,CAAA;GACtB,CAAA;EAEDC,mBAAmB,GAAGA,MAAK;AACzB,IAAA,IAAI,CAACH,KAAK,CAACC,gBAAgB,CAAC;AAAEF,MAAAA,IAAI,EAAE,IAAI,CAACC,KAAK,CAACI,QAAQ,GAAG,EAAA;AAAE,KAAE,CAAC,CAAA;GAChE,CAAA;EAEDC,eAAe,GAAGA,MAAK;AACrB,IAAA,IAAI,CAACL,KAAK,CAACC,gBAAgB,CAAC;AAAEF,MAAAA,IAAI,EAAE,IAAI,CAACC,KAAK,CAACI,QAAQ,GAAG,EAAA;AAAE,KAAE,CAAC,CAAA;GAChE,CAAA;AAEDE,EAAAA,MAAMA,GAAA;IACJ,MAAM;MACJC,YAAY;MACZC,GAAG;MACHC,GAAG;MACHL,QAAQ;MACRM,WAAW;AACXC,MAAAA,IAAI,EAAE;AAAEC,QAAAA,aAAAA;AAAa,OAAA;KACtB,GAAG,IAAI,CAACZ,KAAK,CAAA;IACd,oBACEa,eAAA,CAAAC,mBAAA,EAAA;MAAAC,QAAA,EAAA,cACEC,cAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,QAAQ,EAAEN,aAAa,CAACO,mBAAQ,CAACC,WAAW,CAAE;QAC9CC,eAAe,EAAE,IAAI,CAAClB,mBAAoB;QAC1CmB,WAAW,EAAE,IAAI,CAACjB,eAAAA;AAAgB,OAEpC,CAAA,eAAAW,cAAA,CAACO,iBAAiB,EAAA;AAChBhB,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,GAAG,EAAEA,GAAI;AACTC,QAAAA,GAAG,EAAEA,GAAI;AACTL,QAAAA,QAAQ,EAAEA,QAAS;AACnBM,QAAAA,WAAW,EAAEA,WAAY;QACzBR,QAAQ,EAAE,IAAI,CAACJ,YAAAA;AAAa,OAEhC,CAAA,CAAA;AAAA,KAAA,CAAG,CAAA;AAEP,GAAA;AACD,CAAA;AAED,qBAAe0B,oBAAU,CAAC5B,YAAY,CAAC;;;;"}

package/build/dateLookup/yearCalendar/YearCalendar.mjs

@@ -0,0 +1,55 @@
+import { PureComponent } from 'react';
+import { injectIntl } from 'react-intl';
+import messages from '../DateLookup.messages.mjs';
+import DateHeader from '../dateHeader/DateHeader.mjs';
+import YearCalendarTable from './table/YearCalendarTable.mjs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+class YearCalendar extends PureComponent {
+  onYearSelect = year => {
+    this.props.onViewDateUpdate({
+      year
+    });
+    this.props.onSelect();
+  };
+  selectPreviousYears = () => {
+    this.props.onViewDateUpdate({
+      year: this.props.viewYear - 20
+    });
+  };
+  selectNextYears = () => {
+    this.props.onViewDateUpdate({
+      year: this.props.viewYear + 20
+    });
+  };
+  render() {
+    const {
+      selectedDate,
+      min,
+      max,
+      viewYear,
+      placeholder,
+      intl: {
+        formatMessage
+      }
+    } = this.props;
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(DateHeader, {
+        dateMode: formatMessage(messages.twentyYears),
+        onPreviousClick: this.selectPreviousYears,
+        onNextClick: this.selectNextYears
+      }), /*#__PURE__*/jsx(YearCalendarTable, {
+        selectedDate: selectedDate,
+        min: min,
+        max: max,
+        viewYear: viewYear,
+        placeholder: placeholder,
+        onSelect: this.onYearSelect
+      })]
+    });
+  }
+}
+var YearCalendar$1 = injectIntl(YearCalendar);
+
+export { YearCalendar$1 as default };
+//# sourceMappingURL=YearCalendar.mjs.map

package/build/dateLookup/yearCalendar/YearCalendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearCalendar.mjs","sources":["../../../src/dateLookup/yearCalendar/YearCalendar.tsx"],"sourcesContent":["import { PureComponent } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport messages from '../DateLookup.messages';\nimport DateHeader from '../dateHeader';\n\nimport YearCalendarTable from './table';\n\ninterface YearCalendarProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewYear: number;\n  placeholder: string;\n  onSelect: () => void;\n  onViewDateUpdate: (date: { year: number }) => void;\n}\n\nclass YearCalendar extends PureComponent<YearCalendarProps> {\n  onYearSelect = (year: number) => {\n    this.props.onViewDateUpdate({ year });\n    this.props.onSelect();\n  };\n\n  selectPreviousYears = () => {\n    this.props.onViewDateUpdate({ year: this.props.viewYear - 20 });\n  };\n\n  selectNextYears = () => {\n    this.props.onViewDateUpdate({ year: this.props.viewYear + 20 });\n  };\n\n  render() {\n    const {\n      selectedDate,\n      min,\n      max,\n      viewYear,\n      placeholder,\n      intl: { formatMessage },\n    } = this.props;\n    return (\n      <>\n        <DateHeader\n          dateMode={formatMessage(messages.twentyYears)}\n          onPreviousClick={this.selectPreviousYears}\n          onNextClick={this.selectNextYears}\n        />\n        <YearCalendarTable\n          selectedDate={selectedDate}\n          min={min}\n          max={max}\n          viewYear={viewYear}\n          placeholder={placeholder}\n          onSelect={this.onYearSelect}\n        />\n      </>\n    );\n  }\n}\n\nexport default injectIntl(YearCalendar);\n"],"names":["YearCalendar","PureComponent","onYearSelect","year","props","onViewDateUpdate","onSelect","selectPreviousYears","viewYear","selectNextYears","render","selectedDate","min","max","placeholder","intl","formatMessage","_jsxs","_Fragment","children","_jsx","DateHeader","dateMode","messages","twentyYears","onPreviousClick","onNextClick","YearCalendarTable","injectIntl"],"mappings":";;;;;;;AAkBA,MAAMA,YAAa,SAAQC,aAAgC,CAAA;EACzDC,YAAY,GAAIC,IAAY,IAAI;AAC9B,IAAA,IAAI,CAACC,KAAK,CAACC,gBAAgB,CAAC;AAAEF,MAAAA,IAAAA;AAAM,KAAA,CAAC,CAAA;AACrC,IAAA,IAAI,CAACC,KAAK,CAACE,QAAQ,EAAE,CAAA;GACtB,CAAA;EAEDC,mBAAmB,GAAGA,MAAK;AACzB,IAAA,IAAI,CAACH,KAAK,CAACC,gBAAgB,CAAC;AAAEF,MAAAA,IAAI,EAAE,IAAI,CAACC,KAAK,CAACI,QAAQ,GAAG,EAAA;AAAE,KAAE,CAAC,CAAA;GAChE,CAAA;EAEDC,eAAe,GAAGA,MAAK;AACrB,IAAA,IAAI,CAACL,KAAK,CAACC,gBAAgB,CAAC;AAAEF,MAAAA,IAAI,EAAE,IAAI,CAACC,KAAK,CAACI,QAAQ,GAAG,EAAA;AAAE,KAAE,CAAC,CAAA;GAChE,CAAA;AAEDE,EAAAA,MAAMA,GAAA;IACJ,MAAM;MACJC,YAAY;MACZC,GAAG;MACHC,GAAG;MACHL,QAAQ;MACRM,WAAW;AACXC,MAAAA,IAAI,EAAE;AAAEC,QAAAA,aAAAA;AAAa,OAAA;KACtB,GAAG,IAAI,CAACZ,KAAK,CAAA;IACd,oBACEa,IAAA,CAAAC,QAAA,EAAA;MAAAC,QAAA,EAAA,cACEC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,QAAQ,EAAEN,aAAa,CAACO,QAAQ,CAACC,WAAW,CAAE;QAC9CC,eAAe,EAAE,IAAI,CAAClB,mBAAoB;QAC1CmB,WAAW,EAAE,IAAI,CAACjB,eAAAA;AAAgB,OAEpC,CAAA,eAAAW,GAAA,CAACO,iBAAiB,EAAA;AAChBhB,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,GAAG,EAAEA,GAAI;AACTC,QAAAA,GAAG,EAAEA,GAAI;AACTL,QAAAA,QAAQ,EAAEA,QAAS;AACnBM,QAAAA,WAAW,EAAEA,WAAY;QACzBR,QAAQ,EAAE,IAAI,CAACJ,YAAAA;AAAa,OAEhC,CAAA,CAAA;AAAA,KAAA,CAAG,CAAA;AAEP,GAAA;AACD,CAAA;AAED,qBAAe0B,UAAU,CAAC5B,YAAY,CAAC;;;;"}