@transferwise/components 46.155.1 → 46.157.0

package/build/Calendar/_helpers/hasDisabledDatesInMonth/hasDisabledDatesInMonth.mjs

@@ -0,0 +1,31 @@
+function hasDisabledDatesInMonth(month, year, disabledRules, min, max) {
+  if (!disabledRules) return false;
+  if (disabledRules.weekdays?.length) {
+    return true;
+  }
+  const monthStart = new Date(year, month, 1);
+  const monthEnd = new Date(year, month + 1, 0);
+  if (disabledRules.dates?.length) {
+    const hasDateInMonth = disabledRules.dates.some(date => {
+      if (date.getFullYear() !== year || date.getMonth() !== month) return false;
+      if (min && date < min) return false;
+      if (max && date > max) return false;
+      return true;
+    });
+    if (hasDateInMonth) return true;
+  }
+  if (disabledRules.ranges?.length) {
+    const hasOverlap = disabledRules.ranges.some(range => {
+      const rangeStart = new Date(range.start.getFullYear(), range.start.getMonth(), range.start.getDate());
+      const rangeEnd = new Date(range.end.getFullYear(), range.end.getMonth(), range.end.getDate());
+      if (max && rangeStart > max) return false;
+      if (min && rangeEnd < min) return false;
+      return rangeStart <= monthEnd && rangeEnd >= monthStart;
+    });
+    if (hasOverlap) return true;
+  }
+  return false;
+}
+
+export { hasDisabledDatesInMonth };
+//# sourceMappingURL=hasDisabledDatesInMonth.mjs.map

package/build/Calendar/_helpers/hasDisabledDatesInMonth/hasDisabledDatesInMonth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasDisabledDatesInMonth.mjs","sources":["../../../../src/Calendar/_helpers/hasDisabledDatesInMonth/hasDisabledDatesInMonth.ts"],"sourcesContent":["import type { DisabledRules } from '../../Calendar.types';\n\nexport function hasDisabledDatesInMonth(\n  month: number,\n  year: number,\n  disabledRules?: DisabledRules,\n  min?: Date | null,\n  max?: Date | null,\n): boolean {\n  if (!disabledRules) return false;\n\n  if (disabledRules.weekdays?.length) {\n    return true;\n  }\n\n  const monthStart = new Date(year, month, 1);\n  const monthEnd = new Date(year, month + 1, 0);\n\n  if (disabledRules.dates?.length) {\n    const hasDateInMonth = disabledRules.dates.some((date) => {\n      if (date.getFullYear() !== year || date.getMonth() !== month) return false;\n      if (min && date < min) return false;\n      if (max && date > max) return false;\n      return true;\n    });\n    if (hasDateInMonth) return true;\n  }\n\n  if (disabledRules.ranges?.length) {\n    const hasOverlap = disabledRules.ranges.some((range) => {\n      const rangeStart = new Date(\n        range.start.getFullYear(),\n        range.start.getMonth(),\n        range.start.getDate(),\n      );\n      const rangeEnd = new Date(range.end.getFullYear(), range.end.getMonth(), range.end.getDate());\n      if (max && rangeStart > max) return false;\n      if (min && rangeEnd < min) return false;\n      return rangeStart <= monthEnd && rangeEnd >= monthStart;\n    });\n    if (hasOverlap) return true;\n  }\n\n  return false;\n}\n"],"names":["hasDisabledDatesInMonth","month","year","disabledRules","min","max","weekdays","length","monthStart","Date","monthEnd","dates","hasDateInMonth","some","date","getFullYear","getMonth","ranges","hasOverlap","range","rangeStart","start","getDate","rangeEnd","end"],"mappings":"AAEM,SAAUA,uBAAuBA,CACrCC,KAAa,EACbC,IAAY,EACZC,aAA6B,EAC7BC,GAAiB,EACjBC,GAAiB,EAAA;AAEjB,EAAA,IAAI,CAACF,aAAa,EAAE,OAAO,KAAK;AAEhC,EAAA,IAAIA,aAAa,CAACG,QAAQ,EAAEC,MAAM,EAAE;AAClC,IAAA,OAAO,IAAI;AACb,EAAA;EAEA,MAAMC,UAAU,GAAG,IAAIC,IAAI,CAACP,IAAI,EAAED,KAAK,EAAE,CAAC,CAAC;AAC3C,EAAA,MAAMS,QAAQ,GAAG,IAAID,IAAI,CAACP,IAAI,EAAED,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;AAE7C,EAAA,IAAIE,aAAa,CAACQ,KAAK,EAAEJ,MAAM,EAAE;IAC/B,MAAMK,cAAc,GAAGT,aAAa,CAACQ,KAAK,CAACE,IAAI,CAAEC,IAAI,IAAI;AACvD,MAAA,IAAIA,IAAI,CAACC,WAAW,EAAE,KAAKb,IAAI,IAAIY,IAAI,CAACE,QAAQ,EAAE,KAAKf,KAAK,EAAE,OAAO,KAAK;AAC1E,MAAA,IAAIG,GAAG,IAAIU,IAAI,GAAGV,GAAG,EAAE,OAAO,KAAK;AACnC,MAAA,IAAIC,GAAG,IAAIS,IAAI,GAAGT,GAAG,EAAE,OAAO,KAAK;AACnC,MAAA,OAAO,IAAI;AACb,IAAA,CAAC,CAAC;IACF,IAAIO,cAAc,EAAE,OAAO,IAAI;AACjC,EAAA;AAEA,EAAA,IAAIT,aAAa,CAACc,MAAM,EAAEV,MAAM,EAAE;IAChC,MAAMW,UAAU,GAAGf,aAAa,CAACc,MAAM,CAACJ,IAAI,CAAEM,KAAK,IAAI;AACrD,MAAA,MAAMC,UAAU,GAAG,IAAIX,IAAI,CACzBU,KAAK,CAACE,KAAK,CAACN,WAAW,EAAE,EACzBI,KAAK,CAACE,KAAK,CAACL,QAAQ,EAAE,EACtBG,KAAK,CAACE,KAAK,CAACC,OAAO,EAAE,CACtB;AACD,MAAA,MAAMC,QAAQ,GAAG,IAAId,IAAI,CAACU,KAAK,CAACK,GAAG,CAACT,WAAW,EAAE,EAAEI,KAAK,CAACK,GAAG,CAACR,QAAQ,EAAE,EAAEG,KAAK,CAACK,GAAG,CAACF,OAAO,EAAE,CAAC;AAC7F,MAAA,IAAIjB,GAAG,IAAIe,UAAU,GAAGf,GAAG,EAAE,OAAO,KAAK;AACzC,MAAA,IAAID,GAAG,IAAImB,QAAQ,GAAGnB,GAAG,EAAE,OAAO,KAAK;AACvC,MAAA,OAAOgB,UAAU,IAAIV,QAAQ,IAAIa,QAAQ,IAAIf,UAAU;AACzD,IAAA,CAAC,CAAC;IACF,IAAIU,UAAU,EAAE,OAAO,IAAI;AAC7B,EAAA;AAEA,EAAA,OAAO,KAAK;AACd;;;;"}

package/build/Calendar/_helpers/isDateDisabled/isDateDisabled.js

@@ -0,0 +1,40 @@
+'use strict';
+
+const DAY_INDEX_TO_WEEKDAY = {
+  0: 'sun',
+  1: 'mon',
+  2: 'tue',
+  3: 'wed',
+  4: 'thu',
+  5: 'fri',
+  6: 'sat'
+};
+function isDateDisabled(date, disabledRules) {
+  if (!disabledRules) return false;
+  if (disabledRules.weekdays?.length) {
+    const weekday = DAY_INDEX_TO_WEEKDAY[date.getDay()];
+    if (disabledRules.weekdays.includes(weekday)) return true;
+  }
+  if (disabledRules.dates?.length) {
+    const year = date.getFullYear();
+    const month = date.getMonth();
+    const day = date.getDate();
+    if (disabledRules.dates.some(disabledDate => disabledDate.getFullYear() === year && disabledDate.getMonth() === month && disabledDate.getDate() === day)) {
+      return true;
+    }
+  }
+  if (disabledRules.ranges?.length) {
+    const dateStart = date.getTime();
+    if (disabledRules.ranges.some(range => {
+      const rangeStart = new Date(range.start.getFullYear(), range.start.getMonth(), range.start.getDate()).getTime();
+      const rangeEnd = new Date(range.end.getFullYear(), range.end.getMonth(), range.end.getDate()).getTime();
+      return dateStart >= rangeStart && dateStart <= rangeEnd;
+    })) {
+      return true;
+    }
+  }
+  return false;
+}
+
+exports.isDateDisabled = isDateDisabled;
+//# sourceMappingURL=isDateDisabled.js.map

package/build/Calendar/_helpers/isDateDisabled/isDateDisabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isDateDisabled.js","sources":["../../../../src/Calendar/_helpers/isDateDisabled/isDateDisabled.ts"],"sourcesContent":["import type { DisabledRules, WeekDayType } from '../../Calendar.types';\n\nconst DAY_INDEX_TO_WEEKDAY: Record<number, WeekDayType> = {\n  0: 'sun',\n  1: 'mon',\n  2: 'tue',\n  3: 'wed',\n  4: 'thu',\n  5: 'fri',\n  6: 'sat',\n};\n\nexport function isDateDisabled(date: Date, disabledRules?: DisabledRules): boolean {\n  if (!disabledRules) return false;\n\n  if (disabledRules.weekdays?.length) {\n    const weekday = DAY_INDEX_TO_WEEKDAY[date.getDay()];\n    if (disabledRules.weekdays.includes(weekday)) return true;\n  }\n\n  if (disabledRules.dates?.length) {\n    const year = date.getFullYear();\n    const month = date.getMonth();\n    const day = date.getDate();\n    if (\n      disabledRules.dates.some(\n        (disabledDate) =>\n          disabledDate.getFullYear() === year &&\n          disabledDate.getMonth() === month &&\n          disabledDate.getDate() === day,\n      )\n    ) {\n      return true;\n    }\n  }\n\n  if (disabledRules.ranges?.length) {\n    const dateStart = date.getTime();\n    if (\n      disabledRules.ranges.some((range) => {\n        const rangeStart = new Date(\n          range.start.getFullYear(),\n          range.start.getMonth(),\n          range.start.getDate(),\n        ).getTime();\n        const rangeEnd = new Date(\n          range.end.getFullYear(),\n          range.end.getMonth(),\n          range.end.getDate(),\n        ).getTime();\n        return dateStart >= rangeStart && dateStart <= rangeEnd;\n      })\n    ) {\n      return true;\n    }\n  }\n\n  return false;\n}\n"],"names":["DAY_INDEX_TO_WEEKDAY","isDateDisabled","date","disabledRules","weekdays","length","weekday","getDay","includes","dates","year","getFullYear","month","getMonth","day","getDate","some","disabledDate","ranges","dateStart","getTime","range","rangeStart","Date","start","rangeEnd","end"],"mappings":";;AAEA,MAAMA,oBAAoB,GAAgC;AACxD,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE;CACJ;AAEK,SAAUC,cAAcA,CAACC,IAAU,EAAEC,aAA6B,EAAA;AACtE,EAAA,IAAI,CAACA,aAAa,EAAE,OAAO,KAAK;AAEhC,EAAA,IAAIA,aAAa,CAACC,QAAQ,EAAEC,MAAM,EAAE;IAClC,MAAMC,OAAO,GAAGN,oBAAoB,CAACE,IAAI,CAACK,MAAM,EAAE,CAAC;IACnD,IAAIJ,aAAa,CAACC,QAAQ,CAACI,QAAQ,CAACF,OAAO,CAAC,EAAE,OAAO,IAAI;AAC3D,EAAA;AAEA,EAAA,IAAIH,aAAa,CAACM,KAAK,EAAEJ,MAAM,EAAE;AAC/B,IAAA,MAAMK,IAAI,GAAGR,IAAI,CAACS,WAAW,EAAE;AAC/B,IAAA,MAAMC,KAAK,GAAGV,IAAI,CAACW,QAAQ,EAAE;AAC7B,IAAA,MAAMC,GAAG,GAAGZ,IAAI,CAACa,OAAO,EAAE;AAC1B,IAAA,IACEZ,aAAa,CAACM,KAAK,CAACO,IAAI,CACrBC,YAAY,IACXA,YAAY,CAACN,WAAW,EAAE,KAAKD,IAAI,IACnCO,YAAY,CAACJ,QAAQ,EAAE,KAAKD,KAAK,IACjCK,YAAY,CAACF,OAAO,EAAE,KAAKD,GAAG,CACjC,EACD;AACA,MAAA,OAAO,IAAI;AACb,IAAA;AACF,EAAA;AAEA,EAAA,IAAIX,aAAa,CAACe,MAAM,EAAEb,MAAM,EAAE;AAChC,IAAA,MAAMc,SAAS,GAAGjB,IAAI,CAACkB,OAAO,EAAE;AAChC,IAAA,IACEjB,aAAa,CAACe,MAAM,CAACF,IAAI,CAAEK,KAAK,IAAI;AAClC,MAAA,MAAMC,UAAU,GAAG,IAAIC,IAAI,CACzBF,KAAK,CAACG,KAAK,CAACb,WAAW,EAAE,EACzBU,KAAK,CAACG,KAAK,CAACX,QAAQ,EAAE,EACtBQ,KAAK,CAACG,KAAK,CAACT,OAAO,EAAE,CACtB,CAACK,OAAO,EAAE;AACX,MAAA,MAAMK,QAAQ,GAAG,IAAIF,IAAI,CACvBF,KAAK,CAACK,GAAG,CAACf,WAAW,EAAE,EACvBU,KAAK,CAACK,GAAG,CAACb,QAAQ,EAAE,EACpBQ,KAAK,CAACK,GAAG,CAACX,OAAO,EAAE,CACpB,CAACK,OAAO,EAAE;AACX,MAAA,OAAOD,SAAS,IAAIG,UAAU,IAAIH,SAAS,IAAIM,QAAQ;AACzD,IAAA,CAAC,CAAC,EACF;AACA,MAAA,OAAO,IAAI;AACb,IAAA;AACF,EAAA;AAEA,EAAA,OAAO,KAAK;AACd;;;;"}

