@transferwise/components 0.0.0-experimental-bcea1dd → 0.0.0-experimental-1168b1c

package/src/common/DateUtils/hasDisabledDatesInMonth/hasDisabledDatesInMonth.ts

@@ -0,0 +1,45 @@
+import type { DisabledRules } from '../../../Calendar/Calendar.types';
+
+export function hasDisabledDatesInMonth(
+  month: number,
+  year: number,
+  disabledRules?: DisabledRules,
+  min?: Date | null,
+  max?: Date | null,
+): boolean {
+  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;
+}

package/src/common/DateUtils/index.ts

@@ -6,3 +6,5 @@ export { isDateValid } from './isDateValid/isDateValid';
 export { isMonthAndYearFormat } from './isMonthAndYearFormat/isMonthAndYearFormat';
 export { MDY, YMD } from './getFormatForLocale/getFormatForLocale';
 export { returnDateView } from './getDateView/getDateView';
+export { isDateDisabled } from './isDateDisabled/isDateDisabled';
+export { hasDisabledDatesInMonth } from './hasDisabledDatesInMonth/hasDisabledDatesInMonth';

package/src/common/DateUtils/isDateDisabled/isDateDisabled.test.ts

@@ -0,0 +1,159 @@
+import { isDateDisabled } from './isDateDisabled';
+import type { DisabledRules } from '../../../Calendar/Calendar.types';
+
+describe('isDateDisabled', () => {
+  describe('when no rules provided', () => {
+    it('returns false when disabledRules is undefined', () => {
+      expect(isDateDisabled(new Date('2024-07-15'), undefined)).toBe(false);
+    });
+
+    it('returns false when disabledRules has only reason', () => {
+      const rules: DisabledRules = { reason: 'some reason' };
+      expect(isDateDisabled(new Date('2024-07-15'), rules)).toBe(false);
+    });
+  });
+
+  describe('weekdays', () => {
+    const rules: DisabledRules = {
+      weekdays: ['sat', 'sun'],
+      reason: 'Closed on weekends',
+    };
+
+    it('returns true for a Saturday', () => {
+      // 2024-07-13 is a Saturday
+      expect(isDateDisabled(new Date(2024, 6, 13), rules)).toBe(true);
+    });
+
+    it('returns true for a Sunday', () => {
+      // 2024-07-14 is a Sunday
+      expect(isDateDisabled(new Date(2024, 6, 14), rules)).toBe(true);
+    });
+
+    it('returns false for a Monday', () => {
+      // 2024-07-15 is a Monday
+      expect(isDateDisabled(new Date(2024, 6, 15), rules)).toBe(false);
+    });
+
+    it('returns false for a Friday', () => {
+      // 2024-07-12 is a Friday
+      expect(isDateDisabled(new Date(2024, 6, 12), rules)).toBe(false);
+    });
+
+    it('handles single weekday rule', () => {
+      const singleDay: DisabledRules = { weekdays: ['wed'], reason: 'Closed' };
+      // 2024-07-17 is a Wednesday
+      expect(isDateDisabled(new Date(2024, 6, 17), singleDay)).toBe(true);
+      // 2024-07-18 is a Thursday
+      expect(isDateDisabled(new Date(2024, 6, 18), singleDay)).toBe(false);
+    });
+  });
+
+  describe('specific dates', () => {
+    const rules: DisabledRules = {
+      dates: [new Date(2024, 6, 11), new Date(2025, 1, 12), new Date(2025, 4, 1)],
+      reason: 'Bank holidays',
+    };
+
+    it('returns true for a disabled date', () => {
+      expect(isDateDisabled(new Date(2024, 6, 11), rules)).toBe(true);
+    });
+
+    it('returns false for a non-disabled date', () => {
+      expect(isDateDisabled(new Date(2024, 6, 12), rules)).toBe(false);
+    });
+
+    it('compares date-only, ignoring time', () => {
+      const dateWithTime = new Date(2024, 6, 11, 14, 30, 0);
+      expect(isDateDisabled(dateWithTime, rules)).toBe(true);
+    });
+
+    it('handles disabled dates that have non-zero time components', () => {
+      const rulesWithTime: DisabledRules = {
+        dates: [new Date(2024, 6, 11, 23, 59, 59)],
+        reason: 'Holiday',
+      };
+      expect(isDateDisabled(new Date(2024, 6, 11), rulesWithTime)).toBe(true);
+    });
+  });
+
+  describe('ranges', () => {
+    const rules: DisabledRules = {
+      ranges: [
+        { start: new Date(2024, 2, 29), end: new Date(2024, 3, 3) },
+        { start: new Date(2024, 11, 24), end: new Date(2024, 11, 26) },
+      ],
+      reason: 'Scheduled maintenance',
+    };
+
+    it('returns true for start of range (inclusive)', () => {
+      expect(isDateDisabled(new Date(2024, 2, 29), rules)).toBe(true);
+    });
+
+    it('returns true for end of range (inclusive)', () => {
+      expect(isDateDisabled(new Date(2024, 3, 3), rules)).toBe(true);
+    });
+
+    it('returns true for date within range', () => {
+      expect(isDateDisabled(new Date(2024, 2, 31), rules)).toBe(true);
+    });
+
+    it('returns false for date before range', () => {
+      expect(isDateDisabled(new Date(2024, 2, 28), rules)).toBe(false);
+    });
+
+    it('returns false for date after range', () => {
+      expect(isDateDisabled(new Date(2024, 3, 4), rules)).toBe(false);
+    });
+
+    it('handles second range', () => {
+      expect(isDateDisabled(new Date(2024, 11, 25), rules)).toBe(true);
+      expect(isDateDisabled(new Date(2024, 11, 27), rules)).toBe(false);
+    });
+  });
+
+  describe('combined rules (additive)', () => {
+    const rules: DisabledRules = {
+      weekdays: ['sat', 'sun'],
+      dates: [new Date(2024, 6, 15)], // Monday
+      ranges: [{ start: new Date(2024, 6, 22), end: new Date(2024, 6, 24) }],
+      reason: 'Multiple rules',
+    };
+
+    it('disables by weekday', () => {
+      // 2024-07-13 is Saturday
+      expect(isDateDisabled(new Date(2024, 6, 13), rules)).toBe(true);
+    });
+
+    it('disables by specific date', () => {
+      // 2024-07-15 is Monday but explicitly disabled
+      expect(isDateDisabled(new Date(2024, 6, 15), rules)).toBe(true);
+    });
+
+    it('disables by range', () => {
+      // 2024-07-23 is Tuesday but in range
+      expect(isDateDisabled(new Date(2024, 6, 23), rules)).toBe(true);
+    });
+
+    it('allows date not matching any rule', () => {
+      // 2024-07-16 is Tuesday, not in dates or ranges
+      expect(isDateDisabled(new Date(2024, 6, 16), rules)).toBe(false);
+    });
+  });
+
+  describe('edge cases', () => {
+    it('handles empty weekdays array', () => {
+      const rules: DisabledRules = { weekdays: [], reason: 'Empty' };
+      expect(isDateDisabled(new Date(2024, 6, 13), rules)).toBe(false);
+    });
+
+    it('handles empty dates array', () => {
+      const rules: DisabledRules = { dates: [], reason: 'Empty' };
+      expect(isDateDisabled(new Date(2024, 6, 13), rules)).toBe(false);
+    });
+
+    it('handles empty ranges array', () => {
+      const rules: DisabledRules = { ranges: [], reason: 'Empty' };
+      expect(isDateDisabled(new Date(2024, 6, 13), rules)).toBe(false);
+    });
+  });
+});

