@transferwise/components 46.44.1 → 46.46.0

package/build/dateLookup/dateTrigger/DateTrigger.messages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTrigger.messages.mjs","sources":["../../../src/dateLookup/dateTrigger/DateTrigger.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  ariaLabel: {\n    id: 'neptune.ClearButton.ariaLabel',\n    defaultMessage: 'Clear',\n    description: 'Description of clear button',\n  },\n});\n"],"names":["defineMessages","ariaLabel","id"],"mappings":";;AAEA,0BAAeA,cAAc,CAAC;AAC5BC,EAAAA,SAAS,EAAE;IACTC,EAAE,EAAA,+BAAA;AAGH,GAAA;AACF,CAAA,CAAC;;;;"}

package/build/dateLookup/dateTrigger/DateTrigger.mjs

@@ -0,0 +1,68 @@
+import { formatDate } from '@transferwise/formatting';
+import { useIntl } from 'react-intl';
+import Chevron from '../../chevron/Chevron.mjs';
+import { CloseButton } from '../../common/closeButton/CloseButton.mjs';
+import dateTriggerMessages from './DateTrigger.messages.mjs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Position } from '../../common/propsValues/position.mjs';
+import { Size } from '../../common/propsValues/size.mjs';
+
+const DateTrigger = ({
+  selectedDate,
+  size = Size.MEDIUM,
+  placeholder,
+  label,
+  monthFormat,
+  disabled,
+  onClick,
+  onClear
+}) => {
+  const {
+    locale,
+    formatMessage
+  } = useIntl();
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("button", {
+      className: `btn btn-${size} btn-input np-date-trigger`,
+      disabled: disabled,
+      type: "button",
+      onClick: onClick,
+      children: [label && /*#__PURE__*/jsx("span", {
+        className: "control-label small m-r-1",
+        children: label
+      }), selectedDate ? /*#__PURE__*/jsx("span", {
+        className: "font-weight-normal",
+        children: formatDate(selectedDate, locale, {
+          day: 'numeric',
+          month: monthFormat,
+          year: 'numeric'
+        })
+      }) : /*#__PURE__*/jsx("span", {
+        className: "form-control-placeholder visible-xs-inline visible-sm-inline visible-md-inline visible-lg-inline visible-xl-inline",
+        children: placeholder
+      }), !onClear ? /*#__PURE__*/jsx(Chevron, {
+        orientation: Position.BOTTOM,
+        disabled: disabled
+      }) : null]
+    }), onClear ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("div", {
+        className: "clearfix"
+      }), /*#__PURE__*/jsx("span", {
+        className: "input-group-addon",
+        children: /*#__PURE__*/jsx(CloseButton, {
+          className: `clear-btn clear-btn--${size}`,
+          "aria-label": `${formatMessage(dateTriggerMessages.ariaLabel)} ${label}`,
+          size: Size.SMALL,
+          onClick: event => {
+            event.stopPropagation();
+            event.preventDefault();
+            onClear();
+          }
+        })
+      })]
+    }) : null]
+  });
+};
+
+export { DateTrigger as default };
+//# sourceMappingURL=DateTrigger.mjs.map

