feat(cdk, core): TuiMonthPipe move from cdk to core, add i18n

BREAKING CHANGE: import it from @taiga-ui/core library and use with async pipe

projects/cdk/date-time/test/time.spec.ts

@@ -349,6 +349,6 @@ describe('TuiTime', () => {
     it('stringify and fill zeros for seconds and ms', () => {
         const time = new TuiTime(6, 36, 0, 0);
 
-        expect(time.toString('HH:MM:SS.MS')).toBe('06:36:00.000');
+        expect(time.toString('HH:MM:SS.MSS')).toBe('06:36:00.000');
     });
 });

projects/cdk/date-time/time.ts

@@ -63,7 +63,7 @@ export class TuiTime implements TuiTimeLike {
      * Converts TuiTime to string
      */
     toString(mode?: TuiTimeMode): string {
-        const needAddMs = mode === 'HH:MM:SS.MS' || (!mode && this.ms > 0);
+        const needAddMs = mode === 'HH:MM:SS.MSS' || (!mode && this.ms > 0);
         const needAddSeconds =
             needAddMs || mode === 'HH:MM:SS' || (!mode && this.seconds > 0);
 

projects/cdk/pipes/index.ts

@@ -1,3 +1,2 @@
 export * from '@taiga-ui/cdk/pipes/filter';
 export * from '@taiga-ui/cdk/pipes/mapper';
-export * from '@taiga-ui/cdk/pipes/month';

projects/cdk/tokens/index.ts

@@ -4,5 +4,4 @@ export * from './focusable-item-accessor';
 export * from './is-android';
 export * from './is-ios';
 export * from './is-mobile';
-export * from './months';
 export * from './sanitizer';

projects/core/pipes/index.ts

@@ -1,3 +1,4 @@
 export * from '@taiga-ui/core/pipes/format-number';
 export * from '@taiga-ui/core/pipes/format-phone';
+export * from '@taiga-ui/core/pipes/month';
 export * from '@taiga-ui/core/pipes/pluralize';

projects/core/pipes/month/month.pipe.ts

@@ -0,0 +1,15 @@
+import {Inject, Pipe, PipeTransform} from '@angular/core';
+import {TuiMonth} from '@taiga-ui/cdk/date-time';
+import {TUI_MONTHS} from '@taiga-ui/core/tokens';
+import {Observable} from 'rxjs';
+import {map} from 'rxjs/operators';
+
+// @dynamic
+@Pipe({name: 'tuiMonth'})
+export class TuiMonthPipe implements PipeTransform {
+    constructor(@Inject(TUI_MONTHS) private readonly months$: Observable<string[]>) {}
+
+    transform({month}: TuiMonth): Observable<string> {
+        return this.months$.pipe(map(months => months[month]));
+    }
+}

projects/cdk/pipes/month/package.json → projects/core/pipes/month/package.json

@@ -4,4 +4,4 @@
             "entryFile": "index.ts"
         }
     }
-}
+}

projects/core/tokens/i18n.ts

@@ -1,37 +1,29 @@
 import {InjectionToken} from '@angular/core';
+import {extractI18n} from '@taiga-ui/i18n';
 
-export const TUI_CLOSE_WORD = new InjectionToken<string>(`i18n 'close' word`, {
-    factory: () => 'Close',
+export const TUI_MONTHS = new InjectionToken('Localized months names', {
+    factory: extractI18n('months'),
 });
 
-export const TUI_NOTHING_FOUND_MESSAGE = new InjectionToken<string>(
+export const TUI_CLOSE_WORD = new InjectionToken(`i18n 'close' word`, {
+    factory: extractI18n('close'),
+});
+
+export const TUI_NOTHING_FOUND_MESSAGE = new InjectionToken(
     `i18n 'Nothing found' message`,
     {
-        factory: () => 'Nothing found',
+        factory: extractI18n('nothingFoundMessage'),
     },
 );
 
-export const TUI_DEFAULT_ERROR_MESSAGE = new InjectionToken<string>(
-    `i18n of error message`,
-    {
-        factory: () => 'Value is invalid',
-    },
-);
+export const TUI_DEFAULT_ERROR_MESSAGE = new InjectionToken(`i18n of error message`, {
+    factory: extractI18n('defaultErrorMessage'),
+});
 
-/**
- * Works with a tuple
- * [@string word 'previous', @string word 'next']
- */
-export const TUI_SPIN_TEXTS = new InjectionToken<[string, string]>('spin i18n texts', {
-    factory: () => ['Previous', 'Next'],
+export const TUI_SPIN_TEXTS = new InjectionToken('spin i18n texts', {
+    factory: extractI18n('spinTexts'),
 });
 
-/**
- * Tuple with short days of week
- * starts with Mon (Monday)
- */
-export const TUI_SHORT_WEEK_DAYS = new InjectionToken<
-    [string, string, string, string, string, string, string]
->('calendars i18n texts', {
-    factory: () => ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+export const TUI_SHORT_WEEK_DAYS = new InjectionToken('calendars i18n texts', {
+    factory: extractI18n('shortWeekDays'),
 });