package/src/common/DateUtils/isDateDisabled/isDateDisabled.ts

@@ -0,0 +1,59 @@
+import type { DisabledRules, WeekDayType } from '../../../Calendar/Calendar.types';
+
+const DAY_INDEX_TO_WEEKDAY: Record<number, WeekDayType> = {
+  0: 'sun',
+  1: 'mon',
+  2: 'tue',
+  3: 'wed',
+  4: 'thu',
+  5: 'fri',
+  6: 'sat',
+};
+
+export function isDateDisabled(date: Date, disabledRules?: DisabledRules): boolean {
+  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 = new Date(date.getFullYear(), date.getMonth(), date.getDate()).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;
+}

package/src/i18n/en.json

@@ -12,6 +12,7 @@
   "neptune.DateLookup.goTo20YearView": "Go to 20 year view",
   "neptune.DateLookup.month": "month",
   "neptune.DateLookup.next": "next",
+  "neptune.DateLookup.notAvailable": "not available",
   "neptune.DateLookup.previous": "previous",
   "neptune.DateLookup.selected": "selected",
   "neptune.DateLookup.twentyYears": "20 years",

package/src/index.ts

@@ -25,6 +25,7 @@ export type {
   ButtonProps as LegacyButtonProps,
   AnchorElementProps,
 } from './Button';
