@transferwise/components 46.44.1 → 46.46.0

package/build/dateLookup/DateLookup.mjs

@@ -0,0 +1,333 @@
+import classNames from 'classnames';
+import { PureComponent, createRef } from 'react';
+import '@transferwise/formatting';
+import { moveToWithinRange } from '../common/dateUtils/moveToWithinRange/moveToWithinRange.mjs';
+import { isWithinRange } from '../common/dateUtils/isWithinRange/isWithinRange.mjs';
+import { withInputAttributes } from '../inputs/contexts.mjs';
+import DateTrigger from './dateTrigger/DateTrigger.mjs';
+import DayCalendar from './dayCalendar/DayCalendar.mjs';
+import { getStartOfDay } from './getStartOfDay/getStartOfDay.mjs';
+import MonthCalendar from './monthCalendar/MonthCalendar.mjs';
+import YearCalendar from './yearCalendar/YearCalendar.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { MonthFormat } from '../common/propsValues/monthFormat.mjs';
+import { Breakpoint } from '../common/propsValues/breakpoint.mjs';
+import ResponsivePanel from '../common/responsivePanel/ResponsivePanel.mjs';
+import { Size } from '../common/propsValues/size.mjs';
+import { Position } from '../common/propsValues/position.mjs';
+
+class DateLookup extends PureComponent {
+  static defaultProps = {
+    value: null,
+    min: null,
+    max: null,
+    size: Size.MEDIUM,
+    placeholder: '',
+    label: '',
+    monthFormat: MonthFormat.LONG,
+    disabled: false,
+    clearable: false
+  };
+  element = /*#__PURE__*/createRef();
+  dropdown = /*#__PURE__*/createRef();
+  constructor(props) {
+    super(props);
+    this.state = {
+      selectedDate: getStartOfDay(props.value),
+      originalDate: null,
+      min: getStartOfDay(props.min),
+      max: getStartOfDay(props.max),
+      viewMonth: (props.value || new Date()).getMonth(),
+      viewYear: (props.value || new Date()).getFullYear(),
+      open: false,
+      mode: 'day',
+      isMobile: false
+    };
+  }
+  static getDerivedStateFromProps(props, state) {
+    const propsSelected = getStartOfDay(props.value);
+    const propsMin = getStartOfDay(props.min);
+    const propsMax = getStartOfDay(props.max);
+    const hasSelectedChanged = state.selectedDate?.getTime() !== propsSelected?.getTime();
+    const hasMinChanged = state.min?.getTime() !== propsMin?.getTime();
+    const hasMaxChanged = state.max?.getTime() !== propsMax?.getTime();
+    if (hasSelectedChanged || hasMinChanged || hasMaxChanged) {
+      const selectedDate = hasSelectedChanged ? propsSelected : state.selectedDate;
+      const min = hasMinChanged ? propsMin : state.min;
+      const max = hasMaxChanged ? propsMax : state.max;
+      if (selectedDate && !isWithinRange(selectedDate, min, max)) {
+        props.onChange(moveToWithinRange(selectedDate, min, max));
+        return null;
+      }
+      const viewDateThatIsWithinRange = selectedDate || (min || max) && moveToWithinRange(new Date(), min, max) || new Date();
+      const viewMonth = viewDateThatIsWithinRange.getMonth();
+      const viewYear = viewDateThatIsWithinRange.getFullYear();
+      return {
+        selectedDate,
+        min,
+        max,
+        viewMonth,
+        viewYear
+      };
+    }
+    return null;
+  }
+  componentDidUpdate(previousProps) {
+    if (this.props.value?.getTime() !== previousProps.value?.getTime() && this.state.open) {
+      this.focusOn('.active');
+    }
+    const mediaQuery = window.matchMedia(`(max-width: ${Breakpoint.SMALL}px)`);
+    this.setState({
+      isMobile: mediaQuery.matches
+    });
+  }
+  componentWillUnmount() {
+    // Prevents memory leak by cleaning state.
+    this.setState = () => {};
+  }
+  open = () => {
+    const {
+      onFocus
+    } = this.props;
+    this.setState({
+      open: true,
+      mode: 'day'
+    });
+    if (onFocus) {
+      onFocus();
+    }
+  };
+  discard = () => {
+    const {
+      originalDate
+    } = this.state;
+    if (originalDate !== null) {
+      this.props.onChange(originalDate);
+    }
+    this.close();
+  };
+  close = () => {
+    const {
+      onBlur
+    } = this.props;
+    this.setState({
+      open: false,
+      originalDate: null
+    });
+    if (onBlur) {
+      onBlur();
+    }
+  };
+  handleKeyDown = event => {
+    const {
+      open,
+      originalDate
+    } = this.state;
+    switch (event.key) {
+      case 'ArrowLeft':
+        if (open) {
+          this.adjustDate(-1, -1, -1);
+        } else {
+          this.open();
+        }
+        event.preventDefault();
+        break;
+      case 'ArrowUp':
+        if (open) {
+          this.adjustDate(-7, -4, -4);
+        } else {
+          this.open();
+        }
+        event.preventDefault();
+        break;
+      case 'ArrowRight':
+        if (open) {
+          this.adjustDate(1, 1, 1);
+        } else {
+          this.open();
+        }
+        event.preventDefault();
+        break;
+      case 'ArrowDown':
+        if (open) {
+          this.adjustDate(7, 4, 4);
+        } else {
+          this.open();
+        }
+        event.preventDefault();
+        break;
+      case 'Escape':
+        if (originalDate !== null) {
+          this.props.onChange(originalDate);
+        }
+        this.close();
+        event.preventDefault();
+        break;
+    }
+  };
+  adjustDate = (daysToAdd, monthsToAdd, yearsToAdd) => {
+    const {
+      selectedDate,
+      min,
+      max,
+      mode,
+      originalDate
+    } = this.state;
+    if (originalDate === null) {
+      this.setState({
+        originalDate: selectedDate
+      });
+    }
+    let date;
+    if (selectedDate) {
+      date = new Date(mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(), mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(), mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate());
+    } else {
+      date = getStartOfDay(new Date());
+    }
+    if (date) {
+      date = moveToWithinRange(date, min, max);
+    }
+    if (date?.getTime() !== selectedDate?.getTime()) {
+      this.props.onChange(date);
+    }
+  };
+  focusOn = (preferredElement, fallbackElement) => {
+    const element = this.element.current?.querySelector(preferredElement);
+    if (element) {
+      element.focus();
+    } else if (fallbackElement) {
+      this.focusOn(fallbackElement);
+    }
+  };
+  switchMode = mode => {
+    this.setState({
+      mode
+    }, () => {
+      this.focusOn('.active', '.today');
+    });
+  };
+  switchToDays = () => this.switchMode('day');
+  switchToMonths = () => this.switchMode('month');
+  switchToYears = () => this.switchMode('year');
+  handleSelectedDateUpdate = selectedDate => {
+    this.setState({
+      selectedDate
+    }, () => {
+      this.props.onChange(selectedDate);
+      this.close();
+      this.focusOn('.btn');
+    });
+  };
+  handleViewDateUpdate = ({
+    month = this.state.viewMonth,
+    year = this.state.viewYear
+  }) => {
+    this.setState({
+      viewMonth: month,
+      viewYear: year
+    });
+  };
+  getCalendar = () => {
+    const {
+      selectedDate,
+      min,
+      max,
+      viewMonth,
+      viewYear,
+      mode,
+      isMobile
+    } = this.state;
+    const {
+      placeholder,
+      monthFormat
+    } = this.props;
+    return /*#__PURE__*/jsxs("div", {
+      className: classNames({
+        'p-a-1': !isMobile
+      }),
+      children: [mode === 'day' && /*#__PURE__*/jsx(DayCalendar, {
+        selectedDate: selectedDate,
+        min: min,
+        max: max,
+        viewMonth: viewMonth,
+        viewYear: viewYear,
+        monthFormat: monthFormat,
+        onSelect: this.handleSelectedDateUpdate,
+        onLabelClick: this.switchToYears,
+        onViewDateUpdate: this.handleViewDateUpdate
+      }), mode === 'month' && /*#__PURE__*/jsx(MonthCalendar, {
+        selectedDate: selectedDate,
+        min: min,
+        max: max,
+        viewYear: viewYear,
+        placeholder: placeholder,
+        onSelect: this.switchToDays,
+        onLabelClick: this.switchToYears,
+        onViewDateUpdate: this.handleViewDateUpdate
+      }), mode === 'year' && /*#__PURE__*/jsx(YearCalendar, {
+        selectedDate: selectedDate,
+        min: min,
+        max: max,
+        viewYear: viewYear,
+        placeholder: placeholder,
+        onSelect: this.switchToMonths,
+        onViewDateUpdate: this.handleViewDateUpdate
+      })]
+    });
+  };
+  handleClear = () => {
+    this.props.onChange(null);
+    this.focusOn('.np-date-trigger');
+  };
+  render() {
+    const {
+      selectedDate,
+      open
+    } = this.state;
+    const {
+      inputAttributes,
+      id: idProp,
+      'aria-labelledby': ariaLabelledByProp,
+      size,
+      placeholder,
+      label,
+      monthFormat,
+      disabled,
+      clearable,
+      value
+    } = this.props;
+    const id = idProp ?? inputAttributes?.id;
+    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];
+    return /*#__PURE__*/jsxs("div", {
+      ref: this.element,
+      ...inputAttributes,
+      id: id,
+      "aria-labelledby": ariaLabelledBy,
+      className: "input-group",
+      onKeyDown: this.handleKeyDown,
+      children: [/*#__PURE__*/jsx(DateTrigger, {
+        selectedDate: selectedDate,
+        size: size,
+        placeholder: placeholder,
+        label: label,
+        monthFormat: monthFormat,
+        disabled: disabled || false,
+        onClick: this.open,
+        onClear: !disabled && clearable && value ? this.handleClear : undefined
+      }), /*#__PURE__*/jsx(ResponsivePanel, {
+        anchorRef: this.element,
+        open: open,
+        className: "tw-date-lookup-menu",
+        position: Position.BOTTOM,
+        onClose: this.discard,
+        children: this.getCalendar()
+      })]
+    });
+  }
+}
+var DateLookup$1 = withInputAttributes(DateLookup, {
+  nonLabelable: true
+});
+
+export { DateLookup$1 as default };
+//# sourceMappingURL=DateLookup.mjs.map

