@transferwise/components 46.144.1 → 46.146.0

package/src/sentimentSurface/SentimentSurface.docs.mdx

@@ -36,6 +36,8 @@ Each `SentimentSurface` sets tokens for content, interactive elements, and backg
 --color-sentiment-background-surface
 --color-sentiment-background-surface-hover
 --color-sentiment-background-surface-active
+
+--color-sentiment-border-overlay
 `} />
 
 ## Using Tokens in Components

package/src/sentimentSurface/SentimentSurface.less

@@ -1,330 +1,10 @@
+@import "@transferwise/neptune-tokens/sentiment/sentiments.css";
+
 .wds-sentiment-surface {
   &--hasBaseStyles {
     background-color: var(--color-sentiment-background-surface);
     color: var(--color-sentiment-content-primary);
   }
 
-  &-negative {
-    .np-theme-personal&,
-    .np-theme-business&,
-    .np-theme-platform&,
-    .np-theme-personal--bright-green&,
-    .np-theme-business--bright-green& {
-      &-base {
-        .sentiment-surface-tokens(
-                    #CB272F, #B8232B, #A72027,
-                    #CB272F, #B8232B, #A72027,
-                    #FBEAEA, #F9E1E1, #F8D8D8,
-                    #F5D3D4, #F0BDBE, #ECACAD,
-                    #FBEAEA, #F9E1E1, #F8D8D8,
-                    #FBEAEA, #F9E1E1, #F8D8D8
-                );
-      }
-      &-elevated {
-        .sentiment-surface-tokens(
-                    #FFFFFF, #F5CCCC, #F1B7B7,
-                    #FBEAEA, #F5CCCC, #F1B7B7,
-                    #CB272F, #B8232B, #A72027,
-                    #9B141B, #831116, #6D0e13,
-                    #CB272F, #B8232B, #A72027,
-                    #CB272F, #B8232B, #A72027
-                );
-      }
-    }
-
-    .np-theme-personal--dark&,
-    .np-theme-business--dark&,
-    .np-theme-personal--forest-green&,
-    .np-theme-business--forest-green&,
-    .np-theme-platform--forest-green& {
-      &-base {
-        .sentiment-surface-tokens(
-                    #FFA8AD, #FFBDC0, #FFD1D3,
-                    #FFA8AD, #FFBDC0, #FFD1D3,
-                    #410B0D, #641115, #761418,
-                    #601013, #7A1519, #90181D,
-                    #410B0D, #641115, #761418,
-                    #410B0D, #641115, #761418
-                );
-      }
-      &-elevated {
-        .sentiment-surface-tokens(
-                    #410B0D, #641115, #761418,
-                    #410B0D, #641115, #761418,
-                    #FFA8AD, #FFBDC0, #FFD1D3,
-                    #D9898D, #D68084, #D06C71,
-                    #FFA8AD, #FFBDC0, #FFD1D3,
-                    #FFA8AD, #FFBDC0, #FFD1D3
-                );
-      }
-    }
-  }
-
-  &-warning {
-    .np-theme-personal&,
-    .np-theme-business&,
-    .np-theme-platform&,
-    .np-theme-personal--bright-green&,
-    .np-theme-business--bright-green& {
-      &-base {
-        .sentiment-surface-tokens(
-                    #4A3B1C, #302612, #2C2311,  // content-primary (default, hover, active)
-                    #FFD11A, #FFBF0F, #FFBB00,  // interactive-primary
-                    #FFF7D7, #FFF0B2, #FFE98F,  // interactive-secondary
-                    #FFEC9E, #FFE187, #FFD55F,  // interactive-secondary-neutral
-                    #4A3B1C, #302612, #2C2311,  // interactive-control
-                    #FFF7D7, #FFF0B2, #FFE98F   // background-surface
-                );
-      }
-      &-elevated {
-        .sentiment-surface-tokens(
-                    #4A3B1C, #302612, #2C2311,  // content-primary
-                    #4A3B1C, #302612, #2C2311,  // interactive-primary
-                    #FFD11A, #FFBF0F, #FFBB00,  // interactive-secondary
-                    #FFEC9E, #FFEDB8, #FFF2CC,  // interactive-secondary-neutral
-                    #FFD11A, #FFBF0F, #FFBB00,  // interactive-control
-                    #FFD11A, #FFBF0F, #FFBB00   // background-surface
-                );
-      }
-    }
-
-    .np-theme-personal--dark&,
-    .np-theme-business--dark&,
-    .np-theme-personal--forest-green&,
-    .np-theme-business--forest-green&,
-    .np-theme-platform--forest-green& {
-      &-base {
-        .sentiment-surface-tokens(
-                    #FADC65, #F9D648, #F8CD20,  // content-primary
-                    #FADC65, #F9D648, #F8CD20,  // interactive-primary
-                    #3A3523, #504930, #665D3D,  // interactive-secondary
-                    #4D462A, #5D532F, #685D33,  // interactive-secondary-neutral
-                    #3A3523, #504930, #665D3D,  // interactive-control
-                    #3A3523, #504930, #665D3D   // background-surface
-                );
-      }
-      &-elevated {
-        .sentiment-surface-tokens(
-                    #3A3523, #504930, #665D3D,  // content-primary
-                    #3A3523, #504930, #665D3D,  // interactive-primary
-                    #FADC65, #F9D648, #F8CD20,  // interactive-secondary
-                    #E3C85D, #DFC044, #D9B526,  // interactive-secondary-neutral
-                    #FADC65, #F9D648, #F8CD20,  // interactive-control
-                    #FADC65, #F9D648, #F8CD20   // background-surface
-                );
-      }
-    }
-  }
-  &-success {
-    .np-theme-personal&,
-    .np-theme-business&,
-    .np-theme-platform&,
-    .np-theme-personal--bright-green&,
-    .np-theme-business--bright-green& {
-      &-base {
-        .sentiment-surface-tokens(
-                    #054D28, #043A1E, #022614,  // content-primary (default, hover, active)
-                    #054D28, #043A1E, #022614,  // interactive-primary
-                    #E2F6D5, #D3F2C0, #C5EDAB,  // interactive-secondary
-                    #BCD9B8, #AACFA5, #94C38E,  // interactive-secondary-neutral
-                    #E2F6D5, #D3F2C0, #C5EDAB,  // interactive-control
-                    #E2F6D5, #D3F2C0, #C5EDAB   // background-surface
-                );
-      }
-      &-elevated {
-        .sentiment-surface-tokens(
-                    #CEF1B8, #E0FFCC, #E1F4D4,  // content-primary
-                    #CEF1B8, #E0FFCC, #E1F4D4,  // interactive-primary
-                    #054D28, #043A1E, #022614,  // interactive-secondary
-                    #256A43, #2A794C, #329057,  // interactive-secondary-neutral
-                    #054D28, #043A1E, #022614,  // interactive-control
-                    #054D28, #043A1E, #022614   // background-surface
-                );
-      }
-    }
-
-    .np-theme-personal--dark&,
-    .np-theme-business--dark&,
-    .np-theme-personal--forest-green&,
-    .np-theme-business--forest-green&,
-    .np-theme-platform--forest-green& {
-      &-base {
-        .sentiment-surface-tokens(
-                   #CEF1B8, #E0FFCC, #E1F4D4,  // content-primary
-                   #CEF1B8, #E0FFCC, #E1F4D4,  // interactive-primary
-                   #054D28, #043A1E, #022614,  // interactive-secondary
-                   #256A43, #2A794C, #329057,  // interactive-secondary-neutral
-                   #054D28, #043A1E, #022614,  // interactive-control
-                   #054D28, #043A1E, #022614   // background-surface
-                );
-      }
-      &-elevated {
-        .sentiment-surface-tokens(
-                    #252C20, #323B2B, #3E4A36,  // content-primary
-                    #252C20, #323B2B, #3E4A36,  // interactive-primary
-                    #BAE5A0, #C8EAB3, #D6F0C7,  // interactive-secondary
-                    #A8CF91, #94C478, #83BB63,  // interactive-secondary-neutral
-                    #BAE5A0, #C8EAB3, #D6F0C7,  // interactive-control
-                    #BAE5A0, #C8EAB3, #D6F0C7   // background-surface
-                );
-      }
-    }
-  }
-  &-neutral {
-    .np-theme-personal&,
-    .np-theme-business&,
-    .np-theme-platform&,
-    .np-theme-personal--bright-green&,
-    .np-theme-business--bright-green& {
-      &-base {
-        .sentiment-surface-tokens(
-                    #454745, #353635, #232423,                                            // content-primary (default, hover, active)
-                    #454745, #353635, #232423,                                            // interactive-primary
-                    rgba(62, 59, 7, 0.07), rgba(62, 59, 7, 0.12), rgba(62, 59, 7, 0.17),  // interactive-secondary
-                    rgba(62, 59, 7, 0.07), rgba(62, 59, 7, 0.12), rgba(62, 59, 7, 0.17),  // interactive-secondary-neutral
-                    #F1F1ED, #E7E7E1, #DFDED5,                                            // interactive-control
-                    rgba(62, 59, 7, 0.07), rgba(62, 59, 7, 0.12), rgba(62, 59, 7, 0.17)  // background-surface
-                );
-      }
-      &-elevated {
-        .sentiment-surface-tokens(
-                    #F1F1ED, #E7E7E1, #DFDED5,  // content-primary
-                    #F1F1ED, #E7E7E1, #DFDED5,  // interactive-primary
-                    #454745, #353635, #232423,  // interactive-secondary
-                    #585958, #6A6C6A, #7D7E7D,  // interactive-secondary-neutral
-                    #454745, #353635, #232423,  // interactive-control
-                    #454745, #353635, #232423   // background-surface
-                );
-      }
-    }
-
-    .np-theme-personal--dark&,
-    .np-theme-business--dark&,
-    .np-theme-personal--forest-green&,
-    .np-theme-business--forest-green&,
-    .np-theme-platform--forest-green& {
-      &-base {
-        .sentiment-surface-tokens(
-                    #F1F1ED, #E7E7E1, #DFDED5,                                                       // content-primary
-                    #F1F1ED, #E7E7E1, #DFDED5,                                                       // interactive-primary
-                    rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.30),  // interactive-secondary
-                    rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.30),  // interactive-secondary-neutral
-                    #2A2C29, #414441, #595B58,                                                       // interactive-control
-                    rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.30)   // background-surface
-                );
-      }
-      &-elevated {
-        .sentiment-surface-tokens(
-                    #2A2C29, #414441, #595B58,  // content-primary
-                    #2A2C29, #414441, #595B58,  // interactive-primary
-                    #F1F1ED, #E7E7E1, #DFDED5,  // interactive-secondary
-                    #E4E4DC, #DCDCD2, #D3D2C6,  // interactive-secondary-neutral
-                    #F1F1ED, #E7E7E1, #DFDED5,  // interactive-control
-                    #F1F1ED, #E7E7E1, #DFDED5   // background-surface
-                );
-      }
-    }
-  }
-  &-proposition {
-    .np-theme-personal&,
-    .np-theme-business&,
-    .np-theme-platform&,
-    .np-theme-personal--bright-green&,
-    .np-theme-business--bright-green& {
-      &-base {
-        .sentiment-surface-tokens(
-                    #0E0F0C, #0A2826, #074140,  // content-primary (default, hover, active)
-                    #054D4D, #043A3A, #022626,  // interactive-primary
-                    #E0F7F7, #CAF1F1, #B6ECEC,  // interactive-secondary
-                    #B4D5D5, #A3CCCC, #9AC6C6,  // interactive-secondary-neutral
-                    #E0F7F7, #CAF1F1, #B6ECEC,  // interactive-control
-                    #E0F7F7, #CAF1F1, #B6ECEC   // background-surface
-                );
-      }
-      &-elevated {
-        .sentiment-surface-tokens(
-                    #FFFFFF, #EAF9F9, #D5F4F4,  // content-primary
-                    #E0F7F7, #CAF1F1, #B6ECEC,  // interactive-primary
-                    #054D4D, #043A3A, #022626,  // interactive-secondary
-                    #1F6161, #247070, #298080,  // interactive-secondary-neutral
-                    #054D4D, #043A3A, #022626,  // interactive-control
-                    #054D4D, #043A3A, #022626   // background-surface
-                );
-      }
-    }
-
-    .np-theme-personal--dark&,
-    .np-theme-business--dark&,
-    .np-theme-personal--forest-green&,
-    .np-theme-business--forest-green&,
-    .np-theme-platform--forest-green& {
-      &-base {
-        .sentiment-surface-tokens(
-                    #FFFFFF, #EAF9F9, #D5F4F4,  // content-primary
-                    #E0F7F7, #CAF1F1, #B6ECEC,  // interactive-primary
-                    #054D4D, #043A3A, #022626,  // interactive-secondary
-                    #1F6161, #247070, #298080,  // interactive-secondary-neutral
-                    #054D4D, #043A3A, #022626,  // interactive-control
-                    #054D4D, #043A3A, #022626   // background-surface
-                );
-      }
-      &-elevated {
-        .sentiment-surface-tokens(
-                    #0E0F0C, #0A2826, #074140,  // content-primary
-                    #0B312F, #104744, #16605C,  // interactive-primary
-                    #E0F7F7, #CAF1F1, #B6ECEC,  // interactive-secondary
-                    #B4D5D5, #A3CCCC, #9AC6C6,  // interactive-secondary-neutral
-                    #E0F7F7, #CAF1F1, #B6ECEC,  // interactive-control
-                    #E0F7F7, #CAF1F1, #B6ECEC   // background-surface
-                );
-      }
-    }
-  }
-
   --ring-outline-color: var(--color-sentiment-content-primary, var(--color-content-primary));
 }
-
-.sentiment-surface-tokens(
-    @content-primary,
-    @content-primary-hover,
-    @content-primary-active,
-    @interactive-primary,
-    @interactive-primary-hover,
-    @interactive-primary-active,
-    @interactive-secondary,
-    @interactive-secondary-hover,
-    @interactive-secondary-active,
-    @interactive-secondary-neutral,
-    @interactive-secondary-neutral-hover,
-    @interactive-secondary-neutral-active,
-    @interactive-control,
-    @interactive-control-hover,
-    @interactive-control-active,
-    @background-surface,
-    @background-surface-hover,
-    @background-surface-active
-) {
-  --color-sentiment-content-primary: @content-primary;
-  --color-sentiment-content-primary-hover: @content-primary-hover;
-  --color-sentiment-content-primary-active: @content-primary-active;
-
-  --color-sentiment-interactive-primary: @interactive-primary;
-  --color-sentiment-interactive-primary-hover: @interactive-primary-hover;
-  --color-sentiment-interactive-primary-active: @interactive-primary-active;
-
-  --color-sentiment-interactive-secondary: @interactive-secondary;
-  --color-sentiment-interactive-secondary-hover: @interactive-secondary-hover;
-  --color-sentiment-interactive-secondary-active: @interactive-secondary-active;
-
-  --color-sentiment-interactive-secondary-neutral: @interactive-secondary-neutral;
-  --color-sentiment-interactive-secondary-neutral-hover: @interactive-secondary-neutral-hover;
-  --color-sentiment-interactive-secondary-neutral-active: @interactive-secondary-neutral-active;
-
-  --color-sentiment-interactive-control: @interactive-control;
-  --color-sentiment-interactive-control-hover: @interactive-control-hover;
-  --color-sentiment-interactive-control-active: @interactive-control-active;
-
-  --color-sentiment-background-surface: @background-surface;
-  --color-sentiment-background-surface-hover: @background-surface-hover;
-  --color-sentiment-background-surface-active: @background-surface-active;
-}

package/src/sentimentSurface/SentimentSurface.story.tsx

@@ -170,6 +170,10 @@ const tokenCategories = [
       '--color-sentiment-background-surface-active',
     ],
   },
+  {
+    name: 'Border',
+    tokens: ['--color-sentiment-border-overlay'],
+  },
 ];
 
 const TokenSwatch = ({ token }: { token: string }) => (

package/src/sentimentSurface/SentimentSurface.test.story.tsx

@@ -83,11 +83,7 @@ const ButtonsGrid = () => (
           key={`${sentiment}-${emphasis}`}
           sentiment={sentiment}
           emphasis={emphasis}
-          style={{
-            backgroundColor: 'var(--color-sentiment-background-surface)',
-            color: 'var(--color-sentiment-content-primary)',
-            padding: '16px',
-          }}
+          className="p-a-2"
         >
           <span
             style={{

package/src/sentimentSurface/SentimentSurface.test.tsx

@@ -1,3 +1,5 @@
+import { ThemeProvider } from '@wise/components-theming';
+
 import { render, screen } from '../test-utils';
 import SentimentSurface from './SentimentSurface';
 import { Sentiment, Emphasis } from './SentimentSurface.types';
@@ -62,7 +64,7 @@ describe('SentimentSurface', () => {
         );
         const element = screen.getByTestId('surface');
         expect(element).toHaveClass('wds-sentiment-surface');
-        expect(element).toHaveClass(`wds-sentiment-surface-${sentiment}-base`);
+        expect(element).toHaveClass(`wds-sentiment-${sentiment}-light-base`);
       });
     });
   });
@@ -79,7 +81,7 @@ describe('SentimentSurface', () => {
         );
         const element = screen.getByTestId('surface');
         expect(element).toHaveClass('wds-sentiment-surface');
-        expect(element).toHaveClass(`wds-sentiment-surface-neutral-${emphasis}`);
+        expect(element).toHaveClass(`wds-sentiment-neutral-light-${emphasis}`);
       });
     });
 
@@ -91,7 +93,7 @@ describe('SentimentSurface', () => {
       );
       const element = screen.getByTestId('surface');
       expect(element).toHaveClass('wds-sentiment-surface');
-      expect(element).toHaveClass('wds-sentiment-surface-neutral-base');
+      expect(element).toHaveClass('wds-sentiment-neutral-light-base');
     });
   });
 
@@ -137,6 +139,85 @@ describe('SentimentSurface', () => {
     });
   });
 
+  describe('dark mode detection', () => {
+    it('uses dark mode class for forest-green theme', () => {
+      render(
+        <ThemeProvider theme="forest-green">
+          <SentimentSurface sentiment="negative" data-testid="surface">
+            {testContent}
+          </SentimentSurface>
+        </ThemeProvider>,
+      );
+      expect(screen.getByTestId('surface')).toHaveClass('wds-sentiment-negative-dark-base');
+    });
+
+    it('uses dark mode class for business--forest-green theme', () => {
+      render(
+        <ThemeProvider theme="business--forest-green">
+          <SentimentSurface sentiment="warning" emphasis="elevated" data-testid="surface">
+            {testContent}
+          </SentimentSurface>
+        </ThemeProvider>,
+      );
+      expect(screen.getByTestId('surface')).toHaveClass('wds-sentiment-warning-dark-elevated');
+    });
+
+    it('uses dark mode class for dark screen mode', () => {
+      render(
+        <ThemeProvider theme="personal" screenMode="dark">
+          <SentimentSurface sentiment="success" data-testid="surface">
+            {testContent}
+          </SentimentSurface>
+        </ThemeProvider>,
+      );
+      expect(screen.getByTestId('surface')).toHaveClass('wds-sentiment-success-dark-base');
+    });
+
+    it('uses light mode class for bright-green theme', () => {
+      render(
+        <ThemeProvider theme="bright-green">
+          <SentimentSurface sentiment="neutral" data-testid="surface">
+            {testContent}
+          </SentimentSurface>
+        </ThemeProvider>,
+      );
+      expect(screen.getByTestId('surface')).toHaveClass('wds-sentiment-neutral-light-base');
+    });
+
+    it('uses light mode class for np-theme-platform in light mode', () => {
+      render(
+        <ThemeProvider theme="platform" screenMode="light">
+          <SentimentSurface sentiment="neutral" data-testid="surface">
+            {testContent}
+          </SentimentSurface>
+        </ThemeProvider>,
+      );
+      expect(screen.getByTestId('surface')).toHaveClass('wds-sentiment-neutral-light-base');
+    });
+
+    it('uses light mode class for np-theme-platform in dark mode', () => {
+      render(
+        <ThemeProvider theme="platform" screenMode="dark">
+          <SentimentSurface sentiment="neutral" data-testid="surface">
+            {testContent}
+          </SentimentSurface>
+        </ThemeProvider>,
+      );
+      expect(screen.getByTestId('surface')).toHaveClass('wds-sentiment-neutral-light-base');
+    });
+
+    it('uses dark mode class for np-theme-platform--forest-green', () => {
+      render(
+        <ThemeProvider theme="platform--forest-green">
+          <SentimentSurface sentiment="negative" data-testid="surface">
+            {testContent}
+          </SentimentSurface>
+        </ThemeProvider>,
+      );
+      expect(screen.getByTestId('surface')).toHaveClass('wds-sentiment-negative-dark-base');
+    });
+  });
+
   describe('HTML attributes', () => {
     it('supports aria-label attribute', () => {
       const ariaLabel = 'Surface label';

package/src/sentimentSurface/SentimentSurface.tsx

@@ -54,11 +54,19 @@ const SentimentSurface: SentimentSurfaceComponent = forwardRef(function Sentimen
 ) {
   const Element = as ?? 'div';
   const BASE_CLASS = 'wds-sentiment-surface';
-  const { className: closestBrandTheme } = useTheme();
+  const { className: closestBrandTheme, isScreenModeDark: isDark, theme } = useTheme();
+
+  const getThemeBrightness = () => {
+    const isForestGreen = theme.includes('forest-green');
+    const isPlatform = theme.includes('platform');
+
+    return isForestGreen || (isDark && !isPlatform) ? 'dark' : 'light';
+  };
+
   const classNames = clsx(
     closestBrandTheme,
     BASE_CLASS,
-    `${BASE_CLASS}-${sentiment}-${emphasis}`,
+    `wds-sentiment-${sentiment}-${getThemeBrightness()}-${emphasis}`,
     hasBaseStyles && `${BASE_CLASS}--hasBaseStyles`,
     className,
   );

package/build/dateLookup/DateLookup.messages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateLookup.messages.js","sources":["../../src/dateLookup/DateLookup.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  next: {\n    id: 'neptune.DateLookup.next',\n    defaultMessage: 'next',\n    description: 'Description of next button',\n  },\n  previous: {\n    id: 'neptune.DateLookup.previous',\n    defaultMessage: 'previous',\n    description: 'Description of previous button',\n  },\n  day: {\n    id: 'neptune.DateLookup.day',\n    defaultMessage: 'day',\n    description: 'Description of next/previous/selected day button',\n  },\n  month: {\n    id: 'neptune.DateLookup.month',\n    defaultMessage: 'month',\n    description: 'Description of next/previous/selected month button',\n  },\n  year: {\n    id: 'neptune.DateLookup.year',\n    defaultMessage: 'year',\n    description: 'Description of next/previous/selected year button',\n  },\n  twentyYears: {\n    id: 'neptune.DateLookup.twentyYears',\n    defaultMessage: '20 years',\n    description: 'Description of next/previous 20 years button',\n  },\n  selected: {\n    id: 'neptune.DateLookup.selected',\n    defaultMessage: 'selected',\n    description: 'Description of the selected day/month/year',\n  },\n  goTo20YearView: {\n    id: 'neptune.DateLookup.goTo20YearView',\n    defaultMessage: 'Go to 20 year view',\n    description: 'Description of the button to go to 20 year view',\n  },\n});\n"],"names":["defineMessages","next","id","previous","day","month","year","twentyYears","selected","goTo20YearView"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,IAAI,EAAE;IACJC,EAAE,EAAA;GAGH;AACDC,EAAAA,QAAQ,EAAE;IACRD,EAAE,EAAA;GAGH;AACDE,EAAAA,GAAG,EAAE;IACHF,EAAE,EAAA;GAGH;AACDG,EAAAA,KAAK,EAAE;IACLH,EAAE,EAAA;GAGH;AACDI,EAAAA,IAAI,EAAE;IACJJ,EAAE,EAAA;GAGH;AACDK,EAAAA,WAAW,EAAE;IACXL,EAAE,EAAA;GAGH;AACDM,EAAAA,QAAQ,EAAE;IACRN,EAAE,EAAA;GAGH;AACDO,EAAAA,cAAc,EAAE;IACdP,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}

package/build/dateLookup/DateLookup.messages.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateLookup.messages.mjs","sources":["../../src/dateLookup/DateLookup.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  next: {\n    id: 'neptune.DateLookup.next',\n    defaultMessage: 'next',\n    description: 'Description of next button',\n  },\n  previous: {\n    id: 'neptune.DateLookup.previous',\n    defaultMessage: 'previous',\n    description: 'Description of previous button',\n  },\n  day: {\n    id: 'neptune.DateLookup.day',\n    defaultMessage: 'day',\n    description: 'Description of next/previous/selected day button',\n  },\n  month: {\n    id: 'neptune.DateLookup.month',\n    defaultMessage: 'month',\n    description: 'Description of next/previous/selected month button',\n  },\n  year: {\n    id: 'neptune.DateLookup.year',\n    defaultMessage: 'year',\n    description: 'Description of next/previous/selected year button',\n  },\n  twentyYears: {\n    id: 'neptune.DateLookup.twentyYears',\n    defaultMessage: '20 years',\n    description: 'Description of next/previous 20 years button',\n  },\n  selected: {\n    id: 'neptune.DateLookup.selected',\n    defaultMessage: 'selected',\n    description: 'Description of the selected day/month/year',\n  },\n  goTo20YearView: {\n    id: 'neptune.DateLookup.goTo20YearView',\n    defaultMessage: 'Go to 20 year view',\n    description: 'Description of the button to go to 20 year view',\n  },\n});\n"],"names":["defineMessages","next","id","previous","day","month","year","twentyYears","selected","goTo20YearView"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,IAAI,EAAE;IACJC,EAAE,EAAA;GAGH;AACDC,EAAAA,QAAQ,EAAE;IACRD,EAAE,EAAA;GAGH;AACDE,EAAAA,GAAG,EAAE;IACHF,EAAE,EAAA;GAGH;AACDG,EAAAA,KAAK,EAAE;IACLH,EAAE,EAAA;GAGH;AACDI,EAAAA,IAAI,EAAE;IACJJ,EAAE,EAAA;GAGH;AACDK,EAAAA,WAAW,EAAE;IACXL,EAAE,EAAA;GAGH;AACDM,EAAAA,QAAQ,EAAE;IACRN,EAAE,EAAA;GAGH;AACDO,EAAAA,cAAc,EAAE;IACdP,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateHeader.js","sources":["../../../src/dateLookup/dateHeader/DateHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport { Typography } from '../../common';\nimport { useLayout } from '../../common/hooks';\nimport Title from '../../title';\nimport messages from '../DateLookup.messages';\nimport Button from '../../button/Button';\nimport { ChevronDown, ChevronLeft, ChevronRight } from '@transferwise/icons';\nimport IconButton from '../../iconButton';\n\ninterface DateHeaderProps {\n  label?: string;\n  onLabelClick?: () => void;\n  onPreviousClick: () => void;\n  onNextClick: () => void;\n  dateMode: string;\n}\n\nconst DateHeader: React.FC<DateHeaderProps> = ({\n  label,\n  onLabelClick,\n  onPreviousClick,\n  onNextClick,\n  dateMode,\n}) => {\n  const intl = useIntl();\n  const { isMobile } = useLayout();\n  return (\n    <div className={clsx('text-xs-center', !isMobile && ['clearfix', 'p-y-1'])}>\n      <div className=\"pull-left-single-direction\">\n        <IconButton\n          size={40}\n          priority=\"minimal\"\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.previous)} ${dateMode}`}\n          onClick={onPreviousClick}\n        >\n          <ChevronLeft className=\"left-single-direction\" />\n        </IconButton>\n      </div>\n      {label && (\n        <Title type={Typography.TITLE_BODY} className=\"tw-date-lookup-header-current-container\">\n          <Button\n            v2\n            size=\"md\"\n            type=\"button\"\n            priority=\"tertiary\"\n            className=\"tw-date-lookup-header-current\"\n            aria-label={intl.formatMessage(messages.goTo20YearView)}\n            addonEnd={{ type: 'icon', value: <ChevronDown /> }}\n            onClick={onLabelClick}\n          >\n            {label}\n          </Button>\n        </Title>\n      )}\n      <div className=\"pull-right-single-direction\">\n        <IconButton\n          size={40}\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.next)} ${dateMode}`}\n          priority=\"minimal\"\n          onClick={onNextClick}\n        >\n          <ChevronRight className=\"right-single-direction\" />\n        </IconButton>\n      </div>\n    </div>\n  );\n};\n\nexport default DateHeader;\n"],"names":["DateHeader","label","onLabelClick","onPreviousClick","onNextClick","dateMode","intl","useIntl","isMobile","useLayout","_jsxs","className","clsx","children","_jsx","IconButton","size","priority","formatMessage","messages","previous","onClick","ChevronLeft","Title","type","Typography","TITLE_BODY","Button","v2","goTo20YearView","addonEnd","value","ChevronDown","next","ChevronRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,UAAU,GAA8BA,CAAC;EAC7CC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,WAAW;AACXC,EAAAA;AAAQ,CACT,KAAI;AACH,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;EACtB,MAAM;AAAEC,IAAAA;GAAU,GAAGC,mBAAS,EAAE;AAChC,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,SAAI,CAAC,gBAAgB,EAAE,CAACJ,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAE;AAAAK,IAAAA,QAAA,gBACzEC,cAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;MAAAE,QAAA,eACzCC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,SAAS;AAClBN,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,2BAAQ,CAACC,QAAQ,CAAC,CAAA,CAAA,EAAIf,QAAQ,CAAA,CAAG;AACnEgB,QAAAA,OAAO,EAAElB,eAAgB;QAAAU,QAAA,eAEzBC,cAAA,CAACQ,iBAAW,EAAA;AAACX,UAAAA,SAAS,EAAC;SAAuB;OACpC;AACd,KAAK,CACL,EAACV,KAAK,iBACJa,cAAA,CAACS,aAAK,EAAA;MAACC,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAACf,MAAAA,SAAS,EAAC,yCAAyC;MAAAE,QAAA,eACrFC,cAAA,CAACa,cAAM,EAAA;QACLC,EAAE,EAAA,IAAA;AACFZ,QAAAA,IAAI,EAAC,IAAI;AACTQ,QAAAA,IAAI,EAAC,QAAQ;AACbP,QAAAA,QAAQ,EAAC,UAAU;AACnBN,QAAAA,SAAS,EAAC,+BAA+B;AACzC,QAAA,YAAA,EAAYL,IAAI,CAACY,aAAa,CAACC,2BAAQ,CAACU,cAAc,CAAE;AACxDC,QAAAA,QAAQ,EAAE;AAAEN,UAAAA,IAAI,EAAE,MAAM;AAAEO,UAAAA,KAAK,eAAEjB,cAAA,CAACkB,iBAAW,EAAA,EAAA;SAAM;AACnDX,QAAAA,OAAO,EAAEnB,YAAa;AAAAW,QAAAA,QAAA,EAErBZ;OACK;KACH,CACR,eACDa,cAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,6BAA6B;MAAAE,QAAA,eAC1CC,cAAA,CAACC,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTL,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,2BAAQ,CAACc,IAAI,CAAC,CAAA,CAAA,EAAI5B,QAAQ,CAAA,CAAG;AAC/DY,QAAAA,QAAQ,EAAC,SAAS;AAClBI,QAAAA,OAAO,EAAEjB,WAAY;QAAAS,QAAA,eAErBC,cAAA,CAACoB,kBAAY,EAAA;AAACvB,UAAAA,SAAS,EAAC;SAAwB;OACtC;AACd,KAAK,CACP;AAAA,GAAK,CAAC;AAEV;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateHeader.mjs","sources":["../../../src/dateLookup/dateHeader/DateHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\n\nimport { Typography } from '../../common';\nimport { useLayout } from '../../common/hooks';\nimport Title from '../../title';\nimport messages from '../DateLookup.messages';\nimport Button from '../../button/Button';\nimport { ChevronDown, ChevronLeft, ChevronRight } from '@transferwise/icons';\nimport IconButton from '../../iconButton';\n\ninterface DateHeaderProps {\n  label?: string;\n  onLabelClick?: () => void;\n  onPreviousClick: () => void;\n  onNextClick: () => void;\n  dateMode: string;\n}\n\nconst DateHeader: React.FC<DateHeaderProps> = ({\n  label,\n  onLabelClick,\n  onPreviousClick,\n  onNextClick,\n  dateMode,\n}) => {\n  const intl = useIntl();\n  const { isMobile } = useLayout();\n  return (\n    <div className={clsx('text-xs-center', !isMobile && ['clearfix', 'p-y-1'])}>\n      <div className=\"pull-left-single-direction\">\n        <IconButton\n          size={40}\n          priority=\"minimal\"\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.previous)} ${dateMode}`}\n          onClick={onPreviousClick}\n        >\n          <ChevronLeft className=\"left-single-direction\" />\n        </IconButton>\n      </div>\n      {label && (\n        <Title type={Typography.TITLE_BODY} className=\"tw-date-lookup-header-current-container\">\n          <Button\n            v2\n            size=\"md\"\n            type=\"button\"\n            priority=\"tertiary\"\n            className=\"tw-date-lookup-header-current\"\n            aria-label={intl.formatMessage(messages.goTo20YearView)}\n            addonEnd={{ type: 'icon', value: <ChevronDown /> }}\n            onClick={onLabelClick}\n          >\n            {label}\n          </Button>\n        </Title>\n      )}\n      <div className=\"pull-right-single-direction\">\n        <IconButton\n          size={40}\n          className=\"d-inline-flex\"\n          aria-label={`${intl.formatMessage(messages.next)} ${dateMode}`}\n          priority=\"minimal\"\n          onClick={onNextClick}\n        >\n          <ChevronRight className=\"right-single-direction\" />\n        </IconButton>\n      </div>\n    </div>\n  );\n};\n\nexport default DateHeader;\n"],"names":["DateHeader","label","onLabelClick","onPreviousClick","onNextClick","dateMode","intl","useIntl","isMobile","useLayout","_jsxs","className","clsx","children","_jsx","IconButton","size","priority","formatMessage","messages","previous","onClick","ChevronLeft","Title","type","Typography","TITLE_BODY","Button","v2","goTo20YearView","addonEnd","value","ChevronDown","next","ChevronRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,UAAU,GAA8BA,CAAC;EAC7CC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,WAAW;AACXC,EAAAA;AAAQ,CACT,KAAI;AACH,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;EACtB,MAAM;AAAEC,IAAAA;GAAU,GAAGC,SAAS,EAAE;AAChC,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAEC,IAAI,CAAC,gBAAgB,EAAE,CAACJ,QAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAE;AAAAK,IAAAA,QAAA,gBACzEC,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;MAAAE,QAAA,eACzCC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,SAAS;AAClBN,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACC,QAAQ,CAAC,CAAA,CAAA,EAAIf,QAAQ,CAAA,CAAG;AACnEgB,QAAAA,OAAO,EAAElB,eAAgB;QAAAU,QAAA,eAEzBC,GAAA,CAACQ,WAAW,EAAA;AAACX,UAAAA,SAAS,EAAC;SAAuB;OACpC;AACd,KAAK,CACL,EAACV,KAAK,iBACJa,GAAA,CAACS,KAAK,EAAA;MAACC,IAAI,EAAEC,UAAU,CAACC,UAAW;AAACf,MAAAA,SAAS,EAAC,yCAAyC;MAAAE,QAAA,eACrFC,GAAA,CAACa,MAAM,EAAA;QACLC,EAAE,EAAA,IAAA;AACFZ,QAAAA,IAAI,EAAC,IAAI;AACTQ,QAAAA,IAAI,EAAC,QAAQ;AACbP,QAAAA,QAAQ,EAAC,UAAU;AACnBN,QAAAA,SAAS,EAAC,+BAA+B;AACzC,QAAA,YAAA,EAAYL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACU,cAAc,CAAE;AACxDC,QAAAA,QAAQ,EAAE;AAAEN,UAAAA,IAAI,EAAE,MAAM;AAAEO,UAAAA,KAAK,eAAEjB,GAAA,CAACkB,WAAW,EAAA,EAAA;SAAM;AACnDX,QAAAA,OAAO,EAAEnB,YAAa;AAAAW,QAAAA,QAAA,EAErBZ;OACK;KACH,CACR,eACDa,GAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,6BAA6B;MAAAE,QAAA,eAC1CC,GAAA,CAACC,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTL,QAAAA,SAAS,EAAC,eAAe;QACzB,YAAA,EAAY,CAAA,EAAGL,IAAI,CAACY,aAAa,CAACC,QAAQ,CAACc,IAAI,CAAC,CAAA,CAAA,EAAI5B,QAAQ,CAAA,CAAG;AAC/DY,QAAAA,QAAQ,EAAC,SAAS;AAClBI,QAAAA,OAAO,EAAEjB,WAAY;QAAAS,QAAA,eAErBC,GAAA,CAACoB,YAAY,EAAA;AAACvB,UAAAA,SAAS,EAAC;SAAwB;OACtC;AACd,KAAK,CACP;AAAA,GAAK,CAAC;AAEV;;;;"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DayCalendarTable.js","sources":["../../../../src/dateLookup/dayCalendar/table/DayCalendarTable.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, type WrappedComponentProps } from 'react-intl';\n\nimport { getDayNames, isWithinRange } from '../../../common/dateUtils';\nimport { getFocusableTime } from '../../getFocusableTime/getFocusableTime';\nimport { getStartOfDay } from '../../getStartOfDay';\nimport TableLink from '../../tableLink';\n\nconst SHORT_DAY_FORMAT: Intl.DateTimeFormatOptions = { day: 'numeric' };\n\ninterface DayCalendarTableProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  onSelect: (date: Date) => void;\n}\n\nclass DayCalendarTable extends PureComponent<DayCalendarTableProps> {\n  getTableStructure = () => {\n    const { viewMonth, viewYear } = this.props;\n    let firstDayOfMonth = new Date(viewYear, viewMonth, 1).getDay();\n    // JS Sunday is 0, we're setting it last\n    if (firstDayOfMonth === 0) {\n      firstDayOfMonth = 7;\n    }\n    const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();\n\n    let week: number[] = [];\n    const weeks: number[][] = [];\n    let i;\n\n    // Pad first week\n    for (i = 1; i < firstDayOfMonth; i += 1) {\n      week.push(-1);\n    }\n    // Fill in days\n    for (i = 1; i <= daysInMonth; i += 1) {\n      week.push(i);\n      if ((firstDayOfMonth + i - 1) % 7 === 0) {\n        weeks.push(week);\n        week = [];\n      }\n    }\n    if (week.length > 0) {\n      // Pad last week\n      for (i = week.length; i < 7; i += 1) {\n        week.push(-1);\n      }\n      weeks.push(week);\n    }\n    return weeks;\n  };\n\n  days = getDayNames(this.props.intl.locale, 'short');\n  daysShort = getDayNames(this.props.intl.locale, 'narrow');\n  daysLong = getDayNames(this.props.intl.locale, 'long');\n\n  selectDay = (day: number) => {\n    const { viewMonth, viewYear, onSelect } = this.props;\n    onSelect(new Date(viewYear, viewMonth, day));\n  };\n\n  isDisabled = (day: number) => {\n    if (day < 0) {\n      return true;\n    }\n    const { min, max, viewMonth, viewYear } = this.props;\n    const date = new Date(viewYear, viewMonth, day);\n\n    return !isWithinRange(date, min, max);\n  };\n\n  isActive = (day: number) => {\n    const { selectedDate, viewMonth, viewYear } = this.props;\n    return !!(selectedDate && Number(new Date(viewYear, viewMonth, day)) === Number(selectedDate));\n  };\n\n  isToday = (day: number) => {\n    const { viewMonth, viewYear } = this.props;\n    return Number(getStartOfDay(new Date())) === Number(new Date(viewYear, viewMonth, day));\n  };\n\n  getAutofocusDay = (weeks: number[][]) => {\n    const days = weeks.flatMap((week) => week);\n    return getFocusableTime({\n      isActive: this.isActive,\n      isNow: this.isToday,\n      isDisabled: this.isDisabled,\n      timeSpan: days,\n    });\n  };\n\n  render() {\n    const { viewMonth, viewYear, intl } = this.props;\n    const weeks = this.getTableStructure();\n    const autoFocusDay = this.getAutofocusDay(weeks);\n    return (\n      <table className=\"table table-condensed table-bordered tw-date-lookup-calendar m-b-0\">\n        <thead>\n          <tr>\n            {this.days.map((day, index) => (\n              <th\n                key={day}\n                className={\n                  index > 4\n                    ? 'text-xs-center np-text-body-default'\n                    : 'text-xs-center np-text-body-default-bold'\n                }\n              >\n                <span className=\"hidden-xs\">\n                  <abbr title={this.daysLong[index]}>{day.slice(0, 3)}</abbr>\n                </span>\n                <span className=\"visible-xs-inline-block\">\n                  <abbr title={this.daysLong[index]}>{this.daysShort[index].slice(0, 2)}</abbr>\n                </span>\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {/* eslint-disable react/no-array-index-key */}\n          {weeks.map((week, weekIndex) => (\n            <tr key={weekIndex}>\n              {week.map((day, dayIndex) => (\n                <td key={dayIndex} className={dayIndex > 4 ? 'weekend' : ''}>\n                  {day !== -1 && (\n                    <TableLink\n                      item={day}\n                      type=\"day\"\n                      title={formatDate(\n                        new Date(viewYear, viewMonth, day),\n                        intl.locale,\n                        SHORT_DAY_FORMAT,\n                      )}\n                      autofocus={day === autoFocusDay}\n                      longTitle={formatDate(new Date(viewYear, viewMonth, day), intl.locale)}\n                      active={this.isActive(day)}\n                      disabled={this.isDisabled(day)}\n                      today={this.isToday(day)}\n                      onClick={this.selectDay}\n                    />\n                  )}\n                </td>\n              ))}\n            </tr>\n          ))}\n          {/* eslint-enable react/no-array-index-key */}\n        </tbody>\n      </table>\n    );\n  }\n}\n\nexport default injectIntl(DayCalendarTable);\n"],"names":["SHORT_DAY_FORMAT","day","DayCalendarTable","PureComponent","getTableStructure","viewMonth","viewYear","props","firstDayOfMonth","Date","getDay","daysInMonth","getDate","week","weeks","i","push","length","days","getDayNames","intl","locale","daysShort","daysLong","selectDay","onSelect","isDisabled","min","max","date","isWithinRange","isActive","selectedDate","Number","isToday","getStartOfDay","getAutofocusDay","flatMap","getFocusableTime","isNow","timeSpan","render","autoFocusDay","_jsxs","className","children","_jsx","map","index","title","slice","weekIndex","dayIndex","TableLink","item","type","formatDate","autofocus","longTitle","active","disabled","today","onClick","injectIntl"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"DayCalendarTable.mjs","sources":["../../../../src/dateLookup/dayCalendar/table/DayCalendarTable.tsx"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\nimport { PureComponent } from 'react';\nimport { injectIntl, type WrappedComponentProps } from 'react-intl';\n\nimport { getDayNames, isWithinRange } from '../../../common/dateUtils';\nimport { getFocusableTime } from '../../getFocusableTime/getFocusableTime';\nimport { getStartOfDay } from '../../getStartOfDay';\nimport TableLink from '../../tableLink';\n\nconst SHORT_DAY_FORMAT: Intl.DateTimeFormatOptions = { day: 'numeric' };\n\ninterface DayCalendarTableProps extends WrappedComponentProps {\n  selectedDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  onSelect: (date: Date) => void;\n}\n\nclass DayCalendarTable extends PureComponent<DayCalendarTableProps> {\n  getTableStructure = () => {\n    const { viewMonth, viewYear } = this.props;\n    let firstDayOfMonth = new Date(viewYear, viewMonth, 1).getDay();\n    // JS Sunday is 0, we're setting it last\n    if (firstDayOfMonth === 0) {\n      firstDayOfMonth = 7;\n    }\n    const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();\n\n    let week: number[] = [];\n    const weeks: number[][] = [];\n    let i;\n\n    // Pad first week\n    for (i = 1; i < firstDayOfMonth; i += 1) {\n      week.push(-1);\n    }\n    // Fill in days\n    for (i = 1; i <= daysInMonth; i += 1) {\n      week.push(i);\n      if ((firstDayOfMonth + i - 1) % 7 === 0) {\n        weeks.push(week);\n        week = [];\n      }\n    }\n    if (week.length > 0) {\n      // Pad last week\n      for (i = week.length; i < 7; i += 1) {\n        week.push(-1);\n      }\n      weeks.push(week);\n    }\n    return weeks;\n  };\n\n  days = getDayNames(this.props.intl.locale, 'short');\n  daysShort = getDayNames(this.props.intl.locale, 'narrow');\n  daysLong = getDayNames(this.props.intl.locale, 'long');\n\n  selectDay = (day: number) => {\n    const { viewMonth, viewYear, onSelect } = this.props;\n    onSelect(new Date(viewYear, viewMonth, day));\n  };\n\n  isDisabled = (day: number) => {\n    if (day < 0) {\n      return true;\n    }\n    const { min, max, viewMonth, viewYear } = this.props;\n    const date = new Date(viewYear, viewMonth, day);\n\n    return !isWithinRange(date, min, max);\n  };\n\n  isActive = (day: number) => {\n    const { selectedDate, viewMonth, viewYear } = this.props;\n    return !!(selectedDate && Number(new Date(viewYear, viewMonth, day)) === Number(selectedDate));\n  };\n\n  isToday = (day: number) => {\n    const { viewMonth, viewYear } = this.props;\n    return Number(getStartOfDay(new Date())) === Number(new Date(viewYear, viewMonth, day));\n  };\n\n  getAutofocusDay = (weeks: number[][]) => {\n    const days = weeks.flatMap((week) => week);\n    return getFocusableTime({\n      isActive: this.isActive,\n      isNow: this.isToday,\n      isDisabled: this.isDisabled,\n      timeSpan: days,\n    });\n  };\n\n  render() {\n    const { viewMonth, viewYear, intl } = this.props;\n    const weeks = this.getTableStructure();\n    const autoFocusDay = this.getAutofocusDay(weeks);\n    return (\n      <table className=\"table table-condensed table-bordered tw-date-lookup-calendar m-b-0\">\n        <thead>\n          <tr>\n            {this.days.map((day, index) => (\n              <th\n                key={day}\n                className={\n                  index > 4\n                    ? 'text-xs-center np-text-body-default'\n                    : 'text-xs-center np-text-body-default-bold'\n                }\n              >\n                <span className=\"hidden-xs\">\n                  <abbr title={this.daysLong[index]}>{day.slice(0, 3)}</abbr>\n                </span>\n                <span className=\"visible-xs-inline-block\">\n                  <abbr title={this.daysLong[index]}>{this.daysShort[index].slice(0, 2)}</abbr>\n                </span>\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {/* eslint-disable react/no-array-index-key */}\n          {weeks.map((week, weekIndex) => (\n            <tr key={weekIndex}>\n              {week.map((day, dayIndex) => (\n                <td key={dayIndex} className={dayIndex > 4 ? 'weekend' : ''}>\n                  {day !== -1 && (\n                    <TableLink\n                      item={day}\n                      type=\"day\"\n                      title={formatDate(\n                        new Date(viewYear, viewMonth, day),\n                        intl.locale,\n                        SHORT_DAY_FORMAT,\n                      )}\n                      autofocus={day === autoFocusDay}\n                      longTitle={formatDate(new Date(viewYear, viewMonth, day), intl.locale)}\n                      active={this.isActive(day)}\n                      disabled={this.isDisabled(day)}\n                      today={this.isToday(day)}\n                      onClick={this.selectDay}\n                    />\n                  )}\n                </td>\n              ))}\n            </tr>\n          ))}\n          {/* eslint-enable react/no-array-index-key */}\n        </tbody>\n      </table>\n    );\n  }\n}\n\nexport default injectIntl(DayCalendarTable);\n"],"names":["SHORT_DAY_FORMAT","day","DayCalendarTable","PureComponent","getTableStructure","viewMonth","viewYear","props","firstDayOfMonth","Date","getDay","daysInMonth","getDate","week","weeks","i","push","length","days","getDayNames","intl","locale","daysShort","daysLong","selectDay","onSelect","isDisabled","min","max","date","isWithinRange","isActive","selectedDate","Number","isToday","getStartOfDay","getAutofocusDay","flatMap","getFocusableTime","isNow","timeSpan","render","autoFocusDay","_jsxs","className","children","_jsx","map","index","title","slice","weekIndex","dayIndex","TableLink","item","type","formatDate","autofocus","longTitle","active","disabled","today","onClick","injectIntl"],"mappings":"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"}

package/build/dateLookup/getFocusableTime/getFocusableTime.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFocusableTime.js","sources":["../../../src/dateLookup/getFocusableTime/getFocusableTime.tsx"],"sourcesContent":["interface FocusableTimeProps {\n  isActive: (time: number) => boolean;\n  isNow: (time: number) => boolean;\n  isDisabled: (time: number) => boolean;\n  timeSpan: readonly number[];\n}\n\nexport function getFocusableTime(props: FocusableTimeProps): number | undefined {\n  return (\n    props.timeSpan.find((time: number) => props.isActive(time)) ||\n    props.timeSpan.find((time: number) => props.isNow(time) && !props.isDisabled(time)) ||\n    props.timeSpan.find((time: number) => !props.isDisabled(time))\n  );\n}\n"],"names":["getFocusableTime","props","timeSpan","find","time","isActive","isNow","isDisabled"],"mappings":";;AAOM,SAAUA,gBAAgBA,CAACC,KAAyB,EAAA;EACxD,OACEA,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAKH,KAAK,CAACI,QAAQ,CAACD,IAAI,CAAC,CAAC,IAC3DH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAKH,KAAK,CAACK,KAAK,CAACF,IAAI,CAAC,IAAI,CAACH,KAAK,CAACM,UAAU,CAACH,IAAI,CAAC,CAAC,IACnFH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAK,CAACH,KAAK,CAACM,UAAU,CAACH,IAAI,CAAC,CAAC;AAElE;;;;"}

package/build/dateLookup/getFocusableTime/getFocusableTime.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFocusableTime.mjs","sources":["../../../src/dateLookup/getFocusableTime/getFocusableTime.tsx"],"sourcesContent":["interface FocusableTimeProps {\n  isActive: (time: number) => boolean;\n  isNow: (time: number) => boolean;\n  isDisabled: (time: number) => boolean;\n  timeSpan: readonly number[];\n}\n\nexport function getFocusableTime(props: FocusableTimeProps): number | undefined {\n  return (\n    props.timeSpan.find((time: number) => props.isActive(time)) ||\n    props.timeSpan.find((time: number) => props.isNow(time) && !props.isDisabled(time)) ||\n    props.timeSpan.find((time: number) => !props.isDisabled(time))\n  );\n}\n"],"names":["getFocusableTime","props","timeSpan","find","time","isActive","isNow","isDisabled"],"mappings":"AAOM,SAAUA,gBAAgBA,CAACC,KAAyB,EAAA;EACxD,OACEA,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAKH,KAAK,CAACI,QAAQ,CAACD,IAAI,CAAC,CAAC,IAC3DH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAKH,KAAK,CAACK,KAAK,CAACF,IAAI,CAAC,IAAI,CAACH,KAAK,CAACM,UAAU,CAACH,IAAI,CAAC,CAAC,IACnFH,KAAK,CAACC,QAAQ,CAACC,IAAI,CAAEC,IAAY,IAAK,CAACH,KAAK,CAACM,UAAU,CAACH,IAAI,CAAC,CAAC;AAElE;;;;"}