package/build/dateLookup/dateTrigger/DateTrigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTrigger.mjs","sources":["../../../src/dateLookup/dateTrigger/DateTrigger.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { useIntl } from 'react-intl';\n\nimport Chevron from '../../chevron';\nimport { Size, Position, SizeSmall, SizeMedium, SizeLarge } from '../../common';\nimport { CloseButton } from '../../common/closeButton/CloseButton';\n\nimport messages from './DateTrigger.messages';\n\ninterface DateTriggerProps {\n  selectedDate: Date | null;\n  size: SizeSmall | SizeMedium | SizeLarge;\n  placeholder: string;\n  label: string;\n  monthFormat: 'short' | 'long';\n  disabled: boolean;\n  onClick: () => void;\n  onClear?: () => void;\n}\n\nconst DateTrigger: React.FC<DateTriggerProps> = ({\n  selectedDate,\n  size = Size.MEDIUM,\n  placeholder,\n  label,\n  monthFormat,\n  disabled,\n  onClick,\n  onClear,\n}) => {\n  const { locale, formatMessage } = useIntl();\n\n  return (\n    <>\n      <button\n        className={`btn btn-${size} btn-input np-date-trigger`}\n        disabled={disabled}\n        type=\"button\"\n        onClick={onClick}\n      >\n        {label && <span className=\"control-label small m-r-1\">{label}</span>}\n        {selectedDate ? (\n          <span className=\"font-weight-normal\">\n            {formatDate(selectedDate, locale, {\n              day: 'numeric',\n              month: monthFormat,\n              year: 'numeric',\n            })}\n          </span>\n        ) : (\n          <span\n            className=\"form-control-placeholder visible-xs-inline visible-sm-inline\n                       visible-md-inline visible-lg-inline visible-xl-inline\"\n          >\n            {placeholder}\n          </span>\n        )}\n        {!onClear ? <Chevron orientation={Position.BOTTOM} disabled={disabled} /> : null}\n      </button>\n      {onClear ? (\n        <>\n          <div className=\"clearfix\" />\n          <span className=\"input-group-addon\">\n            <CloseButton\n              className={`clear-btn clear-btn--${size}`}\n              aria-label={`${formatMessage(messages.ariaLabel)} ${label}`}\n              size={Size.SMALL}\n              onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n                event.stopPropagation();\n                event.preventDefault();\n                onClear();\n              }}\n            />\n          </span>\n        </>\n      ) : null}\n    </>\n  );\n};\n\nexport default DateTrigger;\n"],"names":["DateTrigger","selectedDate","size","Size","MEDIUM","placeholder","label","monthFormat","disabled","onClick","onClear","locale","formatMessage","useIntl","_jsxs","_Fragment","children","className","type","_jsx","formatDate","day","month","year","Chevron","orientation","Position","BOTTOM","CloseButton","messages","ariaLabel","SMALL","event","stopPropagation","preventDefault"],"mappings":";;;;;;;;;AAoBMA,MAAAA,WAAW,GAA+BA,CAAC;EAC/CC,YAAY;EACZC,IAAI,GAAGC,IAAI,CAACC,MAAM;EAClBC,WAAW;EACXC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRC,OAAO;AACPC,EAAAA,OAAAA;AACD,CAAA,KAAI;EACH,MAAM;IAAEC,MAAM;AAAEC,IAAAA,aAAAA;GAAe,GAAGC,OAAO,EAAE,CAAA;EAE3C,oBACEC,IAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEF,IAAA,CAAA,QAAA,EAAA;MACEG,SAAS,GAAaf,QAAAA,EAAAA,IAAI,CAA6B,0BAAA,CAAA;AACvDM,MAAAA,QAAQ,EAAEA,QAAS;AACnBU,MAAAA,IAAI,EAAC,QAAQ;AACbT,MAAAA,OAAO,EAAEA,OAAQ;MAAAO,QAAA,EAAA,CAEhBV,KAAK,iBAAIa,GAAA,CAAA,MAAA,EAAA;AAAMF,QAAAA,SAAS,EAAC,2BAA2B;AAAAD,QAAAA,QAAA,EAAEV,KAAAA;AAAK,OAAO,CAAC,EACnEL,YAAY,gBACXkB,GAAA,CAAA,MAAA,EAAA;AAAMF,QAAAA,SAAS,EAAC,oBAAoB;AAAAD,QAAAA,QAAA,EACjCI,UAAU,CAACnB,YAAY,EAAEU,MAAM,EAAE;AAChCU,UAAAA,GAAG,EAAE,SAAS;AACdC,UAAAA,KAAK,EAAEf,WAAW;AAClBgB,UAAAA,IAAI,EAAE,SAAA;SACP,CAAA;OACG,CAAC,gBAEPJ,GAAA,CAAA,MAAA,EAAA;AACEF,QAAAA,SAAS,EAAC,oHACuD;AAAAD,QAAAA,QAAA,EAEhEX,WAAAA;AAAW,OACR,CACP,EACA,CAACK,OAAO,gBAAGS,GAAA,CAACK,OAAO,EAAA;QAACC,WAAW,EAAEC,QAAQ,CAACC,MAAO;AAACnB,QAAAA,QAAQ,EAAEA,QAAAA;OAAS,CAAG,GAAG,IAAI,CAAA;AAAA,KAC1E,CACR,EAACE,OAAO,gBACNI,IAAA,CAAAC,QAAA,EAAA;AAAAC,MAAAA,QAAA,gBACEG,GAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,UAAA;OACf,CAAA,eAAAE,GAAA,CAAA,MAAA,EAAA;AAAMF,QAAAA,SAAS,EAAC,mBAAmB;QAAAD,QAAA,eACjCG,GAAA,CAACS,WAAW,EAAA;UACVX,SAAS,GAA0Bf,qBAAAA,EAAAA,IAAI,CAAG,CAAA;UAC1C,iBAAeU,aAAa,CAACiB,mBAAQ,CAACC,SAAS,CAAC,CAAIxB,CAAAA,EAAAA,KAAO,CAAC,CAAA;UAC5DJ,IAAI,EAAEC,IAAI,CAAC4B,KAAM;UACjBtB,OAAO,EAAGuB,KAA0C,IAAI;YACtDA,KAAK,CAACC,eAAe,EAAE,CAAA;YACvBD,KAAK,CAACE,cAAc,EAAE,CAAA;AACtBxB,YAAAA,OAAO,EAAE,CAAA;AACX,WAAA;SAEJ,CAAA;AAAA,OAAM,CACR,CAAA;KAAA,CAAG,GACD,IAAI,CAAA;AAAA,GACV,CAAG,CAAA;AAEP;;;;"}