package/build/dateLookup/DateLookup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateLookup.mjs","sources":["../../src/dateLookup/DateLookup.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { createRef, PureComponent, KeyboardEvent } from 'react';\n\nimport {\n  Size,\n  MonthFormat,\n  Position,\n  Breakpoint,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n} from '../common';\nimport { isWithinRange, moveToWithinRange } from '../common/dateUtils';\nimport ResponsivePanel from '../common/responsivePanel';\nimport { WithInputAttributesProps, withInputAttributes } from '../inputs/contexts';\nimport DateTrigger from './dateTrigger';\nimport DayCalendar from './dayCalendar';\nimport { getStartOfDay } from './getStartOfDay';\nimport MonthCalendar from './monthCalendar';\nimport YearCalendar from './yearCalendar';\n\nexport interface DateLookupProps {\n  id?: string;\n  value: Date | null;\n  min?: Date | null;\n  max?: Date | null;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  placeholder?: string;\n  label?: string;\n  'aria-labelledby'?: string;\n  monthFormat?: `${MonthFormat}`;\n  disabled?: boolean;\n  clearable?: boolean;\n  onChange: (date: Date | null) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\ntype DateLookupPropsWithInputAttributes = DateLookupProps & Partial<WithInputAttributesProps>;\n\ninterface DateLookupState {\n  selectedDate: Date | null;\n  originalDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  open: boolean;\n  mode: 'day' | 'month' | 'year';\n  isMobile: boolean;\n}\n\nclass DateLookup extends PureComponent<DateLookupPropsWithInputAttributes, DateLookupState> {\n  declare props: DateLookupPropsWithInputAttributes &\n    Required<Pick<DateLookupPropsWithInputAttributes, keyof typeof DateLookup.defaultProps>>;\n\n  static defaultProps = {\n    value: null,\n    min: null,\n    max: null,\n    size: Size.MEDIUM,\n    placeholder: '',\n    label: '',\n    monthFormat: MonthFormat.LONG,\n    disabled: false,\n    clearable: false,\n  } satisfies Partial<DateLookupPropsWithInputAttributes>;\n\n  element = createRef<HTMLDivElement>();\n  dropdown = createRef<HTMLDivElement>();\n\n  constructor(props: DateLookup['props']) {\n    super(props);\n    this.state = {\n      selectedDate: getStartOfDay(props.value),\n      originalDate: null,\n      min: getStartOfDay(props.min),\n      max: getStartOfDay(props.max),\n      viewMonth: (props.value || new Date()).getMonth(),\n      viewYear: (props.value || new Date()).getFullYear(),\n      open: false,\n      mode: 'day',\n      isMobile: false,\n    };\n  }\n\n  static getDerivedStateFromProps(props: DateLookup['props'], state: DateLookupState) {\n    const propsSelected = getStartOfDay(props.value);\n    const propsMin = getStartOfDay(props.min);\n    const propsMax = getStartOfDay(props.max);\n    const hasSelectedChanged = state.selectedDate?.getTime() !== propsSelected?.getTime();\n    const hasMinChanged = state.min?.getTime() !== propsMin?.getTime();\n    const hasMaxChanged = state.max?.getTime() !== propsMax?.getTime();\n    if (hasSelectedChanged || hasMinChanged || hasMaxChanged) {\n      const selectedDate = hasSelectedChanged ? propsSelected : state.selectedDate;\n      const min = hasMinChanged ? propsMin : state.min;\n      const max = hasMaxChanged ? propsMax : state.max;\n      if (selectedDate && !isWithinRange(selectedDate, min, max)) {\n        props.onChange(moveToWithinRange(selectedDate, min, max));\n        return null;\n      }\n      const viewDateThatIsWithinRange: Date =\n        selectedDate || ((min || max) && moveToWithinRange(new Date(), min, max)) || new Date();\n      const viewMonth = viewDateThatIsWithinRange.getMonth();\n      const viewYear = viewDateThatIsWithinRange.getFullYear();\n      return { selectedDate, min, max, viewMonth, viewYear };\n    }\n    return null;\n  }\n\n  componentDidUpdate(previousProps: DateLookupPropsWithInputAttributes) {\n    if (this.props.value?.getTime() !== previousProps.value?.getTime() && this.state.open) {\n      this.focusOn('.active');\n    }\n    const mediaQuery = window.matchMedia(`(max-width: ${Breakpoint.SMALL}px)`);\n    this.setState({ isMobile: mediaQuery.matches });\n  }\n\n  componentWillUnmount() {\n    // Prevents memory leak by cleaning state.\n    this.setState = () => {};\n  }\n\n  open = () => {\n    const { onFocus } = this.props;\n\n    this.setState({ open: true, mode: 'day' });\n    if (onFocus) {\n      onFocus();\n    }\n  };\n\n  discard = () => {\n    const { originalDate } = this.state;\n    if (originalDate !== null) {\n      this.props.onChange(originalDate);\n    }\n    this.close();\n  };\n\n  close = () => {\n    const { onBlur } = this.props;\n    this.setState({ open: false, originalDate: null });\n    if (onBlur) {\n      onBlur();\n    }\n  };\n\n  handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const { open, originalDate } = this.state;\n    switch (event.key) {\n      case 'ArrowLeft':\n        if (open) {\n          this.adjustDate(-1, -1, -1);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowUp':\n        if (open) {\n          this.adjustDate(-7, -4, -4);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowRight':\n        if (open) {\n          this.adjustDate(1, 1, 1);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowDown':\n        if (open) {\n          this.adjustDate(7, 4, 4);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'Escape':\n        if (originalDate !== null) {\n          this.props.onChange(originalDate);\n        }\n        this.close();\n        event.preventDefault();\n        break;\n      default:\n        break;\n    }\n  };\n\n  adjustDate = (daysToAdd: number, monthsToAdd: number, yearsToAdd: number) => {\n    const { selectedDate, min, max, mode, originalDate } = this.state;\n    if (originalDate === null) {\n      this.setState({ originalDate: selectedDate });\n    }\n    let date: Date | null;\n    if (selectedDate) {\n      date = new Date(\n        mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(),\n        mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(),\n        mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate(),\n      );\n    } else {\n      date = getStartOfDay(new Date());\n    }\n    if (date) {\n      date = moveToWithinRange(date, min, max);\n    }\n    if (date?.getTime() !== selectedDate?.getTime()) {\n      this.props.onChange(date);\n    }\n  };\n\n  focusOn = (preferredElement: string, fallbackElement?: string) => {\n    const element = this.element.current?.querySelector(preferredElement) as HTMLElement | null;\n    if (element) {\n      element.focus();\n    } else if (fallbackElement) {\n      this.focusOn(fallbackElement);\n    }\n  };\n\n  switchMode = (mode: 'day' | 'month' | 'year') => {\n    this.setState({ mode }, () => {\n      this.focusOn('.active', '.today');\n    });\n  };\n\n  switchToDays = () => this.switchMode('day');\n\n  switchToMonths = () => this.switchMode('month');\n\n  switchToYears = () => this.switchMode('year');\n\n  handleSelectedDateUpdate = (selectedDate: Date) => {\n    this.setState({ selectedDate }, () => {\n      this.props.onChange(selectedDate);\n      this.close();\n      this.focusOn('.btn');\n    });\n  };\n\n  handleViewDateUpdate = ({ month = this.state.viewMonth, year = this.state.viewYear }) => {\n    this.setState({ viewMonth: month, viewYear: year });\n  };\n\n  getCalendar = () => {\n    const { selectedDate, min, max, viewMonth, viewYear, mode, isMobile } = this.state;\n    const { placeholder, monthFormat } = this.props;\n    return (\n      <div className={classNames({ 'p-a-1': !isMobile })}>\n        {mode === 'day' && (\n          <DayCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewMonth={viewMonth}\n            viewYear={viewYear}\n            monthFormat={monthFormat}\n            onSelect={this.handleSelectedDateUpdate}\n            onLabelClick={this.switchToYears}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n        {mode === 'month' && (\n          <MonthCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewYear={viewYear}\n            placeholder={placeholder}\n            onSelect={this.switchToDays}\n            onLabelClick={this.switchToYears}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n        {mode === 'year' && (\n          <YearCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewYear={viewYear}\n            placeholder={placeholder}\n            onSelect={this.switchToMonths}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n      </div>\n    );\n  };\n\n  handleClear = () => {\n    this.props.onChange(null);\n    this.focusOn('.np-date-trigger');\n  };\n\n  render() {\n    const { selectedDate, open } = this.state;\n\n    const {\n      inputAttributes,\n      id: idProp,\n      'aria-labelledby': ariaLabelledByProp,\n      size,\n      placeholder,\n      label,\n      monthFormat,\n      disabled,\n      clearable,\n      value,\n    } = this.props;\n    const id = idProp ?? inputAttributes?.id;\n    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];\n\n    return (\n      <div\n        ref={this.element}\n        {...inputAttributes}\n        id={id}\n        aria-labelledby={ariaLabelledBy}\n        className=\"input-group\"\n        onKeyDown={this.handleKeyDown}\n      >\n        <DateTrigger\n          selectedDate={selectedDate}\n          size={size}\n          placeholder={placeholder}\n          label={label}\n          monthFormat={monthFormat}\n          disabled={disabled || false}\n          onClick={this.open}\n          onClear={!disabled && clearable && value ? this.handleClear : undefined}\n        />\n        <ResponsivePanel\n          anchorRef={this.element}\n          open={open}\n          className=\"tw-date-lookup-menu\"\n          position={Position.BOTTOM}\n          onClose={this.discard}\n        >\n          {this.getCalendar()}\n        </ResponsivePanel>\n      </div>\n    );\n  }\n}\n\nexport const DateLookupWithoutInputAttributes = DateLookup;\n\nexport default withInputAttributes(\n  DateLookup as React.ComponentType<DateLookupPropsWithInputAttributes>,\n  { nonLabelable: true },\n);\n"],"names":["DateLookup","PureComponent","defaultProps","value","min","max","size","Size","MEDIUM","placeholder","label","monthFormat","MonthFormat","LONG","disabled","clearable","element","createRef","dropdown","constructor","props","state","selectedDate","getStartOfDay","originalDate","viewMonth","Date","getMonth","viewYear","getFullYear","open","mode","isMobile","getDerivedStateFromProps","propsSelected","propsMin","propsMax","hasSelectedChanged","getTime","hasMinChanged","hasMaxChanged","isWithinRange","onChange","moveToWithinRange","viewDateThatIsWithinRange","componentDidUpdate","previousProps","focusOn","mediaQuery","window","matchMedia","Breakpoint","SMALL","setState","matches","componentWillUnmount","onFocus","discard","close","onBlur","handleKeyDown","event","key","adjustDate","preventDefault","daysToAdd","monthsToAdd","yearsToAdd","date","getDate","preferredElement","fallbackElement","current","querySelector","focus","switchMode","switchToDays","switchToMonths","switchToYears","handleSelectedDateUpdate","handleViewDateUpdate","month","year","getCalendar","_jsxs","className","classNames","children","_jsx","DayCalendar","onSelect","onLabelClick","onViewDateUpdate","MonthCalendar","YearCalendar","handleClear","render","inputAttributes","id","idProp","ariaLabelledByProp","ariaLabelledBy","ref","onKeyDown","DateTrigger","onClick","onClear","undefined","ResponsivePanel","anchorRef","position","Position","BOTTOM","onClose","withInputAttributes","nonLabelable"],"mappings":"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"}

package/build/dateLookup/dateHeader/DateHeader.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var classNames = require('classnames');
+var reactIntl = require('react-intl');
+var Chevron = require('../../chevron/Chevron.js');
+var Title = require('../../title/Title.js');
+var DateLookup_messages = require('../DateLookup.messages.js');
+var jsxRuntime = require('react/jsx-runtime');
+var useLayout = require('../../common/hooks/useLayout/useLayout.js');
+var position = require('../../common/propsValues/position.js');
+var size = require('../../common/propsValues/size.js');
+var typography = require('../../common/propsValues/typography.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+const buttonClasses = 'btn-link p-a-0 text-no-decoration np-text-body-large-bold rounded-sm';
+const DateHeader = ({
+  label,
+  onLabelClick,
+  onPreviousClick,
+  onNextClick,
+  dateMode
+}) => {
+  const intl = reactIntl.useIntl();
+  const {
+    isMobile
+  } = useLayout.useLayout();
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classNames__default.default('text-xs-center', !isMobile && ['clearfix', 'p-y-1']),
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "pull-left-single-direction",
+      children: /*#__PURE__*/jsxRuntime.jsx("button", {
+        type: "button",
+        className: `d-inline-flex ${buttonClasses}`,
+        "aria-label": `${intl.formatMessage(DateLookup_messages.previous)} ${dateMode}`,
+        onClick: onPreviousClick,
+        children: /*#__PURE__*/jsxRuntime.jsx(Chevron, {
+          orientation: position.Position.LEFT,
+          className: "left-single-direction",
+          size: size.Size.MEDIUM
+        })
+      })
+    }), label && /*#__PURE__*/jsxRuntime.jsx(Title, {
+      type: typography.Typography.TITLE_BODY,
+      className: "tw-date-lookup-header-current-container",
+      children: /*#__PURE__*/jsxRuntime.jsx("button", {
+        type: "button",
+        className: `tw-date-lookup-header-current ${buttonClasses}`,
+        "aria-label": intl.formatMessage(DateLookup_messages.goTo20YearView),
+        onClick: onLabelClick,
+        children: label
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "pull-right-single-direction",
+      children: /*#__PURE__*/jsxRuntime.jsx("button", {
+        type: "button",
+        className: `d-inline-flex ${buttonClasses}`,
+        "aria-label": `${reactIntl.useIntl().formatMessage(DateLookup_messages.next)} ${dateMode}`,
+        onClick: onNextClick,
+        children: /*#__PURE__*/jsxRuntime.jsx(Chevron, {
+          orientation: position.Position.RIGHT,
+          className: "right-single-direction",
+          size: size.Size.MEDIUM
+        })
+      })
+    })]
+  });
+};
+
+module.exports = DateHeader;
+//# sourceMappingURL=DateHeader.js.map

package/build/dateLookup/dateHeader/DateHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateHeader.js","sources":["../../../src/dateLookup/dateHeader/DateHeader.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useIntl } from 'react-intl';\n\nimport Chevron from '../../chevron';\nimport { Position, Size, Typography } from '../../common';\nimport { useLayout } from '../../common/hooks';\nimport Title from '../../title';\nimport messages from '../DateLookup.messages';\n\nconst buttonClasses = 'btn-link p-a-0 text-no-decoration np-text-body-large-bold rounded-sm';\n\ninterface DateHeaderProps {\n  label?: string;\n  onLabelClick?: () => void;\n  onPreviousClick: () => void;\n  onNextClick: () => void;\n  dateMode: string;\n}\n\nconst DateHeader: React.FC<DateHeaderProps> = ({\n  label,\n  onLabelClick,\n  onPreviousClick,\n  onNextClick,\n  dateMode,\n}) => {\n  const intl = useIntl();\n  const { isMobile } = useLayout();\n  return (\n    <div className={classNames('text-xs-center', !isMobile && ['clearfix', 'p-y-1'])}>\n      <div className=\"pull-left-single-direction\">\n        <button\n          type=\"button\"\n          className={`d-inline-flex ${buttonClasses}`}\n          aria-label={`${intl.formatMessage(messages.previous)} ${dateMode}`}\n          onClick={onPreviousClick}\n        >\n          <Chevron\n            orientation={Position.LEFT}\n            className=\"left-single-direction\"\n            size={Size.MEDIUM}\n          />\n        </button>\n      </div>\n      {label && (\n        <Title type={Typography.TITLE_BODY} className=\"tw-date-lookup-header-current-container\">\n          <button\n            type=\"button\"\n            className={`tw-date-lookup-header-current ${buttonClasses}`}\n            aria-label={intl.formatMessage(messages.goTo20YearView)}\n            onClick={onLabelClick}\n          >\n            {label}\n          </button>\n        </Title>\n      )}\n      <div className=\"pull-right-single-direction\">\n        <button\n          type=\"button\"\n          className={`d-inline-flex ${buttonClasses}`}\n          aria-label={`${useIntl().formatMessage(messages.next)} ${dateMode}`}\n          onClick={onNextClick}\n        >\n          <Chevron\n            orientation={Position.RIGHT}\n            className=\"right-single-direction\"\n            size={Size.MEDIUM}\n          />\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default DateHeader;\n"],"names":["buttonClasses","DateHeader","label","onLabelClick","onPreviousClick","onNextClick","dateMode","intl","useIntl","isMobile","useLayout","_jsxs","className","classNames","children","_jsx","type","formatMessage","messages","previous","onClick","Chevron","orientation","Position","LEFT","size","Size","MEDIUM","Title","Typography","TITLE_BODY","goTo20YearView","next","RIGHT"],"mappings":";;;;;;;;;;;;;;;;;AASA,MAAMA,aAAa,GAAG,sEAAsE,CAAA;AAUtFC,MAAAA,UAAU,GAA8BA,CAAC;EAC7CC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,WAAW;AACXC,EAAAA,QAAAA;AAAQ,CACT,KAAI;AACH,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE,CAAA;EACtB,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,mBAAS,EAAE,CAAA;AAChC,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,2BAAU,CAAC,gBAAgB,EAAE,CAACJ,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAE;AAAAK,IAAAA,QAAA,gBAC/EC,cAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;AAAAE,MAAAA,QAAA,eACzCC,cAAA,CAAA,QAAA,EAAA;AACEC,QAAAA,IAAI,EAAC,QAAQ;QACbJ,SAAS,EAAE,CAAiBZ,cAAAA,EAAAA,aAAe,CAAC,CAAA;QAC5C,YAAY,EAAA,CAAA,EAAGO,IAAI,CAACU,aAAa,CAACC,mBAAQ,CAACC,QAAQ,CAAK,CAAAb,CAAAA,EAAAA,QAAU,CAAC,CAAA;AACnEc,QAAAA,OAAO,EAAEhB,eAAgB;QAAAU,QAAA,eAEzBC,cAAA,CAACM,OAAO,EAAA;UACNC,WAAW,EAAEC,iBAAQ,CAACC,IAAK;AAC3BZ,UAAAA,SAAS,EAAC,uBAAuB;UACjCa,IAAI,EAAEC,SAAI,CAACC,MAAAA;SAEf,CAAA;OAAQ,CAAA;AACV,KAAK,CACL,EAACzB,KAAK,iBACJa,cAAA,CAACa,KAAK,EAAA;MAACZ,IAAI,EAAEa,qBAAU,CAACC,UAAW;AAAClB,MAAAA,SAAS,EAAC,yCAAyC;AAAAE,MAAAA,QAAA,eACrFC,cAAA,CAAA,QAAA,EAAA;AACEC,QAAAA,IAAI,EAAC,QAAQ;QACbJ,SAAS,EAAmC,CAAAZ,8BAAAA,EAAAA,aAAe,CAAC,CAAA;AAC5D,QAAA,YAAA,EAAYO,IAAI,CAACU,aAAa,CAACC,mBAAQ,CAACa,cAAc,CAAE;AACxDX,QAAAA,OAAO,EAAEjB,YAAa;AAAAW,QAAAA,QAAA,EAErBZ,KAAAA;OACK,CAAA;KACH,CACR,eACDa,cAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,6BAA6B;AAAAE,MAAAA,QAAA,eAC1CC,cAAA,CAAA,QAAA,EAAA;AACEC,QAAAA,IAAI,EAAC,QAAQ;QACbJ,SAAS,EAAE,CAAiBZ,cAAAA,EAAAA,aAAe,CAAC,CAAA;AAC5C,QAAA,YAAA,EAAY,CAAGQ,EAAAA,iBAAO,EAAE,CAACS,aAAa,CAACC,mBAAQ,CAACc,IAAI,CAAC,CAAA,CAAA,EAAI1B,QAAQ,CAAG,CAAA;AACpEc,QAAAA,OAAO,EAAEf,WAAY;QAAAS,QAAA,eAErBC,cAAA,CAACM,OAAO,EAAA;UACNC,WAAW,EAAEC,iBAAQ,CAACU,KAAM;AAC5BrB,UAAAA,SAAS,EAAC,wBAAwB;UAClCa,IAAI,EAAEC,SAAI,CAACC,MAAAA;SAEf,CAAA;OAAQ,CAAA;AACV,KAAK,CACP,CAAA;AAAA,GAAK,CAAC,CAAA;AAEV;;;;"}