package/build/Calendar/_helpers/isDateDisabled/isDateDisabled.mjs

@@ -0,0 +1,38 @@
+const DAY_INDEX_TO_WEEKDAY = {
+  0: 'sun',
+  1: 'mon',
+  2: 'tue',
+  3: 'wed',
+  4: 'thu',
+  5: 'fri',
+  6: 'sat'
+};
+function isDateDisabled(date, disabledRules) {
+  if (!disabledRules) return false;
+  if (disabledRules.weekdays?.length) {
+    const weekday = DAY_INDEX_TO_WEEKDAY[date.getDay()];
+    if (disabledRules.weekdays.includes(weekday)) return true;
+  }
+  if (disabledRules.dates?.length) {
+    const year = date.getFullYear();
+    const month = date.getMonth();
+    const day = date.getDate();
+    if (disabledRules.dates.some(disabledDate => disabledDate.getFullYear() === year && disabledDate.getMonth() === month && disabledDate.getDate() === day)) {
+      return true;
+    }
+  }
+  if (disabledRules.ranges?.length) {
+    const dateStart = date.getTime();
+    if (disabledRules.ranges.some(range => {
+      const rangeStart = new Date(range.start.getFullYear(), range.start.getMonth(), range.start.getDate()).getTime();
+      const rangeEnd = new Date(range.end.getFullYear(), range.end.getMonth(), range.end.getDate()).getTime();
+      return dateStart >= rangeStart && dateStart <= rangeEnd;
+    })) {
+      return true;
+    }
+  }
+  return false;
+}
+
+export { isDateDisabled };
+//# sourceMappingURL=isDateDisabled.mjs.map

package/build/Calendar/_helpers/isDateDisabled/isDateDisabled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isDateDisabled.mjs","sources":["../../../../src/Calendar/_helpers/isDateDisabled/isDateDisabled.ts"],"sourcesContent":["import type { DisabledRules, WeekDayType } from '../../Calendar.types';\n\nconst DAY_INDEX_TO_WEEKDAY: Record<number, WeekDayType> = {\n  0: 'sun',\n  1: 'mon',\n  2: 'tue',\n  3: 'wed',\n  4: 'thu',\n  5: 'fri',\n  6: 'sat',\n};\n\nexport function isDateDisabled(date: Date, disabledRules?: DisabledRules): boolean {\n  if (!disabledRules) return false;\n\n  if (disabledRules.weekdays?.length) {\n    const weekday = DAY_INDEX_TO_WEEKDAY[date.getDay()];\n    if (disabledRules.weekdays.includes(weekday)) return true;\n  }\n\n  if (disabledRules.dates?.length) {\n    const year = date.getFullYear();\n    const month = date.getMonth();\n    const day = date.getDate();\n    if (\n      disabledRules.dates.some(\n        (disabledDate) =>\n          disabledDate.getFullYear() === year &&\n          disabledDate.getMonth() === month &&\n          disabledDate.getDate() === day,\n      )\n    ) {\n      return true;\n    }\n  }\n\n  if (disabledRules.ranges?.length) {\n    const dateStart = date.getTime();\n    if (\n      disabledRules.ranges.some((range) => {\n        const rangeStart = new Date(\n          range.start.getFullYear(),\n          range.start.getMonth(),\n          range.start.getDate(),\n        ).getTime();\n        const rangeEnd = new Date(\n          range.end.getFullYear(),\n          range.end.getMonth(),\n          range.end.getDate(),\n        ).getTime();\n        return dateStart >= rangeStart && dateStart <= rangeEnd;\n      })\n    ) {\n      return true;\n    }\n  }\n\n  return false;\n}\n"],"names":["DAY_INDEX_TO_WEEKDAY","isDateDisabled","date","disabledRules","weekdays","length","weekday","getDay","includes","dates","year","getFullYear","month","getMonth","day","getDate","some","disabledDate","ranges","dateStart","getTime","range","rangeStart","Date","start","rangeEnd","end"],"mappings":"AAEA,MAAMA,oBAAoB,GAAgC;AACxD,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE,KAAK;AACR,EAAA,CAAC,EAAE;CACJ;AAEK,SAAUC,cAAcA,CAACC,IAAU,EAAEC,aAA6B,EAAA;AACtE,EAAA,IAAI,CAACA,aAAa,EAAE,OAAO,KAAK;AAEhC,EAAA,IAAIA,aAAa,CAACC,QAAQ,EAAEC,MAAM,EAAE;IAClC,MAAMC,OAAO,GAAGN,oBAAoB,CAACE,IAAI,CAACK,MAAM,EAAE,CAAC;IACnD,IAAIJ,aAAa,CAACC,QAAQ,CAACI,QAAQ,CAACF,OAAO,CAAC,EAAE,OAAO,IAAI;AAC3D,EAAA;AAEA,EAAA,IAAIH,aAAa,CAACM,KAAK,EAAEJ,MAAM,EAAE;AAC/B,IAAA,MAAMK,IAAI,GAAGR,IAAI,CAACS,WAAW,EAAE;AAC/B,IAAA,MAAMC,KAAK,GAAGV,IAAI,CAACW,QAAQ,EAAE;AAC7B,IAAA,MAAMC,GAAG,GAAGZ,IAAI,CAACa,OAAO,EAAE;AAC1B,IAAA,IACEZ,aAAa,CAACM,KAAK,CAACO,IAAI,CACrBC,YAAY,IACXA,YAAY,CAACN,WAAW,EAAE,KAAKD,IAAI,IACnCO,YAAY,CAACJ,QAAQ,EAAE,KAAKD,KAAK,IACjCK,YAAY,CAACF,OAAO,EAAE,KAAKD,GAAG,CACjC,EACD;AACA,MAAA,OAAO,IAAI;AACb,IAAA;AACF,EAAA;AAEA,EAAA,IAAIX,aAAa,CAACe,MAAM,EAAEb,MAAM,EAAE;AAChC,IAAA,MAAMc,SAAS,GAAGjB,IAAI,CAACkB,OAAO,EAAE;AAChC,IAAA,IACEjB,aAAa,CAACe,MAAM,CAACF,IAAI,CAAEK,KAAK,IAAI;AAClC,MAAA,MAAMC,UAAU,GAAG,IAAIC,IAAI,CACzBF,KAAK,CAACG,KAAK,CAACb,WAAW,EAAE,EACzBU,KAAK,CAACG,KAAK,CAACX,QAAQ,EAAE,EACtBQ,KAAK,CAACG,KAAK,CAACT,OAAO,EAAE,CACtB,CAACK,OAAO,EAAE;AACX,MAAA,MAAMK,QAAQ,GAAG,IAAIF,IAAI,CACvBF,KAAK,CAACK,GAAG,CAACf,WAAW,EAAE,EACvBU,KAAK,CAACK,GAAG,CAACb,QAAQ,EAAE,EACpBQ,KAAK,CAACK,GAAG,CAACX,OAAO,EAAE,CACpB,CAACK,OAAO,EAAE;AACX,MAAA,OAAOD,SAAS,IAAIG,UAAU,IAAIH,SAAS,IAAIM,QAAQ;AACzD,IAAA,CAAC,CAAC,EACF;AACA,MAAA,OAAO,IAAI;AACb,IAAA;AACF,EAAA;AAEA,EAAA,OAAO,KAAK;AACd;;;;"}

package/build/DateLookup/DateLookup.js

@@ -123,7 +123,19 @@ class DateLookup extends React.PureComponent {
       this.focusOn(fallbackElement);
     }
   };