package/build/dateLookup/dayCalendar/DayCalendar.js

@@ -0,0 +1,71 @@
+'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 DayCalendarTable = require('./table/DayCalendarTable.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+class DayCalendar extends React.PureComponent {
+  selectPreviousMonth = () => {
+    const {
+      viewMonth,
+      viewYear
+    } = this.props;
+    this.props.onViewDateUpdate({
+      month: viewMonth <= 0 ? 11 : viewMonth - 1,
+      year: viewMonth <= 0 ? viewYear - 1 : viewYear
+    });
+  };
+  selectNextMonth = () => {
+    const {
+      viewMonth,
+      viewYear
+    } = this.props;
+    this.props.onViewDateUpdate({
+      month: viewMonth >= 11 ? 0 : viewMonth + 1,
+      year: viewMonth >= 11 ? viewYear + 1 : viewYear
+    });
+  };
+  render() {
+    const {
+      selectedDate,
+      min,
+      max,
+      viewMonth,
+      viewYear,
+      intl: {
+        locale,
+        formatMessage
+      },
+      monthFormat,
+      onLabelClick,
+      onSelect
+    } = this.props;
+    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(DateHeader, {
+        label: formatting.formatDate(new Date(viewYear, viewMonth), locale, {
+          month: monthFormat,
+          year: 'numeric'
+        }),
+        dateMode: formatMessage(DateLookup_messages.month),
+        onLabelClick: onLabelClick,
+        onPreviousClick: this.selectPreviousMonth,
+        onNextClick: this.selectNextMonth
+      }), /*#__PURE__*/jsxRuntime.jsx(DayCalendarTable, {
+        selectedDate,
+        min,
+        max,
+        viewMonth,
+        viewYear,
+        onSelect
+      })]
+    });
+  }
+}
+var DayCalendar$1 = reactIntl.injectIntl(DayCalendar);
+
+module.exports = DayCalendar$1;
+//# sourceMappingURL=DayCalendar.js.map