+export type { CalendarProps } from './Calendar';
 export type { CardProps } from './_deprecated/Card';
 export type {
   CarouselProps,
@@ -55,7 +56,6 @@ export type {
 export type { BottomSheetProps } from './common/BottomSheet';
 export type { DateInputProps } from './DateInput';
 export type { DateLookupProps } from './DateLookup';
-export type { CalendarProps } from './Calendar';
 export type { DecisionProps } from './Decision';
 export type {
   DefinitionListProps,
@@ -91,7 +91,6 @@ export type { LabelProps, LabelOptionalProps, LabelDescriptionProps } from './La
 export type { LegacyListItemProps } from './_deprecated/LegacyListItem';
 export type { LoaderProps } from './Loader';
 export type { MarkdownProps } from './Markdown';
-export type { MarkupActionHandler, MarkupActions, MarkupNode, MarkupProps } from './Markup';
 export type { ModalProps } from './Modal';
 export type { MoneyProps } from './Money';
 export type {
@@ -202,6 +201,7 @@ export { default as Badge, BadgeAssets } from './_deprecated/Badge';
 export { default as Body } from './Body';
 export { default as Button } from './Button';
 export { default as IconButton } from './IconButton';
+export { default as Calendar } from './Calendar';
 export { default as Carousel } from './Carousel';
 export { default as Card } from './_deprecated/Card';
 export { default as Checkbox } from './Checkbox';
@@ -217,7 +217,6 @@ export { default as BaseCard } from './common/BaseCard';
 export { default as CriticalCommsBanner } from './_deprecated/CriticalBanner';
 export { default as DateInput } from './DateInput';
 export { default as DateLookup } from './DateLookup';
-export { default as Calendar } from './Calendar';
 export { default as Decision } from './Decision';
 export { default as DefinitionList } from './DefinitionList';
 export { default as Dimmer } from './Dimmer';
@@ -250,7 +249,6 @@ export { default as LegacyListItem } from './_deprecated/LegacyListItem';
 export { default as Loader } from './Loader';
 export { default as Logo } from './Logo';
 export { default as Markdown } from './Markdown';
-export { default as Markup } from './Markup';
 export { default as Modal } from './Modal';
 export { default as Money } from './Money';
 export { default as MoneyInput } from './MoneyInput';

package/src/main.css

@@ -27269,41 +27269,9 @@ a[data-toggle="tooltip"] {
   pointer-events: auto;
 }
 
-.tw-date-lookup-calendar {
-  min-width: 300px;
-  text-align: center;
-  table-layout: fixed;
-  border: none;
-  background-color: inherit;
-}
-
-.tw-date-lookup-calendar thead {
-  background-color: transparent;
-  background-color: initial;
-}
-
-.tw-date-lookup-calendar > tbody > tr > td.weekend button {
-  color: #5d7079;
-  color: var(--color-content-secondary);
-}
-
-.tw-date-lookup-calendar > tbody > tr > td {
-  border: none;
-  padding: 4px;
-  padding: var(--size-4);
-}
-
-@media (max-width: 320px) {
-  .tw-date-lookup-calendar > tbody > tr > td {
-    padding: 0;
-  }
-}
-
-.tw-date-lookup-calendar > tbody > tr > td:has(.tw-date-lookup-day-option) {
-  padding: 1px;
-}
-
-.tw-date-lookup-calendar > tbody > tr > td button {
+.wds-Calendar__option--day,
+.wds-Calendar__option--month,
+.wds-Calendar__option--year {
   width: 100%;
   padding: 4px 0;
   padding: var(--size-4) 0;
@@ -27320,12 +27288,83 @@ a[data-toggle="tooltip"] {
 }
 
 @media (max-width: 320px) {
-  .tw-date-lookup-calendar > tbody > tr > td button {
+  .wds-Calendar__option--day,
+  .wds-Calendar__option--month,
+  .wds-Calendar__option--year {
     padding: 0;
   }
 }
 
-.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option {
+.wds-Calendar__option--day.disabled,
+.wds-Calendar__option--month.disabled,
+.wds-Calendar__option--year.disabled,
+.wds-Calendar__option--day[aria-disabled="true"],
+.wds-Calendar__option--month[aria-disabled="true"],
+.wds-Calendar__option--year[aria-disabled="true"] {
+  --ring-outline-color: var(--color-sentiment-content-primary);
+  color: #768e9c;
+  color: var(--color-content-tertiary);
+  cursor: not-allowed;
+}
+
+.wds-Calendar__option--day.disabled:hover,
+.wds-Calendar__option--month.disabled:hover,
+.wds-Calendar__option--year.disabled:hover,
+.wds-Calendar__option--day[aria-disabled="true"]:hover,
+.wds-Calendar__option--month[aria-disabled="true"]:hover,
+.wds-Calendar__option--year[aria-disabled="true"]:hover,
+.wds-Calendar__option--day.disabled:focus,
+.wds-Calendar__option--month.disabled:focus,
+.wds-Calendar__option--year.disabled:focus,
+.wds-Calendar__option--day[aria-disabled="true"]:focus,
+.wds-Calendar__option--month[aria-disabled="true"]:focus,
+.wds-Calendar__option--year[aria-disabled="true"]:focus {
+  background-color: var(--color-sentiment-background-surface);
+  color: var(--color-sentiment-content-primary);
+  filter: initial;
+  opacity: 1;
+  opacity: initial;
+}
+
+.wds-Calendar__option--day.disabled.active,
+.wds-Calendar__option--month.disabled.active,
+.wds-Calendar__option--year.disabled.active,
+.wds-Calendar__option--day[aria-disabled="true"].active,
+.wds-Calendar__option--month[aria-disabled="true"].active,
+.wds-Calendar__option--year[aria-disabled="true"].active,
+.wds-Calendar__option--day.disabled.active:hover,
+.wds-Calendar__option--month.disabled.active:hover,
+.wds-Calendar__option--year.disabled.active:hover,
+.wds-Calendar__option--day[aria-disabled="true"].active:hover,
+.wds-Calendar__option--month[aria-disabled="true"].active:hover,
+.wds-Calendar__option--year[aria-disabled="true"].active:hover,
+.wds-Calendar__option--day.disabled.active:active,
+.wds-Calendar__option--month.disabled.active:active,
+.wds-Calendar__option--year.disabled.active:active,
+.wds-Calendar__option--day[aria-disabled="true"].active:active,
+.wds-Calendar__option--month[aria-disabled="true"].active:active,
+.wds-Calendar__option--year[aria-disabled="true"].active:active,
+.wds-Calendar__option--day.disabled.active:focus,
+.wds-Calendar__option--month.disabled.active:focus,
+.wds-Calendar__option--year.disabled.active:focus,
+.wds-Calendar__option--day[aria-disabled="true"].active:focus,
+.wds-Calendar__option--month[aria-disabled="true"].active:focus,
+.wds-Calendar__option--year[aria-disabled="true"].active:focus {
+  background-color: var(--color-sentiment-interactive-primary);
+  color: var(--color-sentiment-interactive-secondary);
+}
+
+.wds-Calendar__option--day.disabled.today,
+.wds-Calendar__option--month.disabled.today,
+.wds-Calendar__option--year.disabled.today,
+.wds-Calendar__option--day[aria-disabled="true"].today,
+.wds-Calendar__option--month[aria-disabled="true"].today,
+.wds-Calendar__option--year[aria-disabled="true"].today {
+  text-decoration-color: #768e9c;
+  text-decoration-color: var(--color-content-tertiary);
+}
+
+.wds-Calendar__option--day {
   height: 40px;
   height: var(--size-40);
   border-radius: 9999px;
@@ -27340,19 +27379,53 @@ a[data-toggle="tooltip"] {
   justify-content: center;
 }
 
-.tw-date-lookup-calendar > tbody > tr > td button.tw-date-lookup-day-option.today {
+.wds-Calendar__option--day.today {
   -webkit-text-decoration: underline;
   text-decoration: underline;
   text-decoration-thickness: 2px;
   text-underline-offset: 4px;
 }
 
-.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus,
-.tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled) {
+.tw-date-lookup-calendar {
+  min-width: 300px;
+  text-align: center;
+  table-layout: fixed;
+  border: none;
+  background-color: inherit;
+}
+
+.tw-date-lookup-calendar thead {
+  background-color: transparent;
+  background-color: initial;
+}
+
+.tw-date-lookup-calendar > tbody > tr > td.weekend button {
+  color: #5d7079;
+  color: var(--color-content-secondary);
+}
+
+.tw-date-lookup-calendar > tbody > tr > td {
+  border: none;
+  padding: 4px;
+  padding: var(--size-4);
+}
+
+@media (max-width: 320px) {
+  .tw-date-lookup-calendar > tbody > tr > td {
+    padding: 0;
+  }
+}
+
+.tw-date-lookup-calendar > tbody > tr > td:has(.wds-Calendar__option--day) {
+  padding: 1px;
+}
+
+.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.show-focus:not(.disabled):not([aria-disabled="true"]),
+.tw-date-lookup-calendar > tbody > tr > td:hover button:not(.disabled):not(:disabled):not([aria-disabled="true"]) {
   background-color: var(--color-background-screen-hover);
 }
 
-.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active {
+.tw-date-lookup-calendar > tbody > tr > td:not(.disabled):not(:disabled) button.active:not([aria-disabled="true"]) {
   background-color: var(--color-interactive-primary);
   color: var(--color-interactive-contrast);
 }
@@ -30887,41 +30960,6 @@ button.np-link {
   height: var(--wds-logo-height);
 }
 
-.wds-markup-emphasis {
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  font-style: normal;
-}
-
-.wds-markup-emphasis--important {
-  color: #37517e;
-  color: var(--color-content-primary);
-}
-
-.wds-markup-emphasis--positive {
-  color: #008026;
-  color: var(--color-content-positive);
-}
-
-.wds-markup-emphasis--negative {
-  color: #cf2929;
-  color: var(--color-content-negative);
-}
-
-.wds-markup-strong {
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-}
-
-.wds-markup-strikethrough {
-  -webkit-text-decoration: line-through;
-  text-decoration: line-through;
-}
-
-.wds-markup-paragraph {
-  margin: 0;
-}
-
 .tw-modal--scrollable {
   max-height: 100%;
   /* mobile viewport bug fix */

package/src/main.less

@@ -56,7 +56,6 @@
 @import "./Link/Link.less";
 @import "./Loader/Loader.less";
 @import "./Logo/Logo.less";
-@import "./Markup/Markup.less";
 @import "./Modal/Modal.less";
 @import "./MoneyInput/MoneyInput.less";
 @import "./ExpressiveMoneyInput/ExpressiveMoneyInput.less";

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableLink.js","sources":["../../../src/Calendar/tableLink/TableLink.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useEffect, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../Calendar.messages';\n\ninterface TableLinkProps {\n  item: number;\n  type: 'day' | 'month' | 'year';\n  title?: string;\n  longTitle?: string;\n  active: boolean;\n  disabled: boolean;\n  today: boolean;\n  autofocus?: boolean;\n  onClick: (item: number) => void;\n}\n\nconst TableLink = ({\n  item,\n  type,\n  title,\n  longTitle,\n  active,\n  disabled,\n  today,\n  autofocus,\n  onClick,\n}: TableLinkProps) => {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const intl = useIntl();\n\n  useEffect(() => {\n    if (autofocus) {\n      setTimeout(() => {\n        buttonRef.current?.focus();\n      }, 0);\n    }\n  }, [autofocus]);\n\n  const onCalendarClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    if (!disabled) {\n      onClick(item);\n    }\n  };\n\n  const calculateAriaLabel = () => {\n    if (active) {\n      return `${longTitle || title || ''}, ${intl.formatMessage(\n        messages.selected,\n      )} ${intl.formatMessage(messages[type])}`;\n    }\n    return longTitle || title;\n  };\n\n  return (\n    <button\n      ref={buttonRef}\n      type=\"button\"\n      className={clsx(\n        `tw-date-lookup-${type}-option np-text-body-default-bold`,\n        { active: !!active },\n        { today: !!today },\n      )}\n      disabled={disabled}\n      tabIndex={autofocus ? 0 : -1}\n      aria-label={calculateAriaLabel()}\n      aria-pressed={active}\n      onClick={onCalendarClick}\n    >\n      {title || item}\n    </button>\n  );\n};\n\nexport default TableLink;\n"],"names":["TableLink","item","type","title","longTitle","active","disabled","today","autofocus","onClick","buttonRef","useRef","intl","useIntl","useEffect","setTimeout","current","focus","onCalendarClick","event","preventDefault","calculateAriaLabel","formatMessage","messages","selected","_jsx","ref","className","clsx","tabIndex","children"],"mappings":";;;;;;;;;;AAkBA,MAAMA,SAAS,GAAGA,CAAC;EACjBC,IAAI;EACJC,IAAI;EACJC,KAAK;EACLC,SAAS;EACTC,MAAM;EACNC,QAAQ;EACRC,KAAK;EACLC,SAAS;AACTC,EAAAA;AAAO,CACQ,KAAI;AACnB,EAAA,MAAMC,SAAS,GAAGC,YAAM,CAAoB,IAAI,CAAC;AACjD,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;AAEtBC,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAIN,SAAS,EAAE;AACbO,MAAAA,UAAU,CAAC,MAAK;AACdL,QAAAA,SAAS,CAACM,OAAO,EAAEC,KAAK,EAAE;MAC5B,CAAC,EAAE,CAAC,CAAC;AACP,IAAA;AACF,EAAA,CAAC,EAAE,CAACT,SAAS,CAAC,CAAC;EAEf,MAAMU,eAAe,GAAIC,KAA0C,IAAI;IACrEA,KAAK,CAACC,cAAc,EAAE;IACtB,IAAI,CAACd,QAAQ,EAAE;MACbG,OAAO,CAACR,IAAI,CAAC;AACf,IAAA;EACF,CAAC;EAED,MAAMoB,kBAAkB,GAAGA,MAAK;AAC9B,IAAA,IAAIhB,MAAM,EAAE;MACV,OAAO,CAAA,EAAGD,SAAS,IAAID,KAAK,IAAI,EAAE,CAAA,EAAA,EAAKS,IAAI,CAACU,aAAa,CACvDC,yBAAQ,CAACC,QAAQ,CAClB,CAAA,CAAA,EAAIZ,IAAI,CAACU,aAAa,CAACC,yBAAQ,CAACrB,IAAI,CAAC,CAAC,CAAA,CAAE;AAC3C,IAAA;IACA,OAAOE,SAAS,IAAID,KAAK;EAC3B,CAAC;AAED,EAAA,oBACEsB,cAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,GAAG,EAAEhB,SAAU;AACfR,IAAAA,IAAI,EAAC,QAAQ;AACbyB,IAAAA,SAAS,EAAEC,SAAI,CACb,CAAA,eAAA,EAAkB1B,IAAI,mCAAmC,EACzD;MAAEG,MAAM,EAAE,CAAC,CAACA;AAAM,KAAE,EACpB;MAAEE,KAAK,EAAE,CAAC,CAACA;KAAO,CAClB;AACFD,IAAAA,QAAQ,EAAEA,QAAS;AACnBuB,IAAAA,QAAQ,EAAErB,SAAS,GAAG,CAAC,GAAG,EAAG;IAC7B,YAAA,EAAYa,kBAAkB,EAAG;AACjC,IAAA,cAAA,EAAchB,MAAO;AACrBI,IAAAA,OAAO,EAAES,eAAgB;IAAAY,QAAA,EAExB3B,KAAK,IAAIF;AAAI,GACR,CAAC;AAEb;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"TableLink.mjs","sources":["../../../src/Calendar/tableLink/TableLink.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useEffect, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../Calendar.messages';\n\ninterface TableLinkProps {\n  item: number;\n  type: 'day' | 'month' | 'year';\n  title?: string;\n  longTitle?: string;\n  active: boolean;\n  disabled: boolean;\n  today: boolean;\n  autofocus?: boolean;\n  onClick: (item: number) => void;\n}\n\nconst TableLink = ({\n  item,\n  type,\n  title,\n  longTitle,\n  active,\n  disabled,\n  today,\n  autofocus,\n  onClick,\n}: TableLinkProps) => {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const intl = useIntl();\n\n  useEffect(() => {\n    if (autofocus) {\n      setTimeout(() => {\n        buttonRef.current?.focus();\n      }, 0);\n    }\n  }, [autofocus]);\n\n  const onCalendarClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    if (!disabled) {\n      onClick(item);\n    }\n  };\n\n  const calculateAriaLabel = () => {\n    if (active) {\n      return `${longTitle || title || ''}, ${intl.formatMessage(\n        messages.selected,\n      )} ${intl.formatMessage(messages[type])}`;\n    }\n    return longTitle || title;\n  };\n\n  return (\n    <button\n      ref={buttonRef}\n      type=\"button\"\n      className={clsx(\n        `tw-date-lookup-${type}-option np-text-body-default-bold`,\n        { active: !!active },\n        { today: !!today },\n      )}\n      disabled={disabled}\n      tabIndex={autofocus ? 0 : -1}\n      aria-label={calculateAriaLabel()}\n      aria-pressed={active}\n      onClick={onCalendarClick}\n    >\n      {title || item}\n    </button>\n  );\n};\n\nexport default TableLink;\n"],"names":["TableLink","item","type","title","longTitle","active","disabled","today","autofocus","onClick","buttonRef","useRef","intl","useIntl","useEffect","setTimeout","current","focus","onCalendarClick","event","preventDefault","calculateAriaLabel","formatMessage","messages","selected","_jsx","ref","className","clsx","tabIndex","children"],"mappings":";;;;;;AAkBA,MAAMA,SAAS,GAAGA,CAAC;EACjBC,IAAI;EACJC,IAAI;EACJC,KAAK;EACLC,SAAS;EACTC,MAAM;EACNC,QAAQ;EACRC,KAAK;EACLC,SAAS;AACTC,EAAAA;AAAO,CACQ,KAAI;AACnB,EAAA,MAAMC,SAAS,GAAGC,MAAM,CAAoB,IAAI,CAAC;AACjD,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;AAEtBC,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIN,SAAS,EAAE;AACbO,MAAAA,UAAU,CAAC,MAAK;AACdL,QAAAA,SAAS,CAACM,OAAO,EAAEC,KAAK,EAAE;MAC5B,CAAC,EAAE,CAAC,CAAC;AACP,IAAA;AACF,EAAA,CAAC,EAAE,CAACT,SAAS,CAAC,CAAC;EAEf,MAAMU,eAAe,GAAIC,KAA0C,IAAI;IACrEA,KAAK,CAACC,cAAc,EAAE;IACtB,IAAI,CAACd,QAAQ,EAAE;MACbG,OAAO,CAACR,IAAI,CAAC;AACf,IAAA;EACF,CAAC;EAED,MAAMoB,kBAAkB,GAAGA,MAAK;AAC9B,IAAA,IAAIhB,MAAM,EAAE;MACV,OAAO,CAAA,EAAGD,SAAS,IAAID,KAAK,IAAI,EAAE,CAAA,EAAA,EAAKS,IAAI,CAACU,aAAa,CACvDC,QAAQ,CAACC,QAAQ,CAClB,CAAA,CAAA,EAAIZ,IAAI,CAACU,aAAa,CAACC,QAAQ,CAACrB,IAAI,CAAC,CAAC,CAAA,CAAE;AAC3C,IAAA;IACA,OAAOE,SAAS,IAAID,KAAK;EAC3B,CAAC;AAED,EAAA,oBACEsB,GAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,GAAG,EAAEhB,SAAU;AACfR,IAAAA,IAAI,EAAC,QAAQ;AACbyB,IAAAA,SAAS,EAAEC,IAAI,CACb,CAAA,eAAA,EAAkB1B,IAAI,mCAAmC,EACzD;MAAEG,MAAM,EAAE,CAAC,CAACA;AAAM,KAAE,EACpB;MAAEE,KAAK,EAAE,CAAC,CAACA;KAAO,CAClB;AACFD,IAAAA,QAAQ,EAAEA,QAAS;AACnBuB,IAAAA,QAAQ,EAAErB,SAAS,GAAG,CAAC,GAAG,EAAG;IAC7B,YAAA,EAAYa,kBAAkB,EAAG;AACjC,IAAA,cAAA,EAAchB,MAAO;AACrBI,IAAAA,OAAO,EAAES,eAAgB;IAAAY,QAAA,EAExB3B,KAAK,IAAIF;AAAI,GACR,CAAC;AAEb;;;;"}