-  handleDateChange = date => {
+  handleDateChange = (date, meta) => {
+    const {
+      onDateSelect
+    } = this.props;
+    if (date && onDateSelect) {
+      onDateSelect({
+        date,
+        isEnabled: meta.isEnabled
+      });
+    }
+  };
+  handleDateSelect = date => {
+    if (!date) return;
     this.setState(state => {
       const originalDate = state.originalDate ?? this.props.value;
       return {
@@ -131,20 +143,18 @@ class DateLookup extends React.PureComponent {
       };
     }, () => {
       this.props.onChange(date);
+      this.close();
+      this.focusOn('.btn');
     });
   };
-  handleDateSelect = date => {
-    this.props.onChange(date);
-    this.close();
-    this.focusOn('.btn');
-  };
   getCalendar = () => {
     const {
       value,
       min,
       max,
       monthFormat,
-      placeholder
+      placeholder,
+      disabledRules
     } = this.props;
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "p-a-1",
@@ -154,8 +164,9 @@ class DateLookup extends React.PureComponent {
         max: max,
         monthFormat: monthFormat,
         placeholder: placeholder,
-        onChange: this.handleDateChange,
-        onSelect: this.handleDateSelect
+        disabledRules: disabledRules,
+        onDateFocus: this.handleDateChange,
+        onChange: this.handleDateSelect
       })
     });
   };

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';\nimport Calendar from '../Calendar';\nimport {\n  Size,\n  MonthFormat,\n  Position,\n  type SizeSmall,\n  type SizeMedium,\n  type SizeLarge,\n} from '../common';\nimport ResponsivePanel from '../common/ResponsivePanel';\nimport { WithInputAttributesProps, withInputAttributes } from '../Inputs/contexts';\nimport { OverlayIdProvider } from '../Provider/overlay/OverlayIdProvider';\nimport DateTrigger from './DateTrigger';\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  originalDate: Date | null;\n  open: 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\n  constructor(props: DateLookup['props']) {\n    super(props);\n    this.state = {\n      originalDate: null,\n      open: false,\n    };\n  }\n\n  componentDidUpdate(previousProps: DateLookupPropsWithInputAttributes) {\n    if (this.props.value?.getTime() !== previousProps.value?.getTime() && this.state.open) {\n      this.focusOn('.active');\n    }\n  }\n\n  open = () => {\n    const { onFocus } = this.props;\n\n    this.setState({ open: true });\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      case 'ArrowUp':\n      case 'ArrowRight':\n      case 'ArrowDown':\n        if (!open) {\n          this.open();\n          event.preventDefault();\n        }\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  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  handleDateChange = (date: Date | null) => {\n    this.setState(\n      (state) => {\n        const originalDate = state.originalDate ?? this.props.value;\n        return { originalDate };\n      },\n      () => {\n        this.props.onChange(date);\n      },\n    );\n  };\n\n  handleDateSelect = (date: Date) => {\n    this.props.onChange(date);\n    this.close();\n    this.focusOn('.btn');\n  };\n\n  getCalendar = () => {\n    const { value, min, max, monthFormat, placeholder } = this.props;\n    return (\n      <div className=\"p-a-1\">\n        <Calendar\n          value={value}\n          min={min}\n          max={max}\n          monthFormat={monthFormat}\n          placeholder={placeholder}\n          onChange={this.handleDateChange}\n          onSelect={this.handleDateSelect}\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 { 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={clsx('input-group', disabled && 'disabled')}\n        onKeyDown={this.handleKeyDown}\n      >\n        <OverlayIdProvider open={open}>\n          <DateTrigger\n            id={id}\n            ariaLabelledBy={ariaLabelledBy}\n            selectedDate={value}\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","constructor","props","state","originalDate","open","componentDidUpdate","previousProps","getTime","focusOn","onFocus","setState","discard","onChange","close","onBlur","handleKeyDown","event","key","preventDefault","preferredElement","fallbackElement","current","querySelector","focus","handleDateChange","date","handleDateSelect","getCalendar","_jsx","className","children","Calendar","onSelect","handleClear","render","inputAttributes","id","idProp","ariaLabelledByProp","ariaLabelledBy","ref","clsx","onKeyDown","_jsxs","OverlayIdProvider","DateTrigger","selectedDate","onClick","onClear","undefined","ResponsivePanel","anchorRef","position","Position","BOTTOM","considerHeight","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';\nimport Calendar from '../Calendar';\nimport type { DateChangeMeta, DisabledRules, OnDateSelectParams } from '../Calendar/Calendar.types';\nimport {\n  Size,\n  MonthFormat,\n  Position,\n  type SizeSmall,\n  type SizeMedium,\n  type SizeLarge,\n} from '../common';\nimport ResponsivePanel from '../common/ResponsivePanel';\nimport { WithInputAttributesProps, withInputAttributes } from '../Inputs/contexts';\nimport { OverlayIdProvider } from '../Provider/overlay/OverlayIdProvider';\nimport DateTrigger from './DateTrigger';\n\nexport interface DateLookupProps {\n  /** The currently selected date, or `null` for no selection. */\n  value: Date | null;\n  /** Called when an enabled date is confirmed. Receives `null` when the value is cleared. */\n  onChange: (date: Date | null) => void;\n  /** HTML `id` applied to the trigger button, used for label association. */\n  id?: string;\n  /** Earliest selectable date (inclusive). Dates before this are interactive but not selectable, and show a boundary prompt. */\n  min?: Date | null;\n  /** Latest selectable date (inclusive). Dates after this are interactive but not selectable, and show a boundary prompt. */\n  max?: Date | null;\n  /** Size of the trigger input. Defaults to `'md'`. */\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  /** Label text rendered above the trigger input. */\n  label?: string;\n  /** ID of an external element that labels the trigger, for use inside custom label contexts. */\n  'aria-labelledby'?: string;\n  /** Placeholder text shown in the trigger when no date is selected. */\n  placeholder?: string;\n  /** Month name format in the calendar header. Defaults to `'long'` (e.g. \"January\"). */\n  monthFormat?: `${MonthFormat}`;\n  /** When `true`, the trigger and calendar are non-interactive. */\n  disabled?: boolean;\n  /** When `true`, a clear button is shown in the trigger to reset the value to `null`. */\n  clearable?: boolean;\n  /** Rules for disabling specific weekdays, individual dates, or date ranges. The required `reason` is shown in an inline prompt and linked to disabled cells via `aria-describedby` for screen reader accessibility. */\n  disabledRules?: DisabledRules;\n  /** Called whenever any date is focused or clicked, including disabled and out-of-range dates. `isEnabled` is `false` when the date is not selectable. */\n  onDateSelect?: (params: OnDateSelectParams) => void;\n  /** Called when the calendar panel opens. */\n  onFocus?: () => void;\n  /** Called when the calendar panel closes. */\n  onBlur?: () => void;\n}\n\ntype DateLookupPropsWithInputAttributes = DateLookupProps & Partial<WithInputAttributesProps>;\n\ninterface DateLookupState {\n  originalDate: Date | null;\n  open: 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\n  constructor(props: DateLookup['props']) {\n    super(props);\n    this.state = {\n      originalDate: null,\n      open: false,\n    };\n  }\n\n  componentDidUpdate(previousProps: DateLookupPropsWithInputAttributes) {\n    if (this.props.value?.getTime() !== previousProps.value?.getTime() && this.state.open) {\n      this.focusOn('.active');\n    }\n  }\n\n  open = () => {\n    const { onFocus } = this.props;\n\n    this.setState({ open: true });\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      case 'ArrowUp':\n      case 'ArrowRight':\n      case 'ArrowDown':\n        if (!open) {\n          this.open();\n          event.preventDefault();\n        }\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  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  handleDateChange = (date: Date | null, meta: DateChangeMeta) => {\n    const { onDateSelect } = this.props;\n    if (date && onDateSelect) {\n      onDateSelect({ date, isEnabled: meta.isEnabled });\n    }\n  };\n\n  handleDateSelect = (date: Date | null) => {\n    if (!date) return;\n    this.setState(\n      (state) => {\n        const originalDate = state.originalDate ?? this.props.value;\n        return { originalDate };\n      },\n      () => {\n        this.props.onChange(date);\n        this.close();\n        this.focusOn('.btn');\n      },\n    );\n  };\n\n  getCalendar = () => {\n    const { value, min, max, monthFormat, placeholder, disabledRules } = this.props;\n    return (\n      <div className=\"p-a-1\">\n        <Calendar\n          value={value}\n          min={min}\n          max={max}\n          monthFormat={monthFormat}\n          placeholder={placeholder}\n          disabledRules={disabledRules}\n          onDateFocus={this.handleDateChange}\n          onChange={this.handleDateSelect}\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 { 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={clsx('input-group', disabled && 'disabled')}\n        onKeyDown={this.handleKeyDown}\n      >\n        <OverlayIdProvider open={open}>\n          <DateTrigger\n            id={id}\n            ariaLabelledBy={ariaLabelledBy}\n            selectedDate={value}\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","constructor","props","state","originalDate","open","componentDidUpdate","previousProps","getTime","focusOn","onFocus","setState","discard","onChange","close","onBlur","handleKeyDown","event","key","preventDefault","preferredElement","fallbackElement","current","querySelector","focus","handleDateChange","date","meta","onDateSelect","isEnabled","handleDateSelect","getCalendar","disabledRules","_jsx","className","children","Calendar","onDateFocus","handleClear","render","inputAttributes","id","idProp","ariaLabelledByProp","ariaLabelledBy","ref","clsx","onKeyDown","_jsxs","OverlayIdProvider","DateTrigger","selectedDate","onClick","onClear","undefined","ResponsivePanel","anchorRef","position","Position","BOTTOM","considerHeight","onClose","WrappedDateLookup","withInputAttributes","nonLabelable","displayName"],"mappings":"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"}

package/build/DateLookup/DateLookup.mjs

@@ -119,7 +119,19 @@ class DateLookup extends PureComponent {
       this.focusOn(fallbackElement);
     }
   };
-  handleDateChange = date => {
+  handleDateChange = (date, meta) => {
+    const {
+      onDateSelect
+    } = this.props;
+    if (date && onDateSelect) {
+      onDateSelect({
+        date,
+        isEnabled: meta.isEnabled
+      });
+    }
+  };
+  handleDateSelect = date => {
+    if (!date) return;
     this.setState(state => {
       const originalDate = state.originalDate ?? this.props.value;
       return {
@@ -127,20 +139,18 @@ class DateLookup extends PureComponent {
       };
     }, () => {
       this.props.onChange(date);
+      this.close();
+      this.focusOn('.btn');
     });
   };
-  handleDateSelect = date => {
-    this.props.onChange(date);
-    this.close();
-    this.focusOn('.btn');
-  };
   getCalendar = () => {
     const {
       value,
       min,
       max,
       monthFormat,
-      placeholder
+      placeholder,
+      disabledRules
     } = this.props;
     return /*#__PURE__*/jsx("div", {
       className: "p-a-1",
@@ -150,8 +160,9 @@ class DateLookup extends PureComponent {
         max: max,
         monthFormat: monthFormat,
         placeholder: placeholder,
-        onChange: this.handleDateChange,
-        onSelect: this.handleDateSelect
+        disabledRules: disabledRules,
+        onDateFocus: this.handleDateChange,
+        onChange: this.handleDateSelect
       })
     });
   };

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';\nimport Calendar from '../Calendar';\nimport {\n  Size,\n  MonthFormat,\n  Position,\n  type SizeSmall,\n  type SizeMedium,\n  type SizeLarge,\n} from '../common';\nimport ResponsivePanel from '../common/ResponsivePanel';\nimport { WithInputAttributesProps, withInputAttributes } from '../Inputs/contexts';\nimport { OverlayIdProvider } from '../Provider/overlay/OverlayIdProvider';\nimport DateTrigger from './DateTrigger';\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  originalDate: Date | null;\n  open: 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\n  constructor(props: DateLookup['props']) {\n    super(props);\n    this.state = {\n      originalDate: null,\n      open: false,\n    };\n  }\n\n  componentDidUpdate(previousProps: DateLookupPropsWithInputAttributes) {\n    if (this.props.value?.getTime() !== previousProps.value?.getTime() && this.state.open) {\n      this.focusOn('.active');\n    }\n  }\n\n  open = () => {\n    const { onFocus } = this.props;\n\n    this.setState({ open: true });\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      case 'ArrowUp':\n      case 'ArrowRight':\n      case 'ArrowDown':\n        if (!open) {\n          this.open();\n          event.preventDefault();\n        }\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  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  handleDateChange = (date: Date | null) => {\n    this.setState(\n      (state) => {\n        const originalDate = state.originalDate ?? this.props.value;\n        return { originalDate };\n      },\n      () => {\n        this.props.onChange(date);\n      },\n    );\n  };\n\n  handleDateSelect = (date: Date) => {\n    this.props.onChange(date);\n    this.close();\n    this.focusOn('.btn');\n  };\n\n  getCalendar = () => {\n    const { value, min, max, monthFormat, placeholder } = this.props;\n    return (\n      <div className=\"p-a-1\">\n        <Calendar\n          value={value}\n          min={min}\n          max={max}\n          monthFormat={monthFormat}\n          placeholder={placeholder}\n          onChange={this.handleDateChange}\n          onSelect={this.handleDateSelect}\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 { 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={clsx('input-group', disabled && 'disabled')}\n        onKeyDown={this.handleKeyDown}\n      >\n        <OverlayIdProvider open={open}>\n          <DateTrigger\n            id={id}\n            ariaLabelledBy={ariaLabelledBy}\n            selectedDate={value}\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","constructor","props","state","originalDate","open","componentDidUpdate","previousProps","getTime","focusOn","onFocus","setState","discard","onChange","close","onBlur","handleKeyDown","event","key","preventDefault","preferredElement","fallbackElement","current","querySelector","focus","handleDateChange","date","handleDateSelect","getCalendar","_jsx","className","children","Calendar","onSelect","handleClear","render","inputAttributes","id","idProp","ariaLabelledByProp","ariaLabelledBy","ref","clsx","onKeyDown","_jsxs","OverlayIdProvider","DateTrigger","selectedDate","onClick","onClear","undefined","ResponsivePanel","anchorRef","position","Position","BOTTOM","considerHeight","onClose","WrappedDateLookup","withInputAttributes","nonLabelable","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAMA,UAAW,SAAQC,aAAkE,CAAA;AAIzF,EAAA,OAAOC,YAAY,GAAG;AACpBC,IAAAA,KAAK,EAAE,IAAI;AACXC,IAAAA,GAAG,EAAE,IAAI;AACTC,IAAAA,GAAG,EAAE,IAAI;IACTC,IAAI,EAAEC,IAAI,CAACC,MAAM;AACjBC,IAAAA,WAAW,EAAE,EAAE;AACfC,IAAAA,KAAK,EAAE,EAAE;IACTC,WAAW,EAAEC,WAAW,CAACC,IAAI;AAC7BC,IAAAA,QAAQ,EAAE,KAAK;AACfC,IAAAA,SAAS,EAAE;GAC0C;EAEvDC,OAAO,gBAAGC,SAAS,EAAkB;EAErCC,WAAAA,CAAYC,KAA0B,EAAA;IACpC,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;AACXC,MAAAA,YAAY,EAAE,IAAI;AAClBC,MAAAA,IAAI,EAAE;KACP;AACH,EAAA;EAEAC,kBAAkBA,CAACC,aAAiD,EAAA;IAClE,IAAI,IAAI,CAACL,KAAK,CAAChB,KAAK,EAAEsB,OAAO,EAAE,KAAKD,aAAa,CAACrB,KAAK,EAAEsB,OAAO,EAAE,IAAI,IAAI,CAACL,KAAK,CAACE,IAAI,EAAE;AACrF,MAAA,IAAI,CAACI,OAAO,CAAC,SAAS,CAAC;AACzB,IAAA;AACF,EAAA;EAEAJ,IAAI,GAAGA,MAAK;IACV,MAAM;AAAEK,MAAAA;KAAS,GAAG,IAAI,CAACR,KAAK;IAE9B,IAAI,CAACS,QAAQ,CAAC;AAAEN,MAAAA,IAAI,EAAE;AAAI,KAAE,CAAC;AAC7B,IAAA,IAAIK,OAAO,EAAE;AACXA,MAAAA,OAAO,EAAE;AACX,IAAA;EACF,CAAC;EAEDE,OAAO,GAAGA,MAAK;IACb,MAAM;AAAER,MAAAA;KAAc,GAAG,IAAI,CAACD,KAAK;IACnC,IAAIC,YAAY,KAAK,IAAI,EAAE;AACzB,MAAA,IAAI,CAACF,KAAK,CAACW,QAAQ,CAACT,YAAY,CAAC;AACnC,IAAA;IACA,IAAI,CAACU,KAAK,EAAE;EACd,CAAC;EAEDA,KAAK,GAAGA,MAAK;IACX,MAAM;AAAEC,MAAAA;KAAQ,GAAG,IAAI,CAACb,KAAK;IAC7B,IAAI,CAACS,QAAQ,CAAC;AAAEN,MAAAA,IAAI,EAAE,KAAK;AAAED,MAAAA,YAAY,EAAE;AAAI,KAAE,CAAC;AAClD,IAAA,IAAIW,MAAM,EAAE;AACVA,MAAAA,MAAM,EAAE;AACV,IAAA;EACF,CAAC;EAEDC,aAAa,GAAIC,KAAoC,IAAI;IACvD,MAAM;MAAEZ,IAAI;AAAED,MAAAA;KAAc,GAAG,IAAI,CAACD,KAAK;IACzC,QAAQc,KAAK,CAACC,GAAG;AACf,MAAA,KAAK,WAAW;AAChB,MAAA,KAAK,SAAS;AACd,MAAA,KAAK,YAAY;AACjB,MAAA,KAAK,WAAW;QACd,IAAI,CAACb,IAAI,EAAE;UACT,IAAI,CAACA,IAAI,EAAE;UACXY,KAAK,CAACE,cAAc,EAAE;AACxB,QAAA;AACA,QAAA;AACF,MAAA,KAAK,QAAQ;QACX,IAAIf,YAAY,KAAK,IAAI,EAAE;AACzB,UAAA,IAAI,CAACF,KAAK,CAACW,QAAQ,CAACT,YAAY,CAAC;AACnC,QAAA;QACA,IAAI,CAACU,KAAK,EAAE;QACZG,KAAK,CAACE,cAAc,EAAE;AACtB,QAAA;AAGJ;EACF,CAAC;AAEDV,EAAAA,OAAO,GAAGA,CAACW,gBAAwB,EAAEC,eAAwB,KAAI;IAC/D,MAAMtB,OAAO,GAAG,IAAI,CAACA,OAAO,CAACuB,OAAO,EAAEC,aAAa,CAACH,gBAAgB,CAAuB;AAC3F,IAAA,IAAIrB,OAAO,EAAE;MACXA,OAAO,CAACyB,KAAK,EAAE;IACjB,CAAC,MAAM,IAAIH,eAAe,EAAE;AAC1B,MAAA,IAAI,CAACZ,OAAO,CAACY,eAAe,CAAC;AAC/B,IAAA;EACF,CAAC;EAEDI,gBAAgB,GAAIC,IAAiB,IAAI;AACvC,IAAA,IAAI,CAACf,QAAQ,CACVR,KAAK,IAAI;MACR,MAAMC,YAAY,GAAGD,KAAK,CAACC,YAAY,IAAI,IAAI,CAACF,KAAK,CAAChB,KAAK;MAC3D,OAAO;AAAEkB,QAAAA;OAAc;AACzB,IAAA,CAAC,EACD,MAAK;AACH,MAAA,IAAI,CAACF,KAAK,CAACW,QAAQ,CAACa,IAAI,CAAC;AAC3B,IAAA,CAAC,CACF;EACH,CAAC;EAEDC,gBAAgB,GAAID,IAAU,IAAI;AAChC,IAAA,IAAI,CAACxB,KAAK,CAACW,QAAQ,CAACa,IAAI,CAAC;IACzB,IAAI,CAACZ,KAAK,EAAE;AACZ,IAAA,IAAI,CAACL,OAAO,CAAC,MAAM,CAAC;EACtB,CAAC;EAEDmB,WAAW,GAAGA,MAAK;IACjB,MAAM;MAAE1C,KAAK;MAAEC,GAAG;MAAEC,GAAG;MAAEM,WAAW;AAAEF,MAAAA;KAAa,GAAG,IAAI,CAACU,KAAK;AAChE,IAAA,oBACE2B,GAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,OAAO;MAAAC,QAAA,eACpBF,GAAA,CAACG,QAAQ,EAAA;AACP9C,QAAAA,KAAK,EAAEA,KAAM;AACbC,QAAAA,GAAG,EAAEA,GAAI;AACTC,QAAAA,GAAG,EAAEA,GAAI;AACTM,QAAAA,WAAW,EAAEA,WAAY;AACzBF,QAAAA,WAAW,EAAEA,WAAY;QACzBqB,QAAQ,EAAE,IAAI,CAACY,gBAAiB;QAChCQ,QAAQ,EAAE,IAAI,CAACN;OAAiB;AAEpC,KAAK,CAAC;EAEV,CAAC;EAEDO,WAAW,GAAGA,MAAK;AACjB,IAAA,IAAI,CAAChC,KAAK,CAACW,QAAQ,CAAC,IAAI,CAAC;AACzB,IAAA,IAAI,CAACJ,OAAO,CAAC,kBAAkB,CAAC;EAClC,CAAC;AAED0B,EAAAA,MAAMA,GAAA;IACJ,MAAM;AAAE9B,MAAAA;KAAM,GAAG,IAAI,CAACF,KAAK;IAE3B,MAAM;MACJiC,eAAe;AACfC,MAAAA,EAAE,EAAEC,MAAM;AACV,MAAA,iBAAiB,EAAEC,kBAAkB;MACrClD,IAAI;MACJG,WAAW;MACXC,KAAK;MACLC,WAAW;MACXG,QAAQ;MACRC,SAAS;AACTZ,MAAAA;KACD,GAAG,IAAI,CAACgB,KAAK;AACd,IAAA,MAAMmC,EAAE,GAAGC,MAAM,IAAIF,eAAe,EAAEC,EAAE;AACxC,IAAA,MAAMG,cAAc,GAAGD,kBAAkB,IAAIH,eAAe,GAAG,iBAAiB,CAAC;AAEjF,IAAA,oBACEP,GAAA,CAAA,KAAA,EAAA;MACEY,GAAG,EAAE,IAAI,CAAC1C,OAAQ;AAClB,MAAA,iBAAA,EAAiBsC,EAAG;MACpB,cAAA,EAAcD,eAAe,GAAG,cAAc,CAAE;MAChD,kBAAA,EAAkBA,eAAe,GAAG,kBAAkB,CAAE;MACxDN,SAAS,EAAEY,IAAI,CAAC,aAAa,EAAE7C,QAAQ,IAAI,UAAU,CAAE;MACvD8C,SAAS,EAAE,IAAI,CAAC3B,aAAc;MAAAe,QAAA,eAE9Ba,IAAA,CAACC,iBAAiB,EAAA;AAACxC,QAAAA,IAAI,EAAEA,IAAK;QAAA0B,QAAA,EAAA,cAC5BF,GAAA,CAACiB,WAAW,EAAA;AACVT,UAAAA,EAAE,EAAEA,EAAG;AACPG,UAAAA,cAAc,EAAEA,cAAe;AAC/BO,UAAAA,YAAY,EAAE7D,KAAM;AACpBG,UAAAA,IAAI,EAAEA,IAAK;AACXG,UAAAA,WAAW,EAAEA,WAAY;AACzBC,UAAAA,KAAK,EAAEA,KAAM;AACbC,UAAAA,WAAW,EAAEA,WAAY;UACzBG,QAAQ,EAAEA,QAAQ,IAAI,KAAM;UAC5BmD,OAAO,EAAE,IAAI,CAAC3C,IAAK;UACnB4C,OAAO,EAAE,CAACpD,QAAQ,IAAIC,SAAS,IAAIZ,KAAK,GAAG,IAAI,CAACgD,WAAW,GAAGgB;AAAU,SAAA,CAE1E,eAAArB,GAAA,CAACsB,eAAe,EAAA;UACdC,SAAS,EAAE,IAAI,CAACrD,OAAQ;AACxBM,UAAAA,IAAI,EAAEA,IAAK;AACXyB,UAAAA,SAAS,EAAC,qBAAqB;UAC/BuB,QAAQ,EAAEC,QAAQ,CAACC,MAAO;UAC1BC,cAAc,EAAA,IAAA;UACdC,OAAO,EAAE,IAAI,CAAC7C,OAAQ;AAAAmB,UAAAA,QAAA,EAErB,IAAI,CAACH,WAAW;AAAE,SACJ,CACnB;OAAmB;AACrB,KAAK,CAAC;AAEV,EAAA;;AAKF,MAAM8B,iBAAiB,GAAGC,mBAAmB,CAC3C5E,UAAqE,EACrE;AAAE6E,EAAAA,YAAY,EAAE;AAAI,CAAE;AAExBF,iBAAiB,CAACG,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"DateLookup.mjs","sources":["../../src/DateLookup/DateLookup.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { createRef, PureComponent, KeyboardEvent } from 'react';\nimport Calendar from '../Calendar';\nimport type { DateChangeMeta, DisabledRules, OnDateSelectParams } from '../Calendar/Calendar.types';\nimport {\n  Size,\n  MonthFormat,\n  Position,\n  type SizeSmall,\n  type SizeMedium,\n  type SizeLarge,\n} from '../common';\nimport ResponsivePanel from '../common/ResponsivePanel';\nimport { WithInputAttributesProps, withInputAttributes } from '../Inputs/contexts';\nimport { OverlayIdProvider } from '../Provider/overlay/OverlayIdProvider';\nimport DateTrigger from './DateTrigger';\n\nexport interface DateLookupProps {\n  /** The currently selected date, or `null` for no selection. */\n  value: Date | null;\n  /** Called when an enabled date is confirmed. Receives `null` when the value is cleared. */\n  onChange: (date: Date | null) => void;\n  /** HTML `id` applied to the trigger button, used for label association. */\n  id?: string;\n  /** Earliest selectable date (inclusive). Dates before this are interactive but not selectable, and show a boundary prompt. */\n  min?: Date | null;\n  /** Latest selectable date (inclusive). Dates after this are interactive but not selectable, and show a boundary prompt. */\n  max?: Date | null;\n  /** Size of the trigger input. Defaults to `'md'`. */\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  /** Label text rendered above the trigger input. */\n  label?: string;\n  /** ID of an external element that labels the trigger, for use inside custom label contexts. */\n  'aria-labelledby'?: string;\n  /** Placeholder text shown in the trigger when no date is selected. */\n  placeholder?: string;\n  /** Month name format in the calendar header. Defaults to `'long'` (e.g. \"January\"). */\n  monthFormat?: `${MonthFormat}`;\n  /** When `true`, the trigger and calendar are non-interactive. */\n  disabled?: boolean;\n  /** When `true`, a clear button is shown in the trigger to reset the value to `null`. */\n  clearable?: boolean;\n  /** Rules for disabling specific weekdays, individual dates, or date ranges. The required `reason` is shown in an inline prompt and linked to disabled cells via `aria-describedby` for screen reader accessibility. */\n  disabledRules?: DisabledRules;\n  /** Called whenever any date is focused or clicked, including disabled and out-of-range dates. `isEnabled` is `false` when the date is not selectable. */\n  onDateSelect?: (params: OnDateSelectParams) => void;\n  /** Called when the calendar panel opens. */\n  onFocus?: () => void;\n  /** Called when the calendar panel closes. */\n  onBlur?: () => void;\n}\n\ntype DateLookupPropsWithInputAttributes = DateLookupProps & Partial<WithInputAttributesProps>;\n\ninterface DateLookupState {\n  originalDate: Date | null;\n  open: 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\n  constructor(props: DateLookup['props']) {\n    super(props);\n    this.state = {\n      originalDate: null,\n      open: false,\n    };\n  }\n\n  componentDidUpdate(previousProps: DateLookupPropsWithInputAttributes) {\n    if (this.props.value?.getTime() !== previousProps.value?.getTime() && this.state.open) {\n      this.focusOn('.active');\n    }\n  }\n\n  open = () => {\n    const { onFocus } = this.props;\n\n    this.setState({ open: true });\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      case 'ArrowUp':\n      case 'ArrowRight':\n      case 'ArrowDown':\n        if (!open) {\n          this.open();\n          event.preventDefault();\n        }\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  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  handleDateChange = (date: Date | null, meta: DateChangeMeta) => {\n    const { onDateSelect } = this.props;\n    if (date && onDateSelect) {\n      onDateSelect({ date, isEnabled: meta.isEnabled });\n    }\n  };\n\n  handleDateSelect = (date: Date | null) => {\n    if (!date) return;\n    this.setState(\n      (state) => {\n        const originalDate = state.originalDate ?? this.props.value;\n        return { originalDate };\n      },\n      () => {\n        this.props.onChange(date);\n        this.close();\n        this.focusOn('.btn');\n      },\n    );\n  };\n\n  getCalendar = () => {\n    const { value, min, max, monthFormat, placeholder, disabledRules } = this.props;\n    return (\n      <div className=\"p-a-1\">\n        <Calendar\n          value={value}\n          min={min}\n          max={max}\n          monthFormat={monthFormat}\n          placeholder={placeholder}\n          disabledRules={disabledRules}\n          onDateFocus={this.handleDateChange}\n          onChange={this.handleDateSelect}\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 { 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={clsx('input-group', disabled && 'disabled')}\n        onKeyDown={this.handleKeyDown}\n      >\n        <OverlayIdProvider open={open}>\n          <DateTrigger\n            id={id}\n            ariaLabelledBy={ariaLabelledBy}\n            selectedDate={value}\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","constructor","props","state","originalDate","open","componentDidUpdate","previousProps","getTime","focusOn","onFocus","setState","discard","onChange","close","onBlur","handleKeyDown","event","key","preventDefault","preferredElement","fallbackElement","current","querySelector","focus","handleDateChange","date","meta","onDateSelect","isEnabled","handleDateSelect","getCalendar","disabledRules","_jsx","className","children","Calendar","onDateFocus","handleClear","render","inputAttributes","id","idProp","ariaLabelledByProp","ariaLabelledBy","ref","clsx","onKeyDown","_jsxs","OverlayIdProvider","DateTrigger","selectedDate","onClick","onClear","undefined","ResponsivePanel","anchorRef","position","Position","BOTTOM","considerHeight","onClose","WrappedDateLookup","withInputAttributes","nonLabelable","displayName"],"mappings":"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"}

package/build/ExpressiveMoneyInput/CurrencySelector/CurrencySelector.js

@@ -94,9 +94,7 @@ const CurrencySelector = ({
       });
     },
     renderTrigger: () => /*#__PURE__*/jsxRuntime.jsx(SelectInputTriggerButton.SelectInputTriggerButton, {
-      as: ButtonInput
-      // @ts-expect-error new (v2) ButtonProps
-      ,
+      as: ButtonInput,
       addonStart: {
         type: 'avatar',
         value: [addons ? addons[0] : null, {
@@ -107,13 +105,13 @@ const CurrencySelector = ({
               code: currency
             })
           })
-        }].filter(Boolean).filter(avatar => !(avatar && Object.keys(avatar).length === 0))
+        }].filter(avatar => avatar != null).filter(avatar => !(avatar && Object.keys(avatar).length === 0))
       },
       addonEnd: disabled ? undefined : {
         type: 'icon',
         value: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronDown, {})
       },