package/build/dateLookup/dayCalendar/DayCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayCalendar.js","sources":["../../../src/dateLookup/dayCalendar/DayCalendar.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport { MonthFormat } from '../../common';\nimport messages from '../DateLookup.messages';\nimport DateHeader from '../dateHeader';\n\nimport DayCalendarTable from './table';\n\ninterface DayCalendarProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  monthFormat: `${MonthFormat}`;\n  onSelect: (date: Date) => void;\n  onLabelClick: () => void;\n  onViewDateUpdate: (date: { month: number; year: number }) => void;\n}\n\nclass DayCalendar extends PureComponent<DayCalendarProps> {\n  selectPreviousMonth = () => {\n    const { viewMonth, viewYear } = this.props;\n    this.props.onViewDateUpdate({\n      month: viewMonth <= 0 ? 11 : viewMonth - 1,\n      year: viewMonth <= 0 ? viewYear - 1 : viewYear,\n    });\n  };\n\n  selectNextMonth = () => {\n    const { viewMonth, viewYear } = this.props;\n    this.props.onViewDateUpdate({\n      month: viewMonth >= 11 ? 0 : viewMonth + 1,\n      year: viewMonth >= 11 ? viewYear + 1 : viewYear,\n    });\n  };\n\n  render() {\n    const {\n      selectedDate,\n      min,\n      max,\n      viewMonth,\n      viewYear,\n      intl: { locale, formatMessage },\n      monthFormat,\n      onLabelClick,\n      onSelect,\n    } = this.props;\n    return (\n      <>\n        <DateHeader\n          label={formatDate(new Date(viewYear, viewMonth), locale, {\n            month: monthFormat,\n            year: 'numeric',\n          })}\n          dateMode={formatMessage(messages.month)}\n          onLabelClick={onLabelClick}\n          onPreviousClick={this.selectPreviousMonth}\n          onNextClick={this.selectNextMonth}\n        />\n        <DayCalendarTable {...{ selectedDate, min, max, viewMonth, viewYear, onSelect }} />\n      </>\n    );\n  }\n}\n\nexport default injectIntl(DayCalendar);\n"],"names":["DayCalendar","PureComponent","selectPreviousMonth","viewMonth","viewYear","props","onViewDateUpdate","month","year","selectNextMonth","render","selectedDate","min","max","intl","locale","formatMessage","monthFormat","onLabelClick","onSelect","_jsxs","_Fragment","children","_jsx","DateHeader","label","formatDate","Date","dateMode","messages","onPreviousClick","onNextClick","DayCalendarTable","injectIntl"],"mappings":";;;;;;;;;;AAsBA,MAAMA,WAAY,SAAQC,mBAA+B,CAAA;EACvDC,mBAAmB,GAAGA,MAAK;IACzB,MAAM;MAAEC,SAAS;AAAEC,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACC,KAAK,CAAA;AAC1C,IAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,CAAC;MAC1BC,KAAK,EAAEJ,SAAS,IAAI,CAAC,GAAG,EAAE,GAAGA,SAAS,GAAG,CAAC;MAC1CK,IAAI,EAAEL,SAAS,IAAI,CAAC,GAAGC,QAAQ,GAAG,CAAC,GAAGA,QAAAA;AACvC,KAAA,CAAC,CAAA;GACH,CAAA;EAEDK,eAAe,GAAGA,MAAK;IACrB,MAAM;MAAEN,SAAS;AAAEC,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACC,KAAK,CAAA;AAC1C,IAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,CAAC;MAC1BC,KAAK,EAAEJ,SAAS,IAAI,EAAE,GAAG,CAAC,GAAGA,SAAS,GAAG,CAAC;MAC1CK,IAAI,EAAEL,SAAS,IAAI,EAAE,GAAGC,QAAQ,GAAG,CAAC,GAAGA,QAAAA;AACxC,KAAA,CAAC,CAAA;GACH,CAAA;AAEDM,EAAAA,MAAMA,GAAA;IACJ,MAAM;MACJC,YAAY;MACZC,GAAG;MACHC,GAAG;MACHV,SAAS;MACTC,QAAQ;AACRU,MAAAA,IAAI,EAAE;QAAEC,MAAM;AAAEC,QAAAA,aAAAA;OAAe;MAC/BC,WAAW;MACXC,YAAY;AACZC,MAAAA,QAAAA;KACD,GAAG,IAAI,CAACd,KAAK,CAAA;IACd,oBACEe,eAAA,CAAAC,mBAAA,EAAA;MAAAC,QAAA,EAAA,cACEC,cAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,KAAK,EAAEC,qBAAU,CAAC,IAAIC,IAAI,CAACvB,QAAQ,EAAED,SAAS,CAAC,EAAEY,MAAM,EAAE;AACvDR,UAAAA,KAAK,EAAEU,WAAW;AAClBT,UAAAA,IAAI,EAAE,SAAA;AACP,SAAA,CAAE;AACHoB,QAAAA,QAAQ,EAAEZ,aAAa,CAACa,mBAAQ,CAACtB,KAAK,CAAE;AACxCW,QAAAA,YAAY,EAAEA,YAAa;QAC3BY,eAAe,EAAE,IAAI,CAAC5B,mBAAoB;QAC1C6B,WAAW,EAAE,IAAI,CAACtB,eAAAA;AAAgB,OAEpC,CAAA,eAAAc,cAAA,CAACS,gBAAgB,EAAA;QAAOrB,YAAY;QAAEC,GAAG;QAAEC,GAAG;QAAEV,SAAS;QAAEC,QAAQ;AAAEe,QAAAA,QAAAA;AAAQ,OAC/E,CAAA,CAAA;AAAA,KAAA,CAAG,CAAA;AAEP,GAAA;AACD,CAAA;AAED,oBAAec,oBAAU,CAACjC,WAAW,CAAC;;;;"}