package/build/dateLookup/dateHeader/DateHeader.mjs

@@ -0,0 +1,67 @@
+import classNames from 'classnames';
+import { useIntl } from 'react-intl';
+import Chevron from '../../chevron/Chevron.mjs';
+import Title from '../../title/Title.mjs';
+import messages from '../DateLookup.messages.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useLayout } from '../../common/hooks/useLayout/useLayout.mjs';
+import { Position } from '../../common/propsValues/position.mjs';
+import { Size } from '../../common/propsValues/size.mjs';
+import { Typography } from '../../common/propsValues/typography.mjs';
+
+const buttonClasses = 'btn-link p-a-0 text-no-decoration np-text-body-large-bold rounded-sm';
+const DateHeader = ({
+  label,
+  onLabelClick,
+  onPreviousClick,
+  onNextClick,
+  dateMode
+}) => {
+  const intl = useIntl();
+  const {
+    isMobile
+  } = useLayout();
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames('text-xs-center', !isMobile && ['clearfix', 'p-y-1']),
+    children: [/*#__PURE__*/jsx("div", {
+      className: "pull-left-single-direction",
+      children: /*#__PURE__*/jsx("button", {
+        type: "button",
+        className: `d-inline-flex ${buttonClasses}`,
+        "aria-label": `${intl.formatMessage(messages.previous)} ${dateMode}`,
+        onClick: onPreviousClick,
+        children: /*#__PURE__*/jsx(Chevron, {
+          orientation: Position.LEFT,
+          className: "left-single-direction",
+          size: Size.MEDIUM
+        })
+      })
+    }), label && /*#__PURE__*/jsx(Title, {
+      type: Typography.TITLE_BODY,
+      className: "tw-date-lookup-header-current-container",
+      children: /*#__PURE__*/jsx("button", {
+        type: "button",
+        className: `tw-date-lookup-header-current ${buttonClasses}`,
+        "aria-label": intl.formatMessage(messages.goTo20YearView),
+        onClick: onLabelClick,
+        children: label
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: "pull-right-single-direction",
+      children: /*#__PURE__*/jsx("button", {
+        type: "button",
+        className: `d-inline-flex ${buttonClasses}`,
+        "aria-label": `${useIntl().formatMessage(messages.next)} ${dateMode}`,
+        onClick: onNextClick,
+        children: /*#__PURE__*/jsx(Chevron, {
+          orientation: Position.RIGHT,
+          className: "right-single-direction",
+          size: Size.MEDIUM
+        })
+      })
+    })]
+  });
+};
+
+export { DateHeader as default };
+//# sourceMappingURL=DateHeader.mjs.map