-      onClick: event => handleTriggerClick(event),
+      onClick: handleTriggerClick,
       children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
           "aria-hidden": true,

package/build/ExpressiveMoneyInput/CurrencySelector/CurrencySelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencySelector.js","sources":["../../../src/ExpressiveMoneyInput/CurrencySelector/CurrencySelector.tsx"],"sourcesContent":["import type { AvatarLayoutProps } from '../../AvatarLayout';\nimport Button from '../../Button';\nimport {\n  SelectInput,\n  SelectInputOptionContent,\n  SelectInputTriggerButton,\n} from '../../Inputs/SelectInput';\nimport type { CurrencyType, ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';\nimport { ChevronDown } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport {\n  type ButtonHTMLAttributes,\n  forwardRef,\n  type MouseEventHandler,\n  useMemo,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../ExpressiveMoneyInput.messages';\nimport { getLocaleCurrencyName } from '../../common';\nimport { formatCurrencyCode } from '@transferwise/formatting';\n\nexport interface CurrencyOption {\n  label?: string;\n  code: string;\n  keywords: string[] | undefined;\n}\n\nexport interface CurrencySection {\n  title: string;\n  currencies: CurrencyOption[];\n}\n\nexport type CurrencyOptions = CurrencySection[];\n\nexport type CurrencySelectorProps = {\n  id: string;\n  labelId: string;\n  options?: CurrencyOptions;\n  onChange?: (currency: CurrencyType) => void;\n  onOpen?: () => void;\n  addons?: AvatarLayoutProps['avatars'];\n  onSearchChange?: (payload: { query: string; resultCount: number }) => void;\n} & Pick<ExpressiveMoneyInputProps, 'currency'>;\n\nexport const CurrencySelector = ({\n  id,\n  currency,\n  options = [],\n  labelId,\n  onChange,\n  addons,\n  onOpen,\n  onSearchChange,\n}: CurrencySelectorProps) => {\n  const intl = useIntl();\n\n  const allCurrencyOptions = useMemo(() => getUniqueCurrencies(options), [options]);\n\n  const activeCurrencyOption = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return allCurrencyOptions.find((option) => option.code === currency)!;\n  }, [currency, allCurrencyOptions]);\n\n  const disabled =\n    !onChange ||\n    options.length === 0 ||\n    (options.length === 1 && options[0].currencies.length <= 1);\n\n  const [searchQuery, setSearchQuery] = useState<string>('');\n\n  const handleTriggerClick: MouseEventHandler = (event) => {\n    const triggerEl = event.currentTarget;\n    if (triggerEl?.getAttribute('aria-expanded') === 'false') {\n      onOpen?.();\n    }\n  };\n\n  const items = searchQuery\n    ? filterAndSortCurrenciesForQuery(allCurrencyOptions, searchQuery).map(getCurrencySelectOption)\n    : options.map(getCurrencyGroup);\n\n  return (\n    <SelectInput\n      compareValues=\"code\"\n      disabled={disabled}\n      id={id}\n      value={activeCurrencyOption}\n      filterable\n      filterPlaceholder={intl.formatMessage(messages.currencySelectorSearchPlaceholder)}\n      UNSAFE_triggerButtonProps={{\n        id: undefined,\n        'aria-labelledby': undefined,\n        'aria-describedby': labelId,\n        'aria-invalid': undefined,\n        'aria-label': intl.formatMessage(messages.currencySelectorSelectCurrency),\n      }}\n      items={items}\n      renderValue={({ code, label }) => {\n        return (\n          <SelectInputOptionContent\n            title={formatCurrencyCode(code)}\n            note={label}\n            icon={<Flag code={code} intrinsicSize={24} />}\n          />\n        );\n      }}\n      renderTrigger={() => (\n        <SelectInputTriggerButton\n          as={ButtonInput}\n          // @ts-expect-error new (v2) ButtonProps\n          addonStart={{\n            type: 'avatar',\n            value: [\n              addons ? addons[0] : null,\n              {\n                ...(addons && addons.length > 1\n                  ? { ...addons[1] }\n                  : {\n                      asset: <Flag code={currency} />,\n                    }),\n              },\n            ]\n              .filter(Boolean)\n              .filter((avatar) => !(avatar && Object.keys(avatar).length === 0)),\n          }}\n          addonEnd={disabled ? undefined : { type: 'icon', value: <ChevronDown /> }}\n          onClick={(event) => handleTriggerClick(event)}\n        >\n          <>\n            <span aria-hidden>{formatCurrencyCode(currency)}</span>\n            <span className=\"sr-only\">{getLocaleCurrencyName(intl, currency)}</span>\n          </>\n        </SelectInputTriggerButton>\n      )}\n      onChange={(newValue) => {\n        onChange?.(newValue.code);\n      }}\n      onFilterChange={({ queryNormalized }) => {\n        setSearchQuery(queryNormalized ?? '');\n        if (queryNormalized) {\n          onSearchChange?.({\n            query: queryNormalized,\n            resultCount: filterAndSortCurrenciesForQuery(allCurrencyOptions, queryNormalized)\n              .length,\n          });\n        }\n      }}\n    />\n  );\n};\n\nexport const ButtonInput = forwardRef(function ButtonInput(\n  { children, ...rest }: React.PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>,\n  ref: React.ForwardedRef<HTMLButtonElement | null>,\n) {\n  return (\n    <Button\n      ref={ref}\n      size=\"md\"\n      v2\n      className=\"wds-currency-selector\"\n      priority=\"secondary-neutral\"\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nconst getCurrencySelectOption = (currency: CurrencyOption) => {\n  return {\n    type: 'option' as const,\n    value: currency,\n    filterMatchers: currency.keywords,\n  };\n};\n\nconst getCurrencyGroup = (section: CurrencySection) => {\n  return {\n    type: 'group' as const,\n    label: section.title,\n    options: section.currencies.map(getCurrencySelectOption),\n  };\n};\n\nconst getUniqueCurrencies = (options: CurrencyOptions) => {\n  const allCurrencyOptions = options.flatMap((section) => section.currencies);\n  const uniqueCurrencies = new Map<string, CurrencyOption>();\n\n  allCurrencyOptions.forEach((currencyObj) => {\n    uniqueCurrencies.set(currencyObj.code, currencyObj);\n  });\n\n  return Array.from(uniqueCurrencies.values());\n};\n\nconst filterAndSortCurrenciesForQuery = (\n  currencies: CurrencyOption[],\n  query: string,\n): CurrencyOption[] => {\n  return (\n    currencies\n      .filter((currency) => {\n        return (\n          formatCurrencyCode(currency.code).toLowerCase().includes(query) ||\n          (currency.label ?? '').toLowerCase().includes(query) ||\n          currency.keywords?.some((keyword) => keyword.toLowerCase().includes(query))\n        );\n      })\n      // prefer exact matches, then sort alphabetically by code\n      .sort((a, b) => {\n        const aCode = a.code.toLowerCase();\n        const bCode = b.code.toLowerCase();\n        if (aCode === query) {\n          return -1;\n        }\n        if (bCode === query) {\n          return 1;\n        }\n        return aCode.localeCompare(bCode);\n      })\n  );\n};\n"],"names":["CurrencySelector","id","currency","options","labelId","onChange","addons","onOpen","onSearchChange","intl","useIntl","allCurrencyOptions","useMemo","getUniqueCurrencies","activeCurrencyOption","find","option","code","disabled","length","currencies","searchQuery","setSearchQuery","useState","handleTriggerClick","event","triggerEl","currentTarget","getAttribute","items","filterAndSortCurrenciesForQuery","map","getCurrencySelectOption","getCurrencyGroup","_jsx","SelectInput","compareValues","value","filterable","filterPlaceholder","formatMessage","messages","currencySelectorSearchPlaceholder","UNSAFE_triggerButtonProps","undefined","currencySelectorSelectCurrency","renderValue","label","SelectInputOptionContent","title","formatCurrencyCode","note","icon","Flag","intrinsicSize","renderTrigger","SelectInputTriggerButton","as","ButtonInput","addonStart","type","asset","filter","Boolean","avatar","Object","keys","addonEnd","ChevronDown","onClick","children","_jsxs","_Fragment","className","getLocaleCurrencyName","newValue","onFilterChange","queryNormalized","query","resultCount","forwardRef","rest","ref","Button","size","v2","priority","filterMatchers","keywords","section","flatMap","uniqueCurrencies","Map","forEach","currencyObj","set","Array","from","values","toLowerCase","includes","some","keyword","sort","a","b","aCode","bCode","localeCompare"],"mappings":"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"}
+{"version":3,"file":"CurrencySelector.js","sources":["../../../src/ExpressiveMoneyInput/CurrencySelector/CurrencySelector.tsx"],"sourcesContent":["import type { AvatarLayoutProps } from '../../AvatarLayout';\nimport Button from '../../Button';\nimport type { NewButtonProps } from '../../Button';\nimport {\n  SelectInput,\n  SelectInputOptionContent,\n  SelectInputTriggerButton,\n} from '../../Inputs/SelectInput';\nimport type { CurrencyType, ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';\nimport { ChevronDown } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport { forwardRef, type MouseEventHandler, useMemo, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../ExpressiveMoneyInput.messages';\nimport { getLocaleCurrencyName } from '../../common';\nimport { formatCurrencyCode } from '@transferwise/formatting';\n\nexport interface CurrencyOption {\n  label?: string;\n  code: string;\n  keywords: string[] | undefined;\n}\n\nexport interface CurrencySection {\n  title: string;\n  currencies: CurrencyOption[];\n}\n\nexport type CurrencyOptions = CurrencySection[];\n\nexport type CurrencySelectorProps = {\n  id: string;\n  labelId: string;\n  options?: CurrencyOptions;\n  onChange?: (currency: CurrencyType) => void;\n  onOpen?: () => void;\n  addons?: AvatarLayoutProps['avatars'];\n  onSearchChange?: (payload: { query: string; resultCount: number }) => void;\n} & Pick<ExpressiveMoneyInputProps, 'currency'>;\n\ntype ButtonInputProps = Omit<\n  Extract<NewButtonProps, { as?: 'button' }>,\n  'v2' | 'size' | 'priority' | 'className' | 'href' | 'target'\n>;\n\nexport const CurrencySelector = ({\n  id,\n  currency,\n  options = [],\n  labelId,\n  onChange,\n  addons,\n  onOpen,\n  onSearchChange,\n}: CurrencySelectorProps) => {\n  const intl = useIntl();\n\n  const allCurrencyOptions = useMemo(() => getUniqueCurrencies(options), [options]);\n\n  const activeCurrencyOption = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return allCurrencyOptions.find((option) => option.code === currency)!;\n  }, [currency, allCurrencyOptions]);\n\n  const disabled =\n    !onChange ||\n    options.length === 0 ||\n    (options.length === 1 && options[0].currencies.length <= 1);\n\n  const [searchQuery, setSearchQuery] = useState<string>('');\n\n  const handleTriggerClick: MouseEventHandler = (event) => {\n    const triggerEl = event.currentTarget;\n    if (triggerEl?.getAttribute('aria-expanded') === 'false') {\n      onOpen?.();\n    }\n  };\n\n  const items = searchQuery\n    ? filterAndSortCurrenciesForQuery(allCurrencyOptions, searchQuery).map(getCurrencySelectOption)\n    : options.map(getCurrencyGroup);\n\n  return (\n    <SelectInput\n      compareValues=\"code\"\n      disabled={disabled}\n      id={id}\n      value={activeCurrencyOption}\n      filterable\n      filterPlaceholder={intl.formatMessage(messages.currencySelectorSearchPlaceholder)}\n      UNSAFE_triggerButtonProps={{\n        id: undefined,\n        'aria-labelledby': undefined,\n        'aria-describedby': labelId,\n        'aria-invalid': undefined,\n        'aria-label': intl.formatMessage(messages.currencySelectorSelectCurrency),\n      }}\n      items={items}\n      renderValue={({ code, label }) => {\n        return (\n          <SelectInputOptionContent\n            title={formatCurrencyCode(code)}\n            note={label}\n            icon={<Flag code={code} intrinsicSize={24} />}\n          />\n        );\n      }}\n      renderTrigger={() => (\n        <SelectInputTriggerButton\n          as={ButtonInput}\n          addonStart={{\n            type: 'avatar',\n            value: [\n              addons ? addons[0] : null,\n              {\n                ...(addons && addons.length > 1\n                  ? { ...addons[1] }\n                  : {\n                      asset: <Flag code={currency} />,\n                    }),\n              },\n            ]\n              .filter((avatar): avatar is NonNullable<typeof avatar> => avatar != null)\n              .filter((avatar) => !(avatar && Object.keys(avatar).length === 0)),\n          }}\n          addonEnd={disabled ? undefined : { type: 'icon', value: <ChevronDown /> }}\n          onClick={handleTriggerClick}\n        >\n          <>\n            <span aria-hidden>{formatCurrencyCode(currency)}</span>\n            <span className=\"sr-only\">{getLocaleCurrencyName(intl, currency)}</span>\n          </>\n        </SelectInputTriggerButton>\n      )}\n      onChange={(newValue) => {\n        onChange?.(newValue.code);\n      }}\n      onFilterChange={({ queryNormalized }) => {\n        setSearchQuery(queryNormalized ?? '');\n        if (queryNormalized) {\n          onSearchChange?.({\n            query: queryNormalized,\n            resultCount: filterAndSortCurrenciesForQuery(allCurrencyOptions, queryNormalized)\n              .length,\n          });\n        }\n      }}\n    />\n  );\n};\n\nexport const ButtonInput = forwardRef<HTMLButtonElement, ButtonInputProps>(function ButtonInput(\n  { children, ...rest },\n  ref,\n) {\n  return (\n    <Button\n      ref={ref}\n      size=\"md\"\n      v2\n      className=\"wds-currency-selector\"\n      priority=\"secondary-neutral\"\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nconst getCurrencySelectOption = (currency: CurrencyOption) => {\n  return {\n    type: 'option' as const,\n    value: currency,\n    filterMatchers: currency.keywords,\n  };\n};\n\nconst getCurrencyGroup = (section: CurrencySection) => {\n  return {\n    type: 'group' as const,\n    label: section.title,\n    options: section.currencies.map(getCurrencySelectOption),\n  };\n};\n\nconst getUniqueCurrencies = (options: CurrencyOptions) => {\n  const allCurrencyOptions = options.flatMap((section) => section.currencies);\n  const uniqueCurrencies = new Map<string, CurrencyOption>();\n\n  allCurrencyOptions.forEach((currencyObj) => {\n    uniqueCurrencies.set(currencyObj.code, currencyObj);\n  });\n\n  return Array.from(uniqueCurrencies.values());\n};\n\nconst filterAndSortCurrenciesForQuery = (\n  currencies: CurrencyOption[],\n  query: string,\n): CurrencyOption[] => {\n  return (\n    currencies\n      .filter((currency) => {\n        return (\n          formatCurrencyCode(currency.code).toLowerCase().includes(query) ||\n          (currency.label ?? '').toLowerCase().includes(query) ||\n          currency.keywords?.some((keyword) => keyword.toLowerCase().includes(query))\n        );\n      })\n      // prefer exact matches, then sort alphabetically by code\n      .sort((a, b) => {\n        const aCode = a.code.toLowerCase();\n        const bCode = b.code.toLowerCase();\n        if (aCode === query) {\n          return -1;\n        }\n        if (bCode === query) {\n          return 1;\n        }\n        return aCode.localeCompare(bCode);\n      })\n  );\n};\n"],"names":["CurrencySelector","id","currency","options","labelId","onChange","addons","onOpen","onSearchChange","intl","useIntl","allCurrencyOptions","useMemo","getUniqueCurrencies","activeCurrencyOption","find","option","code","disabled","length","currencies","searchQuery","setSearchQuery","useState","handleTriggerClick","event","triggerEl","currentTarget","getAttribute","items","filterAndSortCurrenciesForQuery","map","getCurrencySelectOption","getCurrencyGroup","_jsx","SelectInput","compareValues","value","filterable","filterPlaceholder","formatMessage","messages","currencySelectorSearchPlaceholder","UNSAFE_triggerButtonProps","undefined","currencySelectorSelectCurrency","renderValue","label","SelectInputOptionContent","title","formatCurrencyCode","note","icon","Flag","intrinsicSize","renderTrigger","SelectInputTriggerButton","as","ButtonInput","addonStart","type","asset","filter","avatar","Object","keys","addonEnd","ChevronDown","onClick","children","_jsxs","_Fragment","className","getLocaleCurrencyName","newValue","onFilterChange","queryNormalized","query","resultCount","forwardRef","rest","ref","Button","size","v2","priority","filterMatchers","keywords","section","flatMap","uniqueCurrencies","Map","forEach","currencyObj","set","Array","from","values","toLowerCase","includes","some","keyword","sort","a","b","aCode","bCode","localeCompare"],"mappings":"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"}