package/build/dateLookup/dayCalendar/DayCalendar.mjs

@@ -0,0 +1,69 @@
+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 DayCalendarTable from './table/DayCalendarTable.mjs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+class DayCalendar extends PureComponent {
+  selectPreviousMonth = () => {
+    const {
+      viewMonth,
+      viewYear
+    } = this.props;
+    this.props.onViewDateUpdate({
+      month: viewMonth <= 0 ? 11 : viewMonth - 1,
+      year: viewMonth <= 0 ? viewYear - 1 : viewYear
+    });
+  };
+  selectNextMonth = () => {
+    const {
+      viewMonth,
+      viewYear
+    } = this.props;
+    this.props.onViewDateUpdate({
+      month: viewMonth >= 11 ? 0 : viewMonth + 1,
+      year: viewMonth >= 11 ? viewYear + 1 : viewYear
+    });
+  };
+  render() {
+    const {
+      selectedDate,
+      min,
+      max,
+      viewMonth,
+      viewYear,
+      intl: {
+        locale,
+        formatMessage
+      },
+      monthFormat,
+      onLabelClick,
+      onSelect
+    } = this.props;
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(DateHeader, {
+        label: formatDate(new Date(viewYear, viewMonth), locale, {
+          month: monthFormat,
+          year: 'numeric'
+        }),
+        dateMode: formatMessage(messages.month),
+        onLabelClick: onLabelClick,
+        onPreviousClick: this.selectPreviousMonth,
+        onNextClick: this.selectNextMonth
+      }), /*#__PURE__*/jsx(DayCalendarTable, {
+        selectedDate,
+        min,
+        max,
+        viewMonth,
+        viewYear,
+        onSelect
+      })]
+    });
+  }
+}
+var DayCalendar$1 = injectIntl(DayCalendar);
+
+export { DayCalendar$1 as default };
+//# sourceMappingURL=DayCalendar.mjs.map

