@transferwise/components 46.110.0 → 46.111.1

package/build/dateInput/DateInput.mjs

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx';
-import { useState } from 'react';
+import { useRef, useState, useEffect } from 'react';
 import { useIntl } from 'react-intl';
 import Body from '../body/Body.mjs';
 import { Input } from '../inputs/Input.mjs';
@@ -31,10 +31,11 @@ import { getMonthNames } from '../common/dateUtils/getMonthNames/getMonthNames.m
 import { isDateValid } from '../common/dateUtils/isDateValid/isDateValid.mjs';
 import { isMonthAndYearFormat } from '../common/dateUtils/isMonthAndYearFormat/isMonthAndYearFormat.mjs';
 import { MDY, YMD } from '../common/dateUtils/getFormatForLocale/getFormatForLocale.mjs';
-import { useInputAttributes } from '../inputs/contexts.mjs';
+import { useInputAttributes, useFieldLabelRef } from '../inputs/contexts.mjs';
 import messages from './DateInput.messages.mjs';
 import { convertToLocalMidnight } from './utils/convertToLocalMidnight/convertToLocalMidnight.mjs';
 
+const DATE_INPUT_PARENT_ID = 'dateInput';
 const DateInput = ({
   'aria-labelledby': ariaLabelledByProp,
   'aria-label': ariaLabel,
@@ -58,6 +59,10 @@ const DateInput = ({
   const inputAttributes = useInputAttributes({
     nonLabelable: true
   });
+  const fieldLabelRef = useFieldLabelRef();
+  const dayRef = useRef(null);
+  const monthRef = useRef(null);
+  const yearRef = useRef(null);
   const id = idProp ?? inputAttributes.id;
   const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes['aria-labelledby'];
   const {
@@ -98,6 +103,9 @@ const DateInput = ({
   const [displayYear, setDisplayYear] = useState(year?.toString());
   const [lastBroadcastedValue, setLastBroadcastedValue] = useState(getDateObject);
   const monthNames = getMonthNames(locale, monthFormat);
+  const monthYearOnly = mode === DateMode.MONTH_YEAR;
+  const monthBeforeDay = MDY.has(locale);
+  const yearFirst = YMD.has(locale);
   dayLabel ||= formatMessage(messages.dayLabel);
   monthLabel ||= formatMessage(messages.monthLabel);
   yearLabel ||= formatMessage(messages.yearLabel);
@@ -106,6 +114,25 @@ const DateInput = ({
     month: placeholders?.month || formatMessage(messages.monthLabel),
     year: placeholders?.year || formatMessage(messages.yearPlaceholder)
   };
+  useEffect(() => {
+    const labelRef = fieldLabelRef?.current;
+    if (labelRef) {
+      const handleLabelClick = () => {
+        // Not the best way to do this, but we're forced to recreate the native Label-click behavior
+        if (monthYearOnly || monthBeforeDay) {
+          monthRef.current?.click();
+        } else if (yearFirst) {
+          yearRef.current?.focus();
+        } else {
+          dayRef.current?.focus();
+        }
+      };
+      labelRef.addEventListener('click', handleLabelClick);
+      return () => {
+        labelRef?.removeEventListener('click', handleLabelClick);
+      };
+    }
+  }, [fieldLabelRef, id, monthBeforeDay, monthYearOnly, yearFirst]);
   const getDateAsString = date => {
     if (!isDateValid(date)) {
       return '';
@@ -125,7 +152,9 @@ const DateInput = ({
         type: Typography.BODY_DEFAULT,
         children: monthLabel
       }), /*#__PURE__*/jsx(SelectInput, {
+        triggerRef: monthRef,
         id: `${id}:month`,
+        parentId: DATE_INPUT_PARENT_ID,
         name: "month",
         disabled: disabled,
         placeholder: placeholders?.month,
@@ -209,7 +238,6 @@ const DateInput = ({
       onChange(newValue != null ? getDateAsString(newValue) : null);
     }
   };
-  const monthYearOnly = mode === DateMode.MONTH_YEAR;
   const monthWidth = clsx({
     'col-sm-8 tw-date--month': monthYearOnly,
     'col-sm-5 tw-date--month': !monthYearOnly
@@ -228,8 +256,9 @@ const DateInput = ({
           type: Typography.BODY_DEFAULT,
           children: dayLabel
         }), /*#__PURE__*/jsx("div", {
-          className: `input-group input-group-${size}`,
+          className: `input-group input-group-${size} ${disabled ? 'disabled' : ''}`,
           children: /*#__PURE__*/jsx(Input, {
+            ref: dayRef,
             id: `${id}:day`,
             type: "text",
             inputMode: "numeric",
@@ -256,8 +285,9 @@ const DateInput = ({
           type: Typography.BODY_DEFAULT,
           children: yearLabel
         }), /*#__PURE__*/jsx("div", {
-          className: `input-group input-group-${size}`,
+          className: `input-group input-group-${size} ${disabled ? 'disabled' : ''}`,
           children: /*#__PURE__*/jsx(Input, {
+            ref: yearRef,
             id: `${id}:year`,
             type: "text",
             inputMode: "numeric",
@@ -276,16 +306,14 @@ const DateInput = ({
       })
     });
   };
-  const monthBeforeDay = MDY.has(locale);
-  const yearFirst = YMD.has(locale);
-  return /*#__PURE__*/jsx("div", {
-    className: "tw-date",
-    ...inputAttributes,
+  return /*#__PURE__*/jsx("fieldset", {
     id: id,
+    className: "tw-date",
+    "aria-describedby": inputAttributes['aria-describedby'],
+    "aria-invalid": inputAttributes['aria-invalid'],
     "aria-labelledby": ariaLabelledBy,
     "aria-label": ariaLabel,
-    role: "group" // Add role attribute to indicate container for interactive elements
-    ,
+    "data-wds-dateinput": "",
     onFocus: event => shouldPropagateOnFocus(event) ? onFocus?.(event) : event.stopPropagation(),
     onBlur: event => shouldPropagateOnBlur(event) ? onBlur?.(event) : event.stopPropagation(),
     children: /*#__PURE__*/jsx("div", {
@@ -318,25 +346,19 @@ function shouldPropagateOnFocus({
   target,
   relatedTarget
 }) {
-  const targetParent = target.closest('.tw-date');
-  const relatedParent = relatedTarget && relatedTarget.closest('.tw-date');
-  return targetParent !== relatedParent;
+  const blurredElementParent = target.closest('[data-wds-dateinput]');
+  const focusedElementParent = relatedTarget?.closest('[data-wds-dateinput]');
+  return blurredElementParent !== focusedElementParent;
 }
-// Should only propagate if the relatedTarget or the activeElement is not part of this DateInput component.
+// Should only propagate if the focus-gaining element is not part
+// of this DateInput component or the (dropdown) of the month select.
 function shouldPropagateOnBlur({
   target,
   relatedTarget
 }) {
-  const blurElementParent = target.closest('.tw-date');
-  // Even though FocusEvent.relatedTarget is supported by IE
-  // (https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent/relatedTarget)
-  // "IE11 sets document.activeElement to the next focused element before the blur event is called."
-  // (https://stackoverflow.com/a/49325196/986241)
-  // Therefore if the relatedTarget is null, we try the document.activeElement,
-  // which may contain the HTML element that is gaining focus
-  const focusElement = relatedTarget || (document.activeElement !== target ? document.activeElement : null);
-  const focusElementParent = focusElement && focusElement.closest('.tw-date');
-  return blurElementParent !== focusElementParent;
+  const blurredElementParent = target.closest('[data-wds-dateinput]');
+  const focusedElementParent = relatedTarget?.closest('[data-wds-dateinput]');
+  return blurredElementParent !== focusedElementParent && !target?.closest(`[data-wds-parent="${DATE_INPUT_PARENT_ID}"]`) && !relatedTarget?.closest(`[data-wds-parent="${DATE_INPUT_PARENT_ID}"]`);
 }
 
 export { DateInput as default };

package/build/dateInput/DateInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.mjs","sources":["../../src/dateInput/DateInput.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../body';\nimport { Input } from '../inputs/Input';\nimport {\n  SelectInput,\n  SelectInputOptionContent,\n  type SelectInputProps,\n} from '../inputs/SelectInput';\nimport {\n  DateMode,\n  MonthFormat,\n  Size,\n  SizeLarge,\n  SizeMedium,\n  SizeSmall,\n  Typography,\n} from '../common';\nimport { MDY, YMD, getMonthNames, isDateValid, isMonthAndYearFormat } from '../common/dateUtils';\nimport { useInputAttributes } from '../inputs/contexts';\nimport messages from './DateInput.messages';\nimport { convertToLocalMidnight } from './utils';\n\nexport interface DateInputProps {\n  /** @deprecated Use `Field` wrapper or the `aria-labelledby` attribute instead. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  disabled?: boolean;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  value?: Date | string;\n  onChange: (value: string | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLDivElement>;\n  onBlur?: React.FocusEventHandler<HTMLDivElement>;\n  dayLabel?: string;\n  dayAutoComplete?: string;\n  monthLabel?: string;\n  yearLabel?: string;\n  yearAutoComplete?: string;\n  monthFormat?: `${MonthFormat}`;\n  mode?: `${DateMode}`;\n  placeholders?: {\n    day?: string;\n    month?: string;\n    year?: string;\n  };\n  id?: string;\n  selectProps?: Partial<SelectInputProps<number | null>>;\n}\n\nconst DateInput = ({\n  'aria-labelledby': ariaLabelledByProp,\n  'aria-label': ariaLabel,\n  disabled = false,\n  size = Size.MEDIUM,\n  value,\n  dayLabel,\n  dayAutoComplete,\n  monthLabel,\n  yearLabel,\n  yearAutoComplete,\n  monthFormat = MonthFormat.LONG,\n  mode = DateMode.DAY_MONTH_YEAR,\n  onChange,\n  onFocus,\n  onBlur,\n  placeholders,\n  id: idProp,\n  selectProps = {},\n}: DateInputProps) => {\n  const inputAttributes = useInputAttributes({ nonLabelable: true });\n  const id = idProp ?? inputAttributes.id;\n  const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes['aria-labelledby'];\n\n  const { locale, formatMessage } = useIntl();\n\n  const getDateObject = (): Date | undefined => {\n    if (value && isDateValid(value)) {\n      return typeof value === 'string' ? convertToLocalMidnight(value) : value;\n    }\n    return undefined;\n  };\n\n  const getInitialDate = (unit: 'year' | 'month' | 'day'): number | null => {\n    if (value && isDateValid(value)) {\n      const dateObject = getDateObject();\n\n      if (typeof value === 'string' && isMonthAndYearFormat(value) && unit === 'day') {\n        return null;\n      }\n\n      if (dateObject !== undefined) {\n        switch (unit) {\n          case 'year':\n            return dateObject.getFullYear();\n          case 'month':\n            return dateObject.getMonth();\n          case 'day':\n            return dateObject.getDate();\n          default:\n            return null;\n        }\n      }\n    }\n    return null;\n  };\n\n  const [day, setDay] = useState(() => getInitialDate('day'));\n  const [displayDay, setDisplayDay] = useState(day?.toString());\n  const [month, setMonth] = useState(() => getInitialDate('month'));\n  const [year, setYear] = useState(() => getInitialDate('year'));\n  const [displayYear, setDisplayYear] = useState(year?.toString());\n  const [lastBroadcastedValue, setLastBroadcastedValue] = useState<Date | null | undefined>(\n    getDateObject,\n  );\n  const monthNames = getMonthNames(locale, monthFormat);\n\n  dayLabel ||= formatMessage(messages.dayLabel);\n  monthLabel ||= formatMessage(messages.monthLabel);\n  yearLabel ||= formatMessage(messages.yearLabel);\n  placeholders = {\n    day: placeholders?.day || formatMessage(messages.dayPlaceholder),\n    month: placeholders?.month || formatMessage(messages.monthLabel),\n    year: placeholders?.year || formatMessage(messages.yearPlaceholder),\n  };\n\n  const getDateAsString = (date: Date) => {\n    if (!isDateValid(date)) {\n      return '';\n    }\n    switch (mode) {\n      case DateMode.MONTH_YEAR:\n        return [date.getFullYear(), `0${date.getMonth() + 1}`.slice(-2)].join('-');\n      case DateMode.DAY_MONTH_YEAR:\n      default:\n        return [\n          date.getFullYear(),\n          `0${date.getMonth() + 1}`.slice(-2),\n          `0${date.getDate()}`.slice(-2),\n        ].join('-');\n    }\n  };\n\n  const getSelectElement = () => {\n    return (\n      <label className=\"d-flex flex-column\">\n        <Body type={Typography.BODY_DEFAULT}>{monthLabel}</Body>\n        <SelectInput\n          id={`${id}:month`}\n          name=\"month\"\n          disabled={disabled}\n          placeholder={placeholders?.month}\n          items={Array.from({ length: 12 }, (_, index) => ({ type: 'option', value: index }))}\n          size={size}\n          value={month}\n          renderValue={(selectedValue) => (\n            <SelectInputOptionContent title={monthNames[selectedValue]} />\n          )}\n          onChange={(selectedValue) => handleMonthChange(selectedValue)}\n          {...selectProps}\n        />\n      </label>\n    );\n  };\n\n  const isDayValid = (newDay: number, newMonth: number, newYear: number) => {\n    const maxDay = new Date(newYear, newMonth + 1, 0).getDate();\n    return newDay <= maxDay;\n  };\n\n  const handleInternalValue = (newDay = day, newMonth = month, newYear = year) => {\n    if (newDay == null || newDay === 0 || newMonth == null || newYear == null || newYear === 0) {\n      broadcastNewValue(null);\n      return;\n    }\n    if (!isDayValid(newDay, newMonth, newYear)) {\n      broadcastNewValue(null);\n      return;\n    }\n\n    const dateValue = new Date(newYear, newMonth, newDay);\n    if (newYear < 100) {\n      dateValue.setFullYear(newYear);\n    }\n\n    if (!isDateValid(dateValue)) {\n      broadcastNewValue(null);\n      return;\n    }\n\n    if (mode === DateMode.MONTH_YEAR) {\n      if (newMonth !== month || newYear !== year) {\n        broadcastNewValue(dateValue);\n      }\n    } else if (newDay !== day || newMonth !== month || newYear !== year) {\n      broadcastNewValue(dateValue);\n    }\n  };\n\n  const handleDayChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newDayString = event.target.value.replace(/\\D/g, '');\n    const newDayNumber = Number.parseInt(newDayString, 10);\n\n    setDay(newDayNumber);\n    setDisplayDay(newDayString);\n    handleInternalValue(newDayNumber, month, year);\n  };\n\n  const handleMonthChange = (selectedMonth: number | null) => {\n    if (selectedMonth === null) {\n      setMonth(null);\n      handleInternalValue(day, null, year);\n      return;\n    }\n    setMonth(selectedMonth);\n    handleInternalValue(day, selectedMonth, year);\n  };\n\n  const handleYearChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newYearString = event.target.value.replace(/\\D/g, '');\n    const newYearNumber = Number.parseInt(newYearString, 10);\n\n    if (newYearString.length >= 4 && newYearString.length <= 6) {\n      setYear(newYearNumber);\n      setDisplayYear(newYearString);\n      handleInternalValue(day, month, newYearNumber);\n    } else {\n      setYear(null);\n      setDisplayYear(newYearString);\n      handleInternalValue(day, month, null);\n    }\n  };\n\n  const broadcastNewValue = (newValue: Date | null) => {\n    if (newValue !== lastBroadcastedValue) {\n      setLastBroadcastedValue(newValue);\n      onChange(newValue != null ? getDateAsString(newValue) : null);\n    }\n  };\n\n  const monthYearOnly = mode === DateMode.MONTH_YEAR;\n\n  const monthWidth = clsx({\n    'col-sm-8 tw-date--month': monthYearOnly,\n    'col-sm-5 tw-date--month': !monthYearOnly,\n  });\n\n  const getMonth = () => {\n    return <div className={monthWidth}>{getSelectElement()}</div>;\n  };\n\n  const getDay = () => {\n    return (\n      <div className=\"col-sm-3 tw-date--day\">\n        <label>\n          <Body type={Typography.BODY_DEFAULT}>{dayLabel}</Body>\n          <div className={`input-group input-group-${size}`}>\n            <Input\n              id={`${id}:day`}\n              type=\"text\"\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              name=\"day\"\n              autoComplete={dayAutoComplete}\n              value={displayDay || ''}\n              placeholder={placeholders?.day}\n              disabled={disabled}\n              min={1}\n              max={31}\n              maxLength={2}\n              onChange={(event) => handleDayChange(event)}\n            />\n          </div>\n        </label>\n      </div>\n    );\n  };\n\n  const getYear = () => {\n    return (\n      <div className=\"col-sm-4 tw-date--year\">\n        <label>\n          <Body type={Typography.BODY_DEFAULT}>{yearLabel}</Body>\n          <div className={`input-group input-group-${size}`}>\n            <Input\n              id={`${id}:year`}\n              type=\"text\"\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              name=\"year\"\n              autoComplete={yearAutoComplete}\n              placeholder={placeholders?.year}\n              value={displayYear || ''}\n              disabled={disabled}\n              min={0}\n              max={9999}\n              maxLength={6}\n              onChange={(event) => handleYearChange(event)}\n            />\n          </div>\n        </label>\n      </div>\n    );\n  };\n  const monthBeforeDay = MDY.has(locale);\n  const yearFirst = YMD.has(locale);\n\n  return (\n    <div\n      className=\"tw-date\"\n      {...inputAttributes}\n      id={id}\n      aria-labelledby={ariaLabelledBy}\n      aria-label={ariaLabel}\n      role=\"group\" // Add role attribute to indicate container for interactive elements\n      onFocus={(event) =>\n        shouldPropagateOnFocus(event) ? onFocus?.(event) : event.stopPropagation()\n      }\n      onBlur={(event) => (shouldPropagateOnBlur(event) ? onBlur?.(event) : event.stopPropagation())}\n    >\n      <div className=\"row\">\n        {(() => {\n          if (monthYearOnly) {\n            return (\n              <>\n                {!yearFirst && getMonth()}\n                {getYear()}\n                {yearFirst && getMonth()}\n              </>\n            );\n          }\n          if (monthBeforeDay) {\n            return (\n              <>\n                {getMonth()}\n                {getDay()}\n                {getYear()}\n              </>\n            );\n          }\n          if (yearFirst) {\n            return (\n              <>\n                {getYear()}\n                {getMonth()}\n                {getDay()}\n              </>\n            );\n          }\n          return (\n            <>\n              {getDay()}\n              {getMonth()}\n              {getYear()}\n            </>\n          );\n        })()}\n      </div>\n    </div>\n  );\n};\n\n// Should only propagate if the relatedTarget is not part of this DateInput component.\nfunction shouldPropagateOnFocus({\n  target,\n  relatedTarget,\n}: Pick<React.FocusEvent, 'target' | 'relatedTarget'>) {\n  const targetParent = target.closest('.tw-date');\n  const relatedParent = relatedTarget && relatedTarget.closest('.tw-date');\n  return targetParent !== relatedParent;\n}\n\n// Should only propagate if the relatedTarget or the activeElement is not part of this DateInput component.\nfunction shouldPropagateOnBlur({\n  target,\n  relatedTarget,\n}: Pick<React.FocusEvent, 'target' | 'relatedTarget'>) {\n  const blurElementParent = target.closest('.tw-date');\n  // Even though FocusEvent.relatedTarget is supported by IE\n  // (https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent/relatedTarget)\n  // \"IE11 sets document.activeElement to the next focused element before the blur event is called.\"\n  // (https://stackoverflow.com/a/49325196/986241)\n  // Therefore if the relatedTarget is null, we try the document.activeElement,\n  // which may contain the HTML element that is gaining focus\n  const focusElement =\n    relatedTarget || (document.activeElement !== target ? document.activeElement : null);\n  const focusElementParent = focusElement && focusElement.closest('.tw-date');\n  return blurElementParent !== focusElementParent;\n}\n\nexport default DateInput;\n"],"names":["DateInput","ariaLabelledByProp","ariaLabel","disabled","size","Size","MEDIUM","value","dayLabel","dayAutoComplete","monthLabel","yearLabel","yearAutoComplete","monthFormat","MonthFormat","LONG","mode","DateMode","DAY_MONTH_YEAR","onChange","onFocus","onBlur","placeholders","id","idProp","selectProps","inputAttributes","useInputAttributes","nonLabelable","ariaLabelledBy","locale","formatMessage","useIntl","getDateObject","isDateValid","convertToLocalMidnight","undefined","getInitialDate","unit","dateObject","isMonthAndYearFormat","getFullYear","getMonth","getDate","day","setDay","useState","displayDay","setDisplayDay","toString","month","setMonth","year","setYear","displayYear","setDisplayYear","lastBroadcastedValue","setLastBroadcastedValue","monthNames","getMonthNames","messages","dayPlaceholder","yearPlaceholder","getDateAsString","date","MONTH_YEAR","slice","join","getSelectElement","_jsxs","className","children","_jsx","Body","type","Typography","BODY_DEFAULT","SelectInput","name","placeholder","items","Array","from","length","_","index","renderValue","selectedValue","SelectInputOptionContent","title","handleMonthChange","isDayValid","newDay","newMonth","newYear","maxDay","Date","handleInternalValue","broadcastNewValue","dateValue","setFullYear","handleDayChange","event","newDayString","target","replace","newDayNumber","Number","parseInt","selectedMonth","handleYearChange","newYearString","newYearNumber","newValue","monthYearOnly","monthWidth","clsx","getDay","Input","inputMode","pattern","autoComplete","min","max","maxLength","getYear","monthBeforeDay","MDY","has","yearFirst","YMD","role","shouldPropagateOnFocus","stopPropagation","shouldPropagateOnBlur","_Fragment","relatedTarget","targetParent","closest","relatedParent","blurElementParent","focusElement","document","activeElement","focusElementParent"],"mappings":"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"}
+{"version":3,"file":"DateInput.mjs","sources":["../../src/dateInput/DateInput.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../body';\nimport { Input } from '../inputs/Input';\nimport {\n  SelectInput,\n  SelectInputOptionContent,\n  type SelectInputProps,\n} from '../inputs/SelectInput';\nimport {\n  DateMode,\n  MonthFormat,\n  Size,\n  SizeLarge,\n  SizeMedium,\n  SizeSmall,\n  Typography,\n} from '../common';\nimport { MDY, YMD, getMonthNames, isDateValid, isMonthAndYearFormat } from '../common/dateUtils';\nimport { useFieldLabelRef, useInputAttributes } from '../inputs/contexts';\nimport messages from './DateInput.messages';\nimport { convertToLocalMidnight } from './utils';\n\nexport interface DateInputProps {\n  /** @deprecated Use `Field` wrapper or the `aria-labelledby` attribute instead. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  disabled?: boolean;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  value?: Date | string;\n  onChange: (value: string | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLDivElement | HTMLFieldSetElement>;\n  onBlur?: React.FocusEventHandler<HTMLDivElement | HTMLFieldSetElement>;\n  dayLabel?: string;\n  dayAutoComplete?: string;\n  monthLabel?: string;\n  yearLabel?: string;\n  yearAutoComplete?: string;\n  monthFormat?: `${MonthFormat}`;\n  mode?: `${DateMode}`;\n  placeholders?: {\n    day?: string;\n    month?: string;\n    year?: string;\n  };\n  id?: string;\n  selectProps?: Partial<SelectInputProps<number | null>>;\n}\n\n/**\n * To be passed to SelectInput's parentId prop for correct blur handling.\n */\nconst DATE_INPUT_PARENT_ID = 'dateInput';\n\nconst DateInput = ({\n  'aria-labelledby': ariaLabelledByProp,\n  'aria-label': ariaLabel,\n  disabled = false,\n  size = Size.MEDIUM,\n  value,\n  dayLabel,\n  dayAutoComplete,\n  monthLabel,\n  yearLabel,\n  yearAutoComplete,\n  monthFormat = MonthFormat.LONG,\n  mode = DateMode.DAY_MONTH_YEAR,\n  onChange,\n  onFocus,\n  onBlur,\n  placeholders,\n  id: idProp,\n  selectProps = {},\n}: DateInputProps) => {\n  const inputAttributes = useInputAttributes({ nonLabelable: true });\n  const fieldLabelRef = useFieldLabelRef();\n  const dayRef = useRef<HTMLInputElement>(null);\n  const monthRef = useRef<HTMLButtonElement>(null);\n  const yearRef = useRef<HTMLInputElement>(null);\n  const id = idProp ?? inputAttributes.id;\n  const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes['aria-labelledby'];\n\n  const { locale, formatMessage } = useIntl();\n\n  const getDateObject = (): Date | undefined => {\n    if (value && isDateValid(value)) {\n      return typeof value === 'string' ? convertToLocalMidnight(value) : value;\n    }\n    return undefined;\n  };\n\n  const getInitialDate = (unit: 'year' | 'month' | 'day'): number | null => {\n    if (value && isDateValid(value)) {\n      const dateObject = getDateObject();\n\n      if (typeof value === 'string' && isMonthAndYearFormat(value) && unit === 'day') {\n        return null;\n      }\n\n      if (dateObject !== undefined) {\n        switch (unit) {\n          case 'year':\n            return dateObject.getFullYear();\n          case 'month':\n            return dateObject.getMonth();\n          case 'day':\n            return dateObject.getDate();\n          default:\n            return null;\n        }\n      }\n    }\n    return null;\n  };\n\n  const [day, setDay] = useState(() => getInitialDate('day'));\n  const [displayDay, setDisplayDay] = useState(day?.toString());\n  const [month, setMonth] = useState(() => getInitialDate('month'));\n  const [year, setYear] = useState(() => getInitialDate('year'));\n  const [displayYear, setDisplayYear] = useState(year?.toString());\n  const [lastBroadcastedValue, setLastBroadcastedValue] = useState<Date | null | undefined>(\n    getDateObject,\n  );\n  const monthNames = getMonthNames(locale, monthFormat);\n\n  const monthYearOnly = mode === DateMode.MONTH_YEAR;\n  const monthBeforeDay = MDY.has(locale);\n  const yearFirst = YMD.has(locale);\n\n  dayLabel ||= formatMessage(messages.dayLabel);\n  monthLabel ||= formatMessage(messages.monthLabel);\n  yearLabel ||= formatMessage(messages.yearLabel);\n  placeholders = {\n    day: placeholders?.day || formatMessage(messages.dayPlaceholder),\n    month: placeholders?.month || formatMessage(messages.monthLabel),\n    year: placeholders?.year || formatMessage(messages.yearPlaceholder),\n  };\n\n  useEffect(() => {\n    const labelRef = fieldLabelRef?.current;\n\n    if (labelRef) {\n      const handleLabelClick = () => {\n        // Not the best way to do this, but we're forced to recreate the native Label-click behavior\n        if (monthYearOnly || monthBeforeDay) {\n          monthRef.current?.click();\n        } else if (yearFirst) {\n          yearRef.current?.focus();\n        } else {\n          dayRef.current?.focus();\n        }\n      };\n\n      labelRef.addEventListener('click', handleLabelClick);\n\n      return () => {\n        labelRef?.removeEventListener('click', handleLabelClick);\n      };\n    }\n  }, [fieldLabelRef, id, monthBeforeDay, monthYearOnly, yearFirst]);\n\n  const getDateAsString = (date: Date) => {\n    if (!isDateValid(date)) {\n      return '';\n    }\n    switch (mode) {\n      case DateMode.MONTH_YEAR:\n        return [date.getFullYear(), `0${date.getMonth() + 1}`.slice(-2)].join('-');\n      case DateMode.DAY_MONTH_YEAR:\n      default:\n        return [\n          date.getFullYear(),\n          `0${date.getMonth() + 1}`.slice(-2),\n          `0${date.getDate()}`.slice(-2),\n        ].join('-');\n    }\n  };\n\n  const getSelectElement = () => {\n    return (\n      <label className=\"d-flex flex-column\">\n        <Body type={Typography.BODY_DEFAULT}>{monthLabel}</Body>\n        <SelectInput\n          triggerRef={monthRef}\n          id={`${id}:month`}\n          parentId={DATE_INPUT_PARENT_ID}\n          name=\"month\"\n          disabled={disabled}\n          placeholder={placeholders?.month}\n          items={Array.from({ length: 12 }, (_, index) => ({ type: 'option', value: index }))}\n          size={size}\n          value={month}\n          renderValue={(selectedValue) => (\n            <SelectInputOptionContent title={monthNames[selectedValue]} />\n          )}\n          onChange={(selectedValue) => handleMonthChange(selectedValue)}\n          {...selectProps}\n        />\n      </label>\n    );\n  };\n\n  const isDayValid = (newDay: number, newMonth: number, newYear: number) => {\n    const maxDay = new Date(newYear, newMonth + 1, 0).getDate();\n    return newDay <= maxDay;\n  };\n\n  const handleInternalValue = (newDay = day, newMonth = month, newYear = year) => {\n    if (newDay == null || newDay === 0 || newMonth == null || newYear == null || newYear === 0) {\n      broadcastNewValue(null);\n      return;\n    }\n    if (!isDayValid(newDay, newMonth, newYear)) {\n      broadcastNewValue(null);\n      return;\n    }\n\n    const dateValue = new Date(newYear, newMonth, newDay);\n    if (newYear < 100) {\n      dateValue.setFullYear(newYear);\n    }\n\n    if (!isDateValid(dateValue)) {\n      broadcastNewValue(null);\n      return;\n    }\n\n    if (mode === DateMode.MONTH_YEAR) {\n      if (newMonth !== month || newYear !== year) {\n        broadcastNewValue(dateValue);\n      }\n    } else if (newDay !== day || newMonth !== month || newYear !== year) {\n      broadcastNewValue(dateValue);\n    }\n  };\n\n  const handleDayChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newDayString = event.target.value.replace(/\\D/g, '');\n    const newDayNumber = Number.parseInt(newDayString, 10);\n\n    setDay(newDayNumber);\n    setDisplayDay(newDayString);\n    handleInternalValue(newDayNumber, month, year);\n  };\n\n  const handleMonthChange = (selectedMonth: number | null) => {\n    if (selectedMonth === null) {\n      setMonth(null);\n      handleInternalValue(day, null, year);\n      return;\n    }\n    setMonth(selectedMonth);\n    handleInternalValue(day, selectedMonth, year);\n  };\n\n  const handleYearChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newYearString = event.target.value.replace(/\\D/g, '');\n    const newYearNumber = Number.parseInt(newYearString, 10);\n\n    if (newYearString.length >= 4 && newYearString.length <= 6) {\n      setYear(newYearNumber);\n      setDisplayYear(newYearString);\n      handleInternalValue(day, month, newYearNumber);\n    } else {\n      setYear(null);\n      setDisplayYear(newYearString);\n      handleInternalValue(day, month, null);\n    }\n  };\n\n  const broadcastNewValue = (newValue: Date | null) => {\n    if (newValue !== lastBroadcastedValue) {\n      setLastBroadcastedValue(newValue);\n      onChange(newValue != null ? getDateAsString(newValue) : null);\n    }\n  };\n\n  const monthWidth = clsx({\n    'col-sm-8 tw-date--month': monthYearOnly,\n    'col-sm-5 tw-date--month': !monthYearOnly,\n  });\n\n  const getMonth = () => {\n    return <div className={monthWidth}>{getSelectElement()}</div>;\n  };\n\n  const getDay = () => {\n    return (\n      <div className=\"col-sm-3 tw-date--day\">\n        <label>\n          <Body type={Typography.BODY_DEFAULT}>{dayLabel}</Body>\n          <div className={`input-group input-group-${size} ${disabled ? 'disabled' : ''}`}>\n            <Input\n              ref={dayRef}\n              id={`${id}:day`}\n              type=\"text\"\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              name=\"day\"\n              autoComplete={dayAutoComplete}\n              value={displayDay || ''}\n              placeholder={placeholders?.day}\n              disabled={disabled}\n              min={1}\n              max={31}\n              maxLength={2}\n              onChange={(event) => handleDayChange(event)}\n            />\n          </div>\n        </label>\n      </div>\n    );\n  };\n\n  const getYear = () => {\n    return (\n      <div className=\"col-sm-4 tw-date--year\">\n        <label>\n          <Body type={Typography.BODY_DEFAULT}>{yearLabel}</Body>\n          <div className={`input-group input-group-${size} ${disabled ? 'disabled' : ''}`}>\n            <Input\n              ref={yearRef}\n              id={`${id}:year`}\n              type=\"text\"\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              name=\"year\"\n              autoComplete={yearAutoComplete}\n              placeholder={placeholders?.year}\n              value={displayYear || ''}\n              disabled={disabled}\n              min={0}\n              max={9999}\n              maxLength={6}\n              onChange={(event) => handleYearChange(event)}\n            />\n          </div>\n        </label>\n      </div>\n    );\n  };\n\n  return (\n    <fieldset\n      id={id}\n      className=\"tw-date\"\n      aria-describedby={inputAttributes['aria-describedby']}\n      aria-invalid={inputAttributes['aria-invalid']}\n      aria-labelledby={ariaLabelledBy}\n      aria-label={ariaLabel}\n      data-wds-dateinput=\"\"\n      onFocus={(event) =>\n        shouldPropagateOnFocus(event) ? onFocus?.(event) : event.stopPropagation()\n      }\n      onBlur={(event) => (shouldPropagateOnBlur(event) ? onBlur?.(event) : event.stopPropagation())}\n    >\n      <div className=\"row\">\n        {(() => {\n          if (monthYearOnly) {\n            return (\n              <>\n                {!yearFirst && getMonth()}\n                {getYear()}\n                {yearFirst && getMonth()}\n              </>\n            );\n          }\n          if (monthBeforeDay) {\n            return (\n              <>\n                {getMonth()}\n                {getDay()}\n                {getYear()}\n              </>\n            );\n          }\n          if (yearFirst) {\n            return (\n              <>\n                {getYear()}\n                {getMonth()}\n                {getDay()}\n              </>\n            );\n          }\n          return (\n            <>\n              {getDay()}\n              {getMonth()}\n              {getYear()}\n            </>\n          );\n        })()}\n      </div>\n    </fieldset>\n  );\n};\n\n// Should only propagate if the relatedTarget is not part of this DateInput component.\nfunction shouldPropagateOnFocus({\n  target,\n  relatedTarget,\n}: Pick<React.FocusEvent, 'target' | 'relatedTarget'>) {\n  const blurredElementParent = target.closest('[data-wds-dateinput]');\n  const focusedElementParent = relatedTarget?.closest('[data-wds-dateinput]');\n  return blurredElementParent !== focusedElementParent;\n}\n\n// Should only propagate if the focus-gaining element is not part\n// of this DateInput component or the (dropdown) of the month select.\nfunction shouldPropagateOnBlur({\n  target,\n  relatedTarget,\n}: Pick<React.FocusEvent, 'target' | 'relatedTarget'>) {\n  const blurredElementParent = target.closest('[data-wds-dateinput]');\n  const focusedElementParent = relatedTarget?.closest('[data-wds-dateinput]');\n\n  return (\n    blurredElementParent !== focusedElementParent &&\n    !target?.closest(`[data-wds-parent=\"${DATE_INPUT_PARENT_ID}\"]`) &&\n    !relatedTarget?.closest(`[data-wds-parent=\"${DATE_INPUT_PARENT_ID}\"]`)\n  );\n}\n\nexport default DateInput;\n"],"names":["DATE_INPUT_PARENT_ID","DateInput","ariaLabelledByProp","ariaLabel","disabled","size","Size","MEDIUM","value","dayLabel","dayAutoComplete","monthLabel","yearLabel","yearAutoComplete","monthFormat","MonthFormat","LONG","mode","DateMode","DAY_MONTH_YEAR","onChange","onFocus","onBlur","placeholders","id","idProp","selectProps","inputAttributes","useInputAttributes","nonLabelable","fieldLabelRef","useFieldLabelRef","dayRef","useRef","monthRef","yearRef","ariaLabelledBy","locale","formatMessage","useIntl","getDateObject","isDateValid","convertToLocalMidnight","undefined","getInitialDate","unit","dateObject","isMonthAndYearFormat","getFullYear","getMonth","getDate","day","setDay","useState","displayDay","setDisplayDay","toString","month","setMonth","year","setYear","displayYear","setDisplayYear","lastBroadcastedValue","setLastBroadcastedValue","monthNames","getMonthNames","monthYearOnly","MONTH_YEAR","monthBeforeDay","MDY","has","yearFirst","YMD","messages","dayPlaceholder","yearPlaceholder","useEffect","labelRef","current","handleLabelClick","click","focus","addEventListener","removeEventListener","getDateAsString","date","slice","join","getSelectElement","_jsxs","className","children","_jsx","Body","type","Typography","BODY_DEFAULT","SelectInput","triggerRef","parentId","name","placeholder","items","Array","from","length","_","index","renderValue","selectedValue","SelectInputOptionContent","title","handleMonthChange","isDayValid","newDay","newMonth","newYear","maxDay","Date","handleInternalValue","broadcastNewValue","dateValue","setFullYear","handleDayChange","event","newDayString","target","replace","newDayNumber","Number","parseInt","selectedMonth","handleYearChange","newYearString","newYearNumber","newValue","monthWidth","clsx","getDay","Input","ref","inputMode","pattern","autoComplete","min","max","maxLength","getYear","shouldPropagateOnFocus","stopPropagation","shouldPropagateOnBlur","_Fragment","relatedTarget","blurredElementParent","closest","focusedElementParent"],"mappings":"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"}

package/build/dateLookup/DateLookup.js

@@ -323,13 +323,15 @@ class DateLookup extends React.PureComponent {
     const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       ref: this.element,
-      ...inputAttributes,
-      id: id,
+      "aria-labelledby": id,
+      "aria-invalid": inputAttributes?.['aria-invalid'],
+      "aria-describedby": inputAttributes?.['aria-describedby'],
       className: "input-group",
       onKeyDown: this.handleKeyDown,
       children: /*#__PURE__*/jsxRuntime.jsxs(OverlayIdProvider.OverlayIdProvider, {
         open: open,
         children: [/*#__PURE__*/jsxRuntime.jsx(DateTrigger.default, {
+          id: id,
           ariaLabelledBy: ariaLabelledBy,
           selectedDate: selectedDate,
           size: size,
@@ -344,6 +346,7 @@ class DateLookup extends React.PureComponent {
           open: open,
           className: "tw-date-lookup-menu",
           position: position.Position.BOTTOM,
+          considerHeight: true,
           onClose: this.discard,
           children: this.getCalendar()
         })]

package/build/dateLookup/DateLookup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateLookup.js","sources":["../../src/dateLookup/DateLookup.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { createRef, PureComponent, KeyboardEvent } from 'react';\n\nimport {\n  Size,\n  MonthFormat,\n  Position,\n  Breakpoint,\n  type SizeSmall,\n  type SizeMedium,\n  type SizeLarge,\n} from '../common';\nimport { isWithinRange, moveToWithinRange, returnDateView } from '../common/dateUtils';\nimport ResponsivePanel from '../common/responsivePanel';\nimport { WithInputAttributesProps, withInputAttributes } from '../inputs/contexts';\nimport { OverlayIdContext, OverlayIdProvider } from '../provider/overlay/OverlayIdProvider';\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    const dateView = returnDateView(props.value, props.min, props.max);\n    this.state = {\n      selectedDate: getStartOfDay(props.value),\n      originalDate: null,\n      min: getStartOfDay(props.min),\n      max: getStartOfDay(props.max),\n      viewMonth: dateView.getMonth(),\n      viewYear: dateView.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 = returnDateView(selectedDate, min, max);\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    date &&= moveToWithinRange(date, min, max);\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={clsx({ '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        className=\"input-group\"\n        onKeyDown={this.handleKeyDown}\n      >\n        <OverlayIdProvider open={open}>\n          <DateTrigger\n            ariaLabelledBy={ariaLabelledBy}\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        </OverlayIdProvider>\n      </div>\n    );\n  }\n}\n\nexport const DateLookupWithoutInputAttributes = DateLookup;\n\nconst WrappedDateLookup = withInputAttributes(\n  DateLookup as React.ComponentType<DateLookupPropsWithInputAttributes>,\n  { nonLabelable: true },\n);\nWrappedDateLookup.displayName = 'DateLookup';\n\nexport default WrappedDateLookup;\n"],"names":["DateLookup","PureComponent","defaultProps","value","min","max","size","Size","MEDIUM","placeholder","label","monthFormat","MonthFormat","LONG","disabled","clearable","element","createRef","dropdown","constructor","props","dateView","returnDateView","state","selectedDate","getStartOfDay","originalDate","viewMonth","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","Date","getDate","preferredElement","fallbackElement","current","querySelector","focus","switchMode","switchToDays","switchToMonths","switchToYears","handleSelectedDateUpdate","handleViewDateUpdate","month","year","getCalendar","_jsxs","className","clsx","children","_jsx","DayCalendar","onSelect","onLabelClick","onViewDateUpdate","MonthCalendar","YearCalendar","handleClear","render","inputAttributes","id","idProp","ariaLabelledByProp","ariaLabelledBy","ref","onKeyDown","OverlayIdProvider","DateTrigger","onClick","onClear","undefined","ResponsivePanel","anchorRef","position","Position","BOTTOM","onClose","WrappedDateLookup","withInputAttributes","nonLabelable","displayName"],"mappings":"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"}
+{"version":3,"file":"DateLookup.js","sources":["../../src/dateLookup/DateLookup.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { createRef, PureComponent, KeyboardEvent } from 'react';\n\nimport {\n  Size,\n  MonthFormat,\n  Position,\n  Breakpoint,\n  type SizeSmall,\n  type SizeMedium,\n  type SizeLarge,\n} from '../common';\nimport { isWithinRange, moveToWithinRange, returnDateView } from '../common/dateUtils';\nimport ResponsivePanel from '../common/responsivePanel';\nimport { WithInputAttributesProps, withInputAttributes } from '../inputs/contexts';\nimport { OverlayIdProvider } from '../provider/overlay/OverlayIdProvider';\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    const dateView = returnDateView(props.value, props.min, props.max);\n    this.state = {\n      selectedDate: getStartOfDay(props.value),\n      originalDate: null,\n      min: getStartOfDay(props.min),\n      max: getStartOfDay(props.max),\n      viewMonth: dateView.getMonth(),\n      viewYear: dateView.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 = returnDateView(selectedDate, min, max);\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    date &&= moveToWithinRange(date, min, max);\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={clsx({ '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        aria-labelledby={id}\n        aria-invalid={inputAttributes?.['aria-invalid']}\n        aria-describedby={inputAttributes?.['aria-describedby']}\n        className=\"input-group\"\n        onKeyDown={this.handleKeyDown}\n      >\n        <OverlayIdProvider open={open}>\n          <DateTrigger\n            id={id}\n            ariaLabelledBy={ariaLabelledBy}\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            considerHeight\n            onClose={this.discard}\n          >\n            {this.getCalendar()}\n          </ResponsivePanel>\n        </OverlayIdProvider>\n      </div>\n    );\n  }\n}\n\nexport const DateLookupWithoutInputAttributes = DateLookup;\n\nconst WrappedDateLookup = withInputAttributes(\n  DateLookup as React.ComponentType<DateLookupPropsWithInputAttributes>,\n  { nonLabelable: true },\n);\nWrappedDateLookup.displayName = 'DateLookup';\n\nexport default WrappedDateLookup;\n"],"names":["DateLookup","PureComponent","defaultProps","value","min","max","size","Size","MEDIUM","placeholder","label","monthFormat","MonthFormat","LONG","disabled","clearable","element","createRef","dropdown","constructor","props","dateView","returnDateView","state","selectedDate","getStartOfDay","originalDate","viewMonth","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","Date","getDate","preferredElement","fallbackElement","current","querySelector","focus","switchMode","switchToDays","switchToMonths","switchToYears","handleSelectedDateUpdate","handleViewDateUpdate","month","year","getCalendar","_jsxs","className","clsx","children","_jsx","DayCalendar","onSelect","onLabelClick","onViewDateUpdate","MonthCalendar","YearCalendar","handleClear","render","inputAttributes","id","idProp","ariaLabelledByProp","ariaLabelledBy","ref","onKeyDown","OverlayIdProvider","DateTrigger","onClick","onClear","undefined","ResponsivePanel","anchorRef","position","Position","BOTTOM","considerHeight","onClose","WrappedDateLookup","withInputAttributes","nonLabelable","displayName"],"mappings":"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"}

package/build/dateLookup/DateLookup.mjs

@@ -319,13 +319,15 @@ class DateLookup extends PureComponent {
     const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];
     return /*#__PURE__*/jsx("div", {
       ref: this.element,
-      ...inputAttributes,
-      id: id,
+      "aria-labelledby": id,
+      "aria-invalid": inputAttributes?.['aria-invalid'],
+      "aria-describedby": inputAttributes?.['aria-describedby'],
       className: "input-group",
       onKeyDown: this.handleKeyDown,
       children: /*#__PURE__*/jsxs(OverlayIdProvider, {
         open: open,
         children: [/*#__PURE__*/jsx(DateTrigger, {
+          id: id,
           ariaLabelledBy: ariaLabelledBy,
           selectedDate: selectedDate,
           size: size,
@@ -340,6 +342,7 @@ class DateLookup extends PureComponent {
           open: open,
           className: "tw-date-lookup-menu",
           position: Position.BOTTOM,
+          considerHeight: true,
           onClose: this.discard,
           children: this.getCalendar()
         })]

package/build/dateLookup/DateLookup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateLookup.mjs","sources":["../../src/dateLookup/DateLookup.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { createRef, PureComponent, KeyboardEvent } from 'react';\n\nimport {\n  Size,\n  MonthFormat,\n  Position,\n  Breakpoint,\n  type SizeSmall,\n  type SizeMedium,\n  type SizeLarge,\n} from '../common';\nimport { isWithinRange, moveToWithinRange, returnDateView } from '../common/dateUtils';\nimport ResponsivePanel from '../common/responsivePanel';\nimport { WithInputAttributesProps, withInputAttributes } from '../inputs/contexts';\nimport { OverlayIdContext, OverlayIdProvider } from '../provider/overlay/OverlayIdProvider';\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    const dateView = returnDateView(props.value, props.min, props.max);\n    this.state = {\n      selectedDate: getStartOfDay(props.value),\n      originalDate: null,\n      min: getStartOfDay(props.min),\n      max: getStartOfDay(props.max),\n      viewMonth: dateView.getMonth(),\n      viewYear: dateView.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 = returnDateView(selectedDate, min, max);\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    date &&= moveToWithinRange(date, min, max);\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={clsx({ '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        className=\"input-group\"\n        onKeyDown={this.handleKeyDown}\n      >\n        <OverlayIdProvider open={open}>\n          <DateTrigger\n            ariaLabelledBy={ariaLabelledBy}\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        </OverlayIdProvider>\n      </div>\n    );\n  }\n}\n\nexport const DateLookupWithoutInputAttributes = DateLookup;\n\nconst WrappedDateLookup = withInputAttributes(\n  DateLookup as React.ComponentType<DateLookupPropsWithInputAttributes>,\n  { nonLabelable: true },\n);\nWrappedDateLookup.displayName = 'DateLookup';\n\nexport default WrappedDateLookup;\n"],"names":["DateLookup","PureComponent","defaultProps","value","min","max","size","Size","MEDIUM","placeholder","label","monthFormat","MonthFormat","LONG","disabled","clearable","element","createRef","dropdown","constructor","props","dateView","returnDateView","state","selectedDate","getStartOfDay","originalDate","viewMonth","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","Date","getDate","preferredElement","fallbackElement","current","querySelector","focus","switchMode","switchToDays","switchToMonths","switchToYears","handleSelectedDateUpdate","handleViewDateUpdate","month","year","getCalendar","_jsxs","className","clsx","children","_jsx","DayCalendar","onSelect","onLabelClick","onViewDateUpdate","MonthCalendar","YearCalendar","handleClear","render","inputAttributes","id","idProp","ariaLabelledByProp","ariaLabelledBy","ref","onKeyDown","OverlayIdProvider","DateTrigger","onClick","onClear","undefined","ResponsivePanel","anchorRef","position","Position","BOTTOM","onClose","WrappedDateLookup","withInputAttributes","nonLabelable","displayName"],"mappings":"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"}
+{"version":3,"file":"DateLookup.mjs","sources":["../../src/dateLookup/DateLookup.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { createRef, PureComponent, KeyboardEvent } from 'react';\n\nimport {\n  Size,\n  MonthFormat,\n  Position,\n  Breakpoint,\n  type SizeSmall,\n  type SizeMedium,\n  type SizeLarge,\n} from '../common';\nimport { isWithinRange, moveToWithinRange, returnDateView } from '../common/dateUtils';\nimport ResponsivePanel from '../common/responsivePanel';\nimport { WithInputAttributesProps, withInputAttributes } from '../inputs/contexts';\nimport { OverlayIdProvider } from '../provider/overlay/OverlayIdProvider';\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    const dateView = returnDateView(props.value, props.min, props.max);\n    this.state = {\n      selectedDate: getStartOfDay(props.value),\n      originalDate: null,\n      min: getStartOfDay(props.min),\n      max: getStartOfDay(props.max),\n      viewMonth: dateView.getMonth(),\n      viewYear: dateView.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 = returnDateView(selectedDate, min, max);\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    date &&= moveToWithinRange(date, min, max);\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={clsx({ '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        aria-labelledby={id}\n        aria-invalid={inputAttributes?.['aria-invalid']}\n        aria-describedby={inputAttributes?.['aria-describedby']}\n        className=\"input-group\"\n        onKeyDown={this.handleKeyDown}\n      >\n        <OverlayIdProvider open={open}>\n          <DateTrigger\n            id={id}\n            ariaLabelledBy={ariaLabelledBy}\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            considerHeight\n            onClose={this.discard}\n          >\n            {this.getCalendar()}\n          </ResponsivePanel>\n        </OverlayIdProvider>\n      </div>\n    );\n  }\n}\n\nexport const DateLookupWithoutInputAttributes = DateLookup;\n\nconst WrappedDateLookup = withInputAttributes(\n  DateLookup as React.ComponentType<DateLookupPropsWithInputAttributes>,\n  { nonLabelable: true },\n);\nWrappedDateLookup.displayName = 'DateLookup';\n\nexport default WrappedDateLookup;\n"],"names":["DateLookup","PureComponent","defaultProps","value","min","max","size","Size","MEDIUM","placeholder","label","monthFormat","MonthFormat","LONG","disabled","clearable","element","createRef","dropdown","constructor","props","dateView","returnDateView","state","selectedDate","getStartOfDay","originalDate","viewMonth","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","Date","getDate","preferredElement","fallbackElement","current","querySelector","focus","switchMode","switchToDays","switchToMonths","switchToYears","handleSelectedDateUpdate","handleViewDateUpdate","month","year","getCalendar","_jsxs","className","clsx","children","_jsx","DayCalendar","onSelect","onLabelClick","onViewDateUpdate","MonthCalendar","YearCalendar","handleClear","render","inputAttributes","id","idProp","ariaLabelledByProp","ariaLabelledBy","ref","onKeyDown","OverlayIdProvider","DateTrigger","onClick","onClear","undefined","ResponsivePanel","anchorRef","position","Position","BOTTOM","considerHeight","onClose","WrappedDateLookup","withInputAttributes","nonLabelable","displayName"],"mappings":"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"}

package/build/dateLookup/dateTrigger/DateTrigger.js

@@ -39,6 +39,7 @@ const DateTrigger = ({
   size: size$1 = size.Size.MEDIUM,
   placeholder,
   label,
+  id,
   monthFormat,
   disabled,
   ariaLabelledBy,
@@ -54,6 +55,7 @@ const DateTrigger = ({
   const ariaLabelIds = [ariaLabelledBy, `${valueIdPrefix}:prefix`, `${valueIdPrefix}:value`];
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
+      id: id,
       "aria-haspopup": "dialog",
       "aria-expanded": overlayId != null,
       "aria-controls": overlayId,