package/build/dateLookup/dateHeader/DateHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateHeader.mjs","sources":["../../../src/dateLookup/dateHeader/DateHeader.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useIntl } from 'react-intl';\n\nimport Chevron from '../../chevron';\nimport { Position, Size, Typography } from '../../common';\nimport { useLayout } from '../../common/hooks';\nimport Title from '../../title';\nimport messages from '../DateLookup.messages';\n\nconst buttonClasses = 'btn-link p-a-0 text-no-decoration np-text-body-large-bold rounded-sm';\n\ninterface DateHeaderProps {\n  label?: string;\n  onLabelClick?: () => void;\n  onPreviousClick: () => void;\n  onNextClick: () => void;\n  dateMode: string;\n}\n\nconst DateHeader: React.FC<DateHeaderProps> = ({\n  label,\n  onLabelClick,\n  onPreviousClick,\n  onNextClick,\n  dateMode,\n}) => {\n  const intl = useIntl();\n  const { isMobile } = useLayout();\n  return (\n    <div className={classNames('text-xs-center', !isMobile && ['clearfix', 'p-y-1'])}>\n      <div className=\"pull-left-single-direction\">\n        <button\n          type=\"button\"\n          className={`d-inline-flex ${buttonClasses}`}\n          aria-label={`${intl.formatMessage(messages.previous)} ${dateMode}`}\n          onClick={onPreviousClick}\n        >\n          <Chevron\n            orientation={Position.LEFT}\n            className=\"left-single-direction\"\n            size={Size.MEDIUM}\n          />\n        </button>\n      </div>\n      {label && (\n        <Title type={Typography.TITLE_BODY} className=\"tw-date-lookup-header-current-container\">\n          <button\n            type=\"button\"\n            className={`tw-date-lookup-header-current ${buttonClasses}`}\n            aria-label={intl.formatMessage(messages.goTo20YearView)}\n            onClick={onLabelClick}\n          >\n            {label}\n          </button>\n        </Title>\n      )}\n      <div className=\"pull-right-single-direction\">\n        <button\n          type=\"button\"\n          className={`d-inline-flex ${buttonClasses}`}\n          aria-label={`${useIntl().formatMessage(messages.next)} ${dateMode}`}\n          onClick={onNextClick}\n        >\n          <Chevron\n            orientation={Position.RIGHT}\n            className=\"right-single-direction\"\n            size={Size.MEDIUM}\n          />\n        </button>\n      </div>\n    </div>\n  );\n};\n\nexport default DateHeader;\n"],"names":["buttonClasses","DateHeader","label","onLabelClick","onPreviousClick","onNextClick","dateMode","intl","useIntl","isMobile","useLayout","_jsxs","className","classNames","children","_jsx","type","formatMessage","messages","previous","onClick","Chevron","orientation","Position","LEFT","size","Size","MEDIUM","Title","Typography","TITLE_BODY","goTo20YearView","next","RIGHT"],"mappings":";;;;;;;;;;;AASA,MAAMA,aAAa,GAAG,sEAAsE,CAAA;AAUtFC,MAAAA,UAAU,GAA8BA,CAAC;EAC7CC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,WAAW;AACXC,EAAAA,QAAAA;AAAQ,CACT,KAAI;AACH,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE,CAAA;EACtB,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,SAAS,EAAE,CAAA;AAChC,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,UAAU,CAAC,gBAAgB,EAAE,CAACJ,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAE;AAAAK,IAAAA,QAAA,gBAC/EC,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;AAAAE,MAAAA,QAAA,eACzCC,GAAA,CAAA,QAAA,EAAA;AACEC,QAAAA,IAAI,EAAC,QAAQ;QACbJ,SAAS,EAAE,CAAiBZ,cAAAA,EAAAA,aAAe,CAAC,CAAA;QAC5C,YAAY,EAAA,CAAA,EAAGO,IAAI,CAACU,aAAa,CAACC,QAAQ,CAACC,QAAQ,CAAK,CAAAb,CAAAA,EAAAA,QAAU,CAAC,CAAA;AACnEc,QAAAA,OAAO,EAAEhB,eAAgB;QAAAU,QAAA,eAEzBC,GAAA,CAACM,OAAO,EAAA;UACNC,WAAW,EAAEC,QAAQ,CAACC,IAAK;AAC3BZ,UAAAA,SAAS,EAAC,uBAAuB;UACjCa,IAAI,EAAEC,IAAI,CAACC,MAAAA;SAEf,CAAA;OAAQ,CAAA;AACV,KAAK,CACL,EAACzB,KAAK,iBACJa,GAAA,CAACa,KAAK,EAAA;MAACZ,IAAI,EAAEa,UAAU,CAACC,UAAW;AAAClB,MAAAA,SAAS,EAAC,yCAAyC;AAAAE,MAAAA,QAAA,eACrFC,GAAA,CAAA,QAAA,EAAA;AACEC,QAAAA,IAAI,EAAC,QAAQ;QACbJ,SAAS,EAAmC,CAAAZ,8BAAAA,EAAAA,aAAe,CAAC,CAAA;AAC5D,QAAA,YAAA,EAAYO,IAAI,CAACU,aAAa,CAACC,QAAQ,CAACa,cAAc,CAAE;AACxDX,QAAAA,OAAO,EAAEjB,YAAa;AAAAW,QAAAA,QAAA,EAErBZ,KAAAA;OACK,CAAA;KACH,CACR,eACDa,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,6BAA6B;AAAAE,MAAAA,QAAA,eAC1CC,GAAA,CAAA,QAAA,EAAA;AACEC,QAAAA,IAAI,EAAC,QAAQ;QACbJ,SAAS,EAAE,CAAiBZ,cAAAA,EAAAA,aAAe,CAAC,CAAA;AAC5C,QAAA,YAAA,EAAY,CAAGQ,EAAAA,OAAO,EAAE,CAACS,aAAa,CAACC,QAAQ,CAACc,IAAI,CAAC,CAAA,CAAA,EAAI1B,QAAQ,CAAG,CAAA;AACpEc,QAAAA,OAAO,EAAEf,WAAY;QAAAS,QAAA,eAErBC,GAAA,CAACM,OAAO,EAAA;UACNC,WAAW,EAAEC,QAAQ,CAACU,KAAM;AAC5BrB,UAAAA,SAAS,EAAC,wBAAwB;UAClCa,IAAI,EAAEC,IAAI,CAACC,MAAAA;SAEf,CAAA;OAAQ,CAAA;AACV,KAAK,CACP,CAAA;AAAA,GAAK,CAAC,CAAA;AAEV;;;;"}

package/build/dateLookup/dateTrigger/DateTrigger.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var formatting = require('@transferwise/formatting');
+var reactIntl = require('react-intl');
+var Chevron = require('../../chevron/Chevron.js');
+var CloseButton = require('../../common/closeButton/CloseButton.js');
+var DateTrigger_messages = require('./DateTrigger.messages.js');
+var jsxRuntime = require('react/jsx-runtime');
+var position = require('../../common/propsValues/position.js');
+var size = require('../../common/propsValues/size.js');
+
+const DateTrigger = ({
+  selectedDate,
+  size: size$1 = size.Size.MEDIUM,
+  placeholder,
+  label,
+  monthFormat,
+  disabled,
+  onClick,
+  onClear
+}) => {
+  const {
+    locale,
+    formatMessage
+  } = reactIntl.useIntl();
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
+      className: `btn btn-${size$1} btn-input np-date-trigger`,
+      disabled: disabled,
+      type: "button",
+      onClick: onClick,
+      children: [label && /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "control-label small m-r-1",
+        children: label
+      }), selectedDate ? /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "font-weight-normal",
+        children: formatting.formatDate(selectedDate, locale, {
+          day: 'numeric',
+          month: monthFormat,
+          year: 'numeric'
+        })
+      }) : /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(Chevron, {
+        orientation: position.Position.BOTTOM,
+        disabled: disabled
+      }) : null]
+    }), onClear ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "clearfix"
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "input-group-addon",
+        children: /*#__PURE__*/jsxRuntime.jsx(CloseButton.CloseButton, {
+          className: `clear-btn clear-btn--${size$1}`,
+          "aria-label": `${formatMessage(DateTrigger_messages.ariaLabel)} ${label}`,
+          size: size.Size.SMALL,
+          onClick: event => {
+            event.stopPropagation();
+            event.preventDefault();
+            onClear();
+          }
+        })
+      })]
+    }) : null]
+  });
+};
+
+module.exports = DateTrigger;
+//# sourceMappingURL=DateTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTrigger.js","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;QACZC,MAAI,GAAGC,SAAI,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,iBAAO,EAAE,CAAA;EAE3C,oBACEC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,gBACEF,eAAA,CAAA,QAAA,EAAA;MACEG,SAAS,GAAaf,QAAAA,EAAAA,MAAI,CAA6B,0BAAA,CAAA;AACvDM,MAAAA,QAAQ,EAAEA,QAAS;AACnBU,MAAAA,IAAI,EAAC,QAAQ;AACbT,MAAAA,OAAO,EAAEA,OAAQ;MAAAO,QAAA,EAAA,CAEhBV,KAAK,iBAAIa,cAAA,CAAA,MAAA,EAAA;AAAMF,QAAAA,SAAS,EAAC,2BAA2B;AAAAD,QAAAA,QAAA,EAAEV,KAAAA;AAAK,OAAO,CAAC,EACnEL,YAAY,gBACXkB,cAAA,CAAA,MAAA,EAAA;AAAMF,QAAAA,SAAS,EAAC,oBAAoB;AAAAD,QAAAA,QAAA,EACjCI,qBAAU,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,cAAA,CAAA,MAAA,EAAA;AACEF,QAAAA,SAAS,EAAC,oHACuD;AAAAD,QAAAA,QAAA,EAEhEX,WAAAA;AAAW,OACR,CACP,EACA,CAACK,OAAO,gBAAGS,cAAA,CAACK,OAAO,EAAA;QAACC,WAAW,EAAEC,iBAAQ,CAACC,MAAO;AAACnB,QAAAA,QAAQ,EAAEA,QAAAA;OAAS,CAAG,GAAG,IAAI,CAAA;AAAA,KAC1E,CACR,EAACE,OAAO,gBACNI,eAAA,CAAAC,mBAAA,EAAA;AAAAC,MAAAA,QAAA,gBACEG,cAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,UAAA;OACf,CAAA,eAAAE,cAAA,CAAA,MAAA,EAAA;AAAMF,QAAAA,SAAS,EAAC,mBAAmB;QAAAD,QAAA,eACjCG,cAAA,CAACS,uBAAW,EAAA;UACVX,SAAS,GAA0Bf,qBAAAA,EAAAA,MAAI,CAAG,CAAA;UAC1C,iBAAeU,aAAa,CAACiB,oBAAQ,CAACC,SAAS,CAAC,CAAIxB,CAAAA,EAAAA,KAAO,CAAC,CAAA;UAC5DJ,IAAI,EAAEC,SAAI,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/dateTrigger/DateTrigger.messages.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var reactIntl = require('react-intl');
+
+var dateTriggerMessages = reactIntl.defineMessages({
+  ariaLabel: {
+    id: "neptune.ClearButton.ariaLabel"
+  }
+});
+
+module.exports = dateTriggerMessages;
+//# sourceMappingURL=DateTrigger.messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTrigger.messages.js","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,wBAAc,CAAC;AAC5BC,EAAAA,SAAS,EAAE;IACTC,EAAE,EAAA,+BAAA;AAGH,GAAA;AACF,CAAA,CAAC;;;;"}

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

@@ -0,0 +1,10 @@
+import { defineMessages } from 'react-intl';
+
+var dateTriggerMessages = defineMessages({
+  ariaLabel: {
+    id: "neptune.ClearButton.ariaLabel"
+  }
+});
+
+export { dateTriggerMessages as default };
+//# sourceMappingURL=DateTrigger.messages.mjs.map