package/build/dateLookup/dayCalendar/DayCalendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayCalendar.mjs","sources":["../../../src/dateLookup/dayCalendar/DayCalendar.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport { MonthFormat } from '../../common';\nimport messages from '../DateLookup.messages';\nimport DateHeader from '../dateHeader';\n\nimport DayCalendarTable from './table';\n\ninterface DayCalendarProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  monthFormat: `${MonthFormat}`;\n  onSelect: (date: Date) => void;\n  onLabelClick: () => void;\n  onViewDateUpdate: (date: { month: number; year: number }) => void;\n}\n\nclass DayCalendar extends PureComponent<DayCalendarProps> {\n  selectPreviousMonth = () => {\n    const { viewMonth, viewYear } = this.props;\n    this.props.onViewDateUpdate({\n      month: viewMonth <= 0 ? 11 : viewMonth - 1,\n      year: viewMonth <= 0 ? viewYear - 1 : viewYear,\n    });\n  };\n\n  selectNextMonth = () => {\n    const { viewMonth, viewYear } = this.props;\n    this.props.onViewDateUpdate({\n      month: viewMonth >= 11 ? 0 : viewMonth + 1,\n      year: viewMonth >= 11 ? viewYear + 1 : viewYear,\n    });\n  };\n\n  render() {\n    const {\n      selectedDate,\n      min,\n      max,\n      viewMonth,\n      viewYear,\n      intl: { locale, formatMessage },\n      monthFormat,\n      onLabelClick,\n      onSelect,\n    } = this.props;\n    return (\n      <>\n        <DateHeader\n          label={formatDate(new Date(viewYear, viewMonth), locale, {\n            month: monthFormat,\n            year: 'numeric',\n          })}\n          dateMode={formatMessage(messages.month)}\n          onLabelClick={onLabelClick}\n          onPreviousClick={this.selectPreviousMonth}\n          onNextClick={this.selectNextMonth}\n        />\n        <DayCalendarTable {...{ selectedDate, min, max, viewMonth, viewYear, onSelect }} />\n      </>\n    );\n  }\n}\n\nexport default injectIntl(DayCalendar);\n"],"names":["DayCalendar","PureComponent","selectPreviousMonth","viewMonth","viewYear","props","onViewDateUpdate","month","year","selectNextMonth","render","selectedDate","min","max","intl","locale","formatMessage","monthFormat","onLabelClick","onSelect","_jsxs","_Fragment","children","_jsx","DateHeader","label","formatDate","Date","dateMode","messages","onPreviousClick","onNextClick","DayCalendarTable","injectIntl"],"mappings":";;;;;;;;AAsBA,MAAMA,WAAY,SAAQC,aAA+B,CAAA;EACvDC,mBAAmB,GAAGA,MAAK;IACzB,MAAM;MAAEC,SAAS;AAAEC,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACC,KAAK,CAAA;AAC1C,IAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,CAAC;MAC1BC,KAAK,EAAEJ,SAAS,IAAI,CAAC,GAAG,EAAE,GAAGA,SAAS,GAAG,CAAC;MAC1CK,IAAI,EAAEL,SAAS,IAAI,CAAC,GAAGC,QAAQ,GAAG,CAAC,GAAGA,QAAAA;AACvC,KAAA,CAAC,CAAA;GACH,CAAA;EAEDK,eAAe,GAAGA,MAAK;IACrB,MAAM;MAAEN,SAAS;AAAEC,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACC,KAAK,CAAA;AAC1C,IAAA,IAAI,CAACA,KAAK,CAACC,gBAAgB,CAAC;MAC1BC,KAAK,EAAEJ,SAAS,IAAI,EAAE,GAAG,CAAC,GAAGA,SAAS,GAAG,CAAC;MAC1CK,IAAI,EAAEL,SAAS,IAAI,EAAE,GAAGC,QAAQ,GAAG,CAAC,GAAGA,QAAAA;AACxC,KAAA,CAAC,CAAA;GACH,CAAA;AAEDM,EAAAA,MAAMA,GAAA;IACJ,MAAM;MACJC,YAAY;MACZC,GAAG;MACHC,GAAG;MACHV,SAAS;MACTC,QAAQ;AACRU,MAAAA,IAAI,EAAE;QAAEC,MAAM;AAAEC,QAAAA,aAAAA;OAAe;MAC/BC,WAAW;MACXC,YAAY;AACZC,MAAAA,QAAAA;KACD,GAAG,IAAI,CAACd,KAAK,CAAA;IACd,oBACEe,IAAA,CAAAC,QAAA,EAAA;MAAAC,QAAA,EAAA,cACEC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,KAAK,EAAEC,UAAU,CAAC,IAAIC,IAAI,CAACvB,QAAQ,EAAED,SAAS,CAAC,EAAEY,MAAM,EAAE;AACvDR,UAAAA,KAAK,EAAEU,WAAW;AAClBT,UAAAA,IAAI,EAAE,SAAA;AACP,SAAA,CAAE;AACHoB,QAAAA,QAAQ,EAAEZ,aAAa,CAACa,QAAQ,CAACtB,KAAK,CAAE;AACxCW,QAAAA,YAAY,EAAEA,YAAa;QAC3BY,eAAe,EAAE,IAAI,CAAC5B,mBAAoB;QAC1C6B,WAAW,EAAE,IAAI,CAACtB,eAAAA;AAAgB,OAEpC,CAAA,eAAAc,GAAA,CAACS,gBAAgB,EAAA;QAAOrB,YAAY;QAAEC,GAAG;QAAEC,GAAG;QAAEV,SAAS;QAAEC,QAAQ;AAAEe,QAAAA,QAAAA;AAAQ,OAC/E,CAAA,CAAA;AAAA,KAAA,CAAG,CAAA;AAEP,GAAA;AACD,CAAA;AAED,oBAAec,UAAU,CAACjC,WAAW,CAAC;;;;"}

package/build/dateLookup/dayCalendar/table/DayCalendarTable.js