package/build/ExpressiveMoneyInput/CurrencySelector/CurrencySelector.mjs

@@ -92,9 +92,7 @@ const CurrencySelector = ({
       });
     },
     renderTrigger: () => /*#__PURE__*/jsx(SelectInputTriggerButton, {
-      as: ButtonInput
-      // @ts-expect-error new (v2) ButtonProps
-      ,
+      as: ButtonInput,
       addonStart: {
         type: 'avatar',
         value: [addons ? addons[0] : null, {
@@ -105,13 +103,13 @@ const CurrencySelector = ({
               code: currency
             })
           })
-        }].filter(Boolean).filter(avatar => !(avatar && Object.keys(avatar).length === 0))
+        }].filter(avatar => avatar != null).filter(avatar => !(avatar && Object.keys(avatar).length === 0))
       },
       addonEnd: disabled ? undefined : {
         type: 'icon',
         value: /*#__PURE__*/jsx(ChevronDown, {})
       },
-      onClick: event => handleTriggerClick(event),
+      onClick: handleTriggerClick,
       children: /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx("span", {
           "aria-hidden": true,

package/build/ExpressiveMoneyInput/CurrencySelector/CurrencySelector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencySelector.mjs","sources":["../../../src/ExpressiveMoneyInput/CurrencySelector/CurrencySelector.tsx"],"sourcesContent":["import type { AvatarLayoutProps } from '../../AvatarLayout';\nimport Button from '../../Button';\nimport {\n  SelectInput,\n  SelectInputOptionContent,\n  SelectInputTriggerButton,\n} from '../../Inputs/SelectInput';\nimport type { CurrencyType, ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';\nimport { ChevronDown } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport {\n  type ButtonHTMLAttributes,\n  forwardRef,\n  type MouseEventHandler,\n  useMemo,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../ExpressiveMoneyInput.messages';\nimport { getLocaleCurrencyName } from '../../common';\nimport { formatCurrencyCode } from '@transferwise/formatting';\n\nexport interface CurrencyOption {\n  label?: string;\n  code: string;\n  keywords: string[] | undefined;\n}\n\nexport interface CurrencySection {\n  title: string;\n  currencies: CurrencyOption[];\n}\n\nexport type CurrencyOptions = CurrencySection[];\n\nexport type CurrencySelectorProps = {\n  id: string;\n  labelId: string;\n  options?: CurrencyOptions;\n  onChange?: (currency: CurrencyType) => void;\n  onOpen?: () => void;\n  addons?: AvatarLayoutProps['avatars'];\n  onSearchChange?: (payload: { query: string; resultCount: number }) => void;\n} & Pick<ExpressiveMoneyInputProps, 'currency'>;\n\nexport const CurrencySelector = ({\n  id,\n  currency,\n  options = [],\n  labelId,\n  onChange,\n  addons,\n  onOpen,\n  onSearchChange,\n}: CurrencySelectorProps) => {\n  const intl = useIntl();\n\n  const allCurrencyOptions = useMemo(() => getUniqueCurrencies(options), [options]);\n\n  const activeCurrencyOption = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return allCurrencyOptions.find((option) => option.code === currency)!;\n  }, [currency, allCurrencyOptions]);\n\n  const disabled =\n    !onChange ||\n    options.length === 0 ||\n    (options.length === 1 && options[0].currencies.length <= 1);\n\n  const [searchQuery, setSearchQuery] = useState<string>('');\n\n  const handleTriggerClick: MouseEventHandler = (event) => {\n    const triggerEl = event.currentTarget;\n    if (triggerEl?.getAttribute('aria-expanded') === 'false') {\n      onOpen?.();\n    }\n  };\n\n  const items = searchQuery\n    ? filterAndSortCurrenciesForQuery(allCurrencyOptions, searchQuery).map(getCurrencySelectOption)\n    : options.map(getCurrencyGroup);\n\n  return (\n    <SelectInput\n      compareValues=\"code\"\n      disabled={disabled}\n      id={id}\n      value={activeCurrencyOption}\n      filterable\n      filterPlaceholder={intl.formatMessage(messages.currencySelectorSearchPlaceholder)}\n      UNSAFE_triggerButtonProps={{\n        id: undefined,\n        'aria-labelledby': undefined,\n        'aria-describedby': labelId,\n        'aria-invalid': undefined,\n        'aria-label': intl.formatMessage(messages.currencySelectorSelectCurrency),\n      }}\n      items={items}\n      renderValue={({ code, label }) => {\n        return (\n          <SelectInputOptionContent\n            title={formatCurrencyCode(code)}\n            note={label}\n            icon={<Flag code={code} intrinsicSize={24} />}\n          />\n        );\n      }}\n      renderTrigger={() => (\n        <SelectInputTriggerButton\n          as={ButtonInput}\n          // @ts-expect-error new (v2) ButtonProps\n          addonStart={{\n            type: 'avatar',\n            value: [\n              addons ? addons[0] : null,\n              {\n                ...(addons && addons.length > 1\n                  ? { ...addons[1] }\n                  : {\n                      asset: <Flag code={currency} />,\n                    }),\n              },\n            ]\n              .filter(Boolean)\n              .filter((avatar) => !(avatar && Object.keys(avatar).length === 0)),\n          }}\n          addonEnd={disabled ? undefined : { type: 'icon', value: <ChevronDown /> }}\n          onClick={(event) => handleTriggerClick(event)}\n        >\n          <>\n            <span aria-hidden>{formatCurrencyCode(currency)}</span>\n            <span className=\"sr-only\">{getLocaleCurrencyName(intl, currency)}</span>\n          </>\n        </SelectInputTriggerButton>\n      )}\n      onChange={(newValue) => {\n        onChange?.(newValue.code);\n      }}\n      onFilterChange={({ queryNormalized }) => {\n        setSearchQuery(queryNormalized ?? '');\n        if (queryNormalized) {\n          onSearchChange?.({\n            query: queryNormalized,\n            resultCount: filterAndSortCurrenciesForQuery(allCurrencyOptions, queryNormalized)\n              .length,\n          });\n        }\n      }}\n    />\n  );\n};\n\nexport const ButtonInput = forwardRef(function ButtonInput(\n  { children, ...rest }: React.PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>>,\n  ref: React.ForwardedRef<HTMLButtonElement | null>,\n) {\n  return (\n    <Button\n      ref={ref}\n      size=\"md\"\n      v2\n      className=\"wds-currency-selector\"\n      priority=\"secondary-neutral\"\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nconst getCurrencySelectOption = (currency: CurrencyOption) => {\n  return {\n    type: 'option' as const,\n    value: currency,\n    filterMatchers: currency.keywords,\n  };\n};\n\nconst getCurrencyGroup = (section: CurrencySection) => {\n  return {\n    type: 'group' as const,\n    label: section.title,\n    options: section.currencies.map(getCurrencySelectOption),\n  };\n};\n\nconst getUniqueCurrencies = (options: CurrencyOptions) => {\n  const allCurrencyOptions = options.flatMap((section) => section.currencies);\n  const uniqueCurrencies = new Map<string, CurrencyOption>();\n\n  allCurrencyOptions.forEach((currencyObj) => {\n    uniqueCurrencies.set(currencyObj.code, currencyObj);\n  });\n\n  return Array.from(uniqueCurrencies.values());\n};\n\nconst filterAndSortCurrenciesForQuery = (\n  currencies: CurrencyOption[],\n  query: string,\n): CurrencyOption[] => {\n  return (\n    currencies\n      .filter((currency) => {\n        return (\n          formatCurrencyCode(currency.code).toLowerCase().includes(query) ||\n          (currency.label ?? '').toLowerCase().includes(query) ||\n          currency.keywords?.some((keyword) => keyword.toLowerCase().includes(query))\n        );\n      })\n      // prefer exact matches, then sort alphabetically by code\n      .sort((a, b) => {\n        const aCode = a.code.toLowerCase();\n        const bCode = b.code.toLowerCase();\n        if (aCode === query) {\n          return -1;\n        }\n        if (bCode === query) {\n          return 1;\n        }\n        return aCode.localeCompare(bCode);\n      })\n  );\n};\n"],"names":["CurrencySelector","id","currency","options","labelId","onChange","addons","onOpen","onSearchChange","intl","useIntl","allCurrencyOptions","useMemo","getUniqueCurrencies","activeCurrencyOption","find","option","code","disabled","length","currencies","searchQuery","setSearchQuery","useState","handleTriggerClick","event","triggerEl","currentTarget","getAttribute","items","filterAndSortCurrenciesForQuery","map","getCurrencySelectOption","getCurrencyGroup","_jsx","SelectInput","compareValues","value","filterable","filterPlaceholder","formatMessage","messages","currencySelectorSearchPlaceholder","UNSAFE_triggerButtonProps","undefined","currencySelectorSelectCurrency","renderValue","label","SelectInputOptionContent","title","formatCurrencyCode","note","icon","Flag","intrinsicSize","renderTrigger","SelectInputTriggerButton","as","ButtonInput","addonStart","type","asset","filter","Boolean","avatar","Object","keys","addonEnd","ChevronDown","onClick","children","_jsxs","_Fragment","className","getLocaleCurrencyName","newValue","onFilterChange","queryNormalized","query","resultCount","forwardRef","rest","ref","Button","size","v2","priority","filterMatchers","keywords","section","flatMap","uniqueCurrencies","Map","forEach","currencyObj","set","Array","from","values","toLowerCase","includes","some","keyword","sort","a","b","aCode","bCode","localeCompare"],"mappings":"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"}
+{"version":3,"file":"CurrencySelector.mjs","sources":["../../../src/ExpressiveMoneyInput/CurrencySelector/CurrencySelector.tsx"],"sourcesContent":["import type { AvatarLayoutProps } from '../../AvatarLayout';\nimport Button from '../../Button';\nimport type { NewButtonProps } from '../../Button';\nimport {\n  SelectInput,\n  SelectInputOptionContent,\n  SelectInputTriggerButton,\n} from '../../Inputs/SelectInput';\nimport type { CurrencyType, ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';\nimport { ChevronDown } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport { forwardRef, type MouseEventHandler, useMemo, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../ExpressiveMoneyInput.messages';\nimport { getLocaleCurrencyName } from '../../common';\nimport { formatCurrencyCode } from '@transferwise/formatting';\n\nexport interface CurrencyOption {\n  label?: string;\n  code: string;\n  keywords: string[] | undefined;\n}\n\nexport interface CurrencySection {\n  title: string;\n  currencies: CurrencyOption[];\n}\n\nexport type CurrencyOptions = CurrencySection[];\n\nexport type CurrencySelectorProps = {\n  id: string;\n  labelId: string;\n  options?: CurrencyOptions;\n  onChange?: (currency: CurrencyType) => void;\n  onOpen?: () => void;\n  addons?: AvatarLayoutProps['avatars'];\n  onSearchChange?: (payload: { query: string; resultCount: number }) => void;\n} & Pick<ExpressiveMoneyInputProps, 'currency'>;\n\ntype ButtonInputProps = Omit<\n  Extract<NewButtonProps, { as?: 'button' }>,\n  'v2' | 'size' | 'priority' | 'className' | 'href' | 'target'\n>;\n\nexport const CurrencySelector = ({\n  id,\n  currency,\n  options = [],\n  labelId,\n  onChange,\n  addons,\n  onOpen,\n  onSearchChange,\n}: CurrencySelectorProps) => {\n  const intl = useIntl();\n\n  const allCurrencyOptions = useMemo(() => getUniqueCurrencies(options), [options]);\n\n  const activeCurrencyOption = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return allCurrencyOptions.find((option) => option.code === currency)!;\n  }, [currency, allCurrencyOptions]);\n\n  const disabled =\n    !onChange ||\n    options.length === 0 ||\n    (options.length === 1 && options[0].currencies.length <= 1);\n\n  const [searchQuery, setSearchQuery] = useState<string>('');\n\n  const handleTriggerClick: MouseEventHandler = (event) => {\n    const triggerEl = event.currentTarget;\n    if (triggerEl?.getAttribute('aria-expanded') === 'false') {\n      onOpen?.();\n    }\n  };\n\n  const items = searchQuery\n    ? filterAndSortCurrenciesForQuery(allCurrencyOptions, searchQuery).map(getCurrencySelectOption)\n    : options.map(getCurrencyGroup);\n\n  return (\n    <SelectInput\n      compareValues=\"code\"\n      disabled={disabled}\n      id={id}\n      value={activeCurrencyOption}\n      filterable\n      filterPlaceholder={intl.formatMessage(messages.currencySelectorSearchPlaceholder)}\n      UNSAFE_triggerButtonProps={{\n        id: undefined,\n        'aria-labelledby': undefined,\n        'aria-describedby': labelId,\n        'aria-invalid': undefined,\n        'aria-label': intl.formatMessage(messages.currencySelectorSelectCurrency),\n      }}\n      items={items}\n      renderValue={({ code, label }) => {\n        return (\n          <SelectInputOptionContent\n            title={formatCurrencyCode(code)}\n            note={label}\n            icon={<Flag code={code} intrinsicSize={24} />}\n          />\n        );\n      }}\n      renderTrigger={() => (\n        <SelectInputTriggerButton\n          as={ButtonInput}\n          addonStart={{\n            type: 'avatar',\n            value: [\n              addons ? addons[0] : null,\n              {\n                ...(addons && addons.length > 1\n                  ? { ...addons[1] }\n                  : {\n                      asset: <Flag code={currency} />,\n                    }),\n              },\n            ]\n              .filter((avatar): avatar is NonNullable<typeof avatar> => avatar != null)\n              .filter((avatar) => !(avatar && Object.keys(avatar).length === 0)),\n          }}\n          addonEnd={disabled ? undefined : { type: 'icon', value: <ChevronDown /> }}\n          onClick={handleTriggerClick}\n        >\n          <>\n            <span aria-hidden>{formatCurrencyCode(currency)}</span>\n            <span className=\"sr-only\">{getLocaleCurrencyName(intl, currency)}</span>\n          </>\n        </SelectInputTriggerButton>\n      )}\n      onChange={(newValue) => {\n        onChange?.(newValue.code);\n      }}\n      onFilterChange={({ queryNormalized }) => {\n        setSearchQuery(queryNormalized ?? '');\n        if (queryNormalized) {\n          onSearchChange?.({\n            query: queryNormalized,\n            resultCount: filterAndSortCurrenciesForQuery(allCurrencyOptions, queryNormalized)\n              .length,\n          });\n        }\n      }}\n    />\n  );\n};\n\nexport const ButtonInput = forwardRef<HTMLButtonElement, ButtonInputProps>(function ButtonInput(\n  { children, ...rest },\n  ref,\n) {\n  return (\n    <Button\n      ref={ref}\n      size=\"md\"\n      v2\n      className=\"wds-currency-selector\"\n      priority=\"secondary-neutral\"\n      {...rest}\n    >\n      {children}\n    </Button>\n  );\n});\n\nconst getCurrencySelectOption = (currency: CurrencyOption) => {\n  return {\n    type: 'option' as const,\n    value: currency,\n    filterMatchers: currency.keywords,\n  };\n};\n\nconst getCurrencyGroup = (section: CurrencySection) => {\n  return {\n    type: 'group' as const,\n    label: section.title,\n    options: section.currencies.map(getCurrencySelectOption),\n  };\n};\n\nconst getUniqueCurrencies = (options: CurrencyOptions) => {\n  const allCurrencyOptions = options.flatMap((section) => section.currencies);\n  const uniqueCurrencies = new Map<string, CurrencyOption>();\n\n  allCurrencyOptions.forEach((currencyObj) => {\n    uniqueCurrencies.set(currencyObj.code, currencyObj);\n  });\n\n  return Array.from(uniqueCurrencies.values());\n};\n\nconst filterAndSortCurrenciesForQuery = (\n  currencies: CurrencyOption[],\n  query: string,\n): CurrencyOption[] => {\n  return (\n    currencies\n      .filter((currency) => {\n        return (\n          formatCurrencyCode(currency.code).toLowerCase().includes(query) ||\n          (currency.label ?? '').toLowerCase().includes(query) ||\n          currency.keywords?.some((keyword) => keyword.toLowerCase().includes(query))\n        );\n      })\n      // prefer exact matches, then sort alphabetically by code\n      .sort((a, b) => {\n        const aCode = a.code.toLowerCase();\n        const bCode = b.code.toLowerCase();\n        if (aCode === query) {\n          return -1;\n        }\n        if (bCode === query) {\n          return 1;\n        }\n        return aCode.localeCompare(bCode);\n      })\n  );\n};\n"],"names":["CurrencySelector","id","currency","options","labelId","onChange","addons","onOpen","onSearchChange","intl","useIntl","allCurrencyOptions","useMemo","getUniqueCurrencies","activeCurrencyOption","find","option","code","disabled","length","currencies","searchQuery","setSearchQuery","useState","handleTriggerClick","event","triggerEl","currentTarget","getAttribute","items","filterAndSortCurrenciesForQuery","map","getCurrencySelectOption","getCurrencyGroup","_jsx","SelectInput","compareValues","value","filterable","filterPlaceholder","formatMessage","messages","currencySelectorSearchPlaceholder","UNSAFE_triggerButtonProps","undefined","currencySelectorSelectCurrency","renderValue","label","SelectInputOptionContent","title","formatCurrencyCode","note","icon","Flag","intrinsicSize","renderTrigger","SelectInputTriggerButton","as","ButtonInput","addonStart","type","asset","filter","avatar","Object","keys","addonEnd","ChevronDown","onClick","children","_jsxs","_Fragment","className","getLocaleCurrencyName","newValue","onFilterChange","queryNormalized","query","resultCount","forwardRef","rest","ref","Button","size","v2","priority","filterMatchers","keywords","section","flatMap","uniqueCurrencies","Map","forEach","currencyObj","set","Array","from","values","toLowerCase","includes","some","keyword","sort","a","b","aCode","bCode","localeCompare"],"mappings":"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"}

package/build/Inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInputTriggerButton.js","sources":["../../../../src/Inputs/SelectInput/TriggerButton/SelectInputTriggerButton.tsx"],"sourcesContent":["import { ListboxButton } from '@headlessui/react';\nimport mergeProps from 'merge-props';\nimport { useContext } from 'react';\nimport { PolymorphicWithOverrides } from '../../../common/PolymorphicWithOverrides/PolymorphicWithOverrides';\nimport { Merge } from '../../../utils';\nimport { SelectInputTriggerButtonPropsContext } from '../SelectInput.contexts';\n\nexport type SelectInputTriggerButtonElementType = 'button' | React.ComponentType;\n\nexport type SelectInputTriggerButtonProps<\n  T extends SelectInputTriggerButtonElementType = 'button',\n> = Merge<React.ComponentPropsWithoutRef<T>, { as?: T }>;\n\n/**\n * The trigger button component for SelectInput.\n * Uses Headless UI's ListboxButton with polymorphic support to allow\n * rendering as different element types.\n */\nexport function SelectInputTriggerButton<T extends SelectInputTriggerButtonElementType = 'button'>({\n  as = 'button' as T,\n  ...restProps\n}: SelectInputTriggerButtonProps<T>) {\n  const { ref, onClick, onKeyDown, size, ...interactionProps } = useContext(\n    SelectInputTriggerButtonPropsContext,\n  );\n\n  return (\n    <ListboxButton\n      ref={ref}\n      as={PolymorphicWithOverrides}\n      role=\"combobox\"\n      __overrides={{ as, size, ...interactionProps }}\n      {...mergeProps({ onClick, onKeyDown }, restProps)}\n    />\n  );\n}\n"],"names":["SelectInputTriggerButton","as","restProps","ref","onClick","onKeyDown","size","interactionProps","useContext","SelectInputTriggerButtonPropsContext","_jsx","ListboxButton","PolymorphicWithOverrides","role","__overrides","mergeProps"],"mappings":";;;;;;;;;;;;;AAkBM,SAAUA,wBAAwBA,CAA2D;AACjGC,EAAAA,EAAE,GAAG,QAAa;EAClB,GAAGC;AAAS,CACqB,EAAA;EACjC,MAAM;IAAEC,GAAG;IAAEC,OAAO;IAAEC,SAAS;IAAEC,IAAI;IAAE,GAAGC;AAAgB,GAAE,GAAGC,gBAAU,CACvEC,yDAAoC,CACrC;EAED,oBACEC,cAAA,CAACC,mBAAa,EAAA;AACZR,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,EAAE,EAAEW,iDAAyB;AAC7BC,IAAAA,IAAI,EAAC,UAAU;AACfC,IAAAA,WAAW,EAAE;MAAEb,EAAE;MAAEK,IAAI;MAAE,GAAGC;KAAmB;AAAA,IAAA,GAC3CQ,2BAAU,CAAC;MAAEX,OAAO;AAAEC,MAAAA;AAAS,KAAE,EAAEH,SAAS;AAAC,GAAC,CAClD;AAEN;;;;"}
+{"version":3,"file":"SelectInputTriggerButton.js","sources":["../../../../src/Inputs/SelectInput/TriggerButton/SelectInputTriggerButton.tsx"],"sourcesContent":["import { ListboxButton } from '@headlessui/react';\nimport mergeProps from 'merge-props';\nimport { useContext } from 'react';\nimport { PolymorphicWithOverrides } from '../../../common/PolymorphicWithOverrides/PolymorphicWithOverrides';\nimport { Merge } from '../../../utils';\nimport { SelectInputTriggerButtonPropsContext } from '../SelectInput.contexts';\n\nexport type SelectInputTriggerButtonElementType = React.ElementType;\n\nexport type SelectInputTriggerButtonProps<\n  T extends SelectInputTriggerButtonElementType = 'button',\n> = Merge<React.ComponentPropsWithoutRef<T>, { as?: T }>;\n\n/**\n * The trigger button component for SelectInput.\n * Uses Headless UI's ListboxButton with polymorphic support to allow\n * rendering as different element types.\n */\nexport function SelectInputTriggerButton<T extends SelectInputTriggerButtonElementType = 'button'>({\n  as = 'button' as T,\n  ...restProps\n}: SelectInputTriggerButtonProps<T>) {\n  const { ref, onClick, onKeyDown, size, ...interactionProps } = useContext(\n    SelectInputTriggerButtonPropsContext,\n  );\n\n  return (\n    <ListboxButton\n      ref={ref}\n      as={PolymorphicWithOverrides}\n      role=\"combobox\"\n      __overrides={{ as, size, ...interactionProps }}\n      {...mergeProps({ onClick, onKeyDown }, restProps)}\n    />\n  );\n}\n"],"names":["SelectInputTriggerButton","as","restProps","ref","onClick","onKeyDown","size","interactionProps","useContext","SelectInputTriggerButtonPropsContext","_jsx","ListboxButton","PolymorphicWithOverrides","role","__overrides","mergeProps"],"mappings":";;;;;;;;;;;;;AAkBM,SAAUA,wBAAwBA,CAA2D;AACjGC,EAAAA,EAAE,GAAG,QAAa;EAClB,GAAGC;AAAS,CACqB,EAAA;EACjC,MAAM;IAAEC,GAAG;IAAEC,OAAO;IAAEC,SAAS;IAAEC,IAAI;IAAE,GAAGC;AAAgB,GAAE,GAAGC,gBAAU,CACvEC,yDAAoC,CACrC;EAED,oBACEC,cAAA,CAACC,mBAAa,EAAA;AACZR,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,EAAE,EAAEW,iDAAyB;AAC7BC,IAAAA,IAAI,EAAC,UAAU;AACfC,IAAAA,WAAW,EAAE;MAAEb,EAAE;MAAEK,IAAI;MAAE,GAAGC;KAAmB;AAAA,IAAA,GAC3CQ,2BAAU,CAAC;MAAEX,OAAO;AAAEC,MAAAA;AAAS,KAAE,EAAEH,SAAS;AAAC,GAAC,CAClD;AAEN;;;;"}