@@ -0,0 +1,150 @@
+'use strict';
+
+var formatting = require('@transferwise/formatting');
+var React = require('react');
+var reactIntl = require('react-intl');
+var getDayNames = require('../../../common/dateUtils/getDayNames/getDayNames.js');
+var isWithinRange = require('../../../common/dateUtils/isWithinRange/isWithinRange.js');
+var getFocusableTime = require('../../getFocusableTime/getFocusableTime.js');
+var getStartOfDay = require('../../getStartOfDay/getStartOfDay.js');
+var TableLink = require('../../tableLink/TableLink.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+const SHORT_DAY_FORMAT = {
+  day: 'numeric'
+};
+class DayCalendarTable extends React.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.getDayNames(this.props.intl.locale, 'short');
+  daysShort = getDayNames.getDayNames(this.props.intl.locale, 'narrow');
+  daysLong = getDayNames.getDayNames(this.props.intl.locale, 'long');
+  selectDay = day => {
+    const {
+      viewMonth,
+      viewYear,
+      onSelect
+    } = this.props;
+    onSelect(new Date(viewYear, viewMonth, day));
+  };
+  isDisabled = day => {
+    const {
+      min,
+      max,
+      viewMonth,
+      viewYear
+    } = this.props;
+    const date = new Date(viewYear, viewMonth, day);
+    return !isWithinRange.isWithinRange(date, min, max);
+  };
+  isActive = day => {
+    const {
+      selectedDate,
+      viewMonth,
+      viewYear
+    } = this.props;
+    return !!(selectedDate && +new Date(viewYear, viewMonth, day) === +selectedDate);
+  };
+  isToday = day => {
+    const {
+      viewMonth,
+      viewYear
+    } = this.props;
+    return Number(getStartOfDay.getStartOfDay(new Date())) === Number(new Date(viewYear, viewMonth, day));
+  };
+  getAutofocusDay = weeks => {
+    const days = weeks.flatMap(week => week);
+    return getFocusableTime.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__*/jsxRuntime.jsxs("table", {
+      className: "table table-condensed table-bordered tw-date-lookup-calendar m-b-0",
+      children: [/*#__PURE__*/jsxRuntime.jsx("thead", {
+        children: /*#__PURE__*/jsxRuntime.jsx("tr", {
+          children: this.days.map((day, index) => /*#__PURE__*/jsxRuntime.jsxs("th", {
+            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", {
+                title: this.daysLong[index],
+                children: day.slice(0, 3)
+              })
+            }), /*#__PURE__*/jsxRuntime.jsx("span", {
+              className: "visible-xs-inline-block",
+              children: /*#__PURE__*/jsxRuntime.jsx("abbr", {
+                title: this.daysLong[index],
+                children: this.daysShort[index].slice(0, 2)
+              })
+            })]
+          }, day))
+        })
+      }), /*#__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 ? 'weekend' : '',
+            children: day !== -1 && /*#__PURE__*/jsxRuntime.jsx(TableLink, {
+              item: day,
+              type: "day",
+              title: formatting.formatDate(new Date(viewYear, viewMonth, day), intl.locale, SHORT_DAY_FORMAT),
+              autofocus: day === autoFocusDay,
+              longTitle: formatting.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 = reactIntl.injectIntl(DayCalendarTable);
+
+module.exports = DayCalendarTable$1;
+//# sourceMappingURL=DayCalendarTable.js.map

package/build/dateLookup/dayCalendar/table/DayCalendarTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayCalendarTable.js","sources":["../../../../src/dateLookup/dayCalendar/table/DayCalendarTable.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, 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    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 && +new Date(viewYear, viewMonth, day) === +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","isToday","Number","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/dateLookup/dayCalendar/table/DayCalendarTable.mjs

@@ -0,0 +1,148 @@
+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 => {
+    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 && +new Date(viewYear, viewMonth, day) === +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/dateLookup/dayCalendar/table/DayCalendarTable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayCalendarTable.mjs","sources":["../../../../src/dateLookup/dayCalendar/table/DayCalendarTable.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, 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    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 && +new Date(viewYear, viewMonth, day) === +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","isToday","Number","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/dateLookup/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/dateLookup/getFocusableTime/getFocusableTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFocusableTime.js","sources":["../../../src/dateLookup/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,CAAA;AAElE;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"getFocusableTime.mjs","sources":["../../../src/dateLookup/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,CAAA;AAElE;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"getStartOfDay.js","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;;;;"}