From 071eff95bdfbaf2ad6cdfeb05edeb1b90e501fd9 Mon Sep 17 00:00:00 2001
From: Maksim Ivanov <omaxphp@yandex.ru>
Date: Thu, 22 Aug 2024 14:46:03 +0300
Subject: [PATCH] refactor(core): support noUncheckedIndexedAccess (#8622)

---
 .../core/components/calendar/calendar-sheet.template.html   | 6 +++---
 .../core/components/notification/notification.options.ts    | 2 +-
 projects/core/components/textfield/textfield.component.ts   | 4 ++++
 projects/core/components/textfield/textfield.template.html  | 2 +-
 projects/core/pipes/month/month.pipe.ts                     | 2 +-
 projects/core/services/breakpoint.service.ts                | 2 +-
 projects/core/utils/format/number-to-string-without-exp.ts  | 2 +-
 7 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/projects/core/components/calendar/calendar-sheet.template.html b/projects/core/components/calendar/calendar-sheet.template.html
index 4480ed290f6d..5bbbe0c1f610 100644
--- a/projects/core/components/calendar/calendar-sheet.template.html
+++ b/projects/core/components/calendar/calendar-sheet.template.html
@@ -11,10 +11,10 @@
         automation-id="tui-calendar-sheet__row"
         class="t-row"
     >
-        <ng-container *tuiRepeatTimes="let colIndex of sheet[rowIndex].length">
-            <ng-container *tuiLet="sheet[rowIndex][colIndex] as item">
+        <ng-container *tuiRepeatTimes="let colIndex of sheet[rowIndex]?.length || 0">
+            <ng-container *tuiLet="sheet[rowIndex]?.[colIndex] as item">
                 <div
-                    *ngIf="!itemIsUnavailable(item) || showAdjacent"
+                    *ngIf="item && (!itemIsUnavailable(item) || showAdjacent)"
                     automation-id="tui-calendar-sheet__cell"
                     class="t-cell"
                     [attr.data-range]="getItemRange(item)"
diff --git a/projects/core/components/notification/notification.options.ts b/projects/core/components/notification/notification.options.ts
index 5c631f3a781c..ad9065a86377 100644
--- a/projects/core/components/notification/notification.options.ts
+++ b/projects/core/components/notification/notification.options.ts
@@ -20,7 +20,7 @@ const ICONS: Record<string, string> = {
 /** Default values for the notification options. */
 export const TUI_NOTIFICATION_DEFAULT_OPTIONS: TuiNotificationOptions = {
     appearance: 'info',
-    icon: (appearance) => ICONS[appearance],
+    icon: (appearance) => ICONS[appearance] ?? '',
     size: 'l',
 };
 
diff --git a/projects/core/components/textfield/textfield.component.ts b/projects/core/components/textfield/textfield.component.ts
index 1979956f3f33..3630d7a010d6 100644
--- a/projects/core/components/textfield/textfield.component.ts
+++ b/projects/core/components/textfield/textfield.component.ts
@@ -125,4 +125,8 @@ export class TuiTextfieldComponent<T> implements TuiDataListHost<T> {
     protected get hasLabel(): boolean {
         return Boolean(this.label?.nativeElement?.childNodes.length);
     }
+
+    protected onResize(entry: readonly ResizeObserverEntry[]): void {
+        this.side = entry[0]?.contentRect?.width || 0;
+    }
 }
diff --git a/projects/core/components/textfield/textfield.template.html b/projects/core/components/textfield/textfield.template.html
index 0e1b03adc834..8224652242b0 100644
--- a/projects/core/components/textfield/textfield.template.html
+++ b/projects/core/components/textfield/textfield.template.html
@@ -3,7 +3,7 @@
 <ng-content select="label" />
 <span
     class="t-content"
-    (waResizeObserver)="side = $event[0].contentRect.width"
+    (waResizeObserver)="onResize($event)"
 >
     <ng-content />
     <button
diff --git a/projects/core/pipes/month/month.pipe.ts b/projects/core/pipes/month/month.pipe.ts
index ebcc09b91770..a8d5a4e81a10 100644
--- a/projects/core/pipes/month/month.pipe.ts
+++ b/projects/core/pipes/month/month.pipe.ts
@@ -13,6 +13,6 @@ export class TuiMonthPipe implements PipeTransform {
     private readonly months$ = inject(TUI_MONTHS);
 
     public transform({month}: TuiMonth): Observable<string> {
-        return this.months$.pipe(map((months) => months[month]));
+        return this.months$.pipe(map((months) => months[month] || months[0]));
     }
 }
diff --git a/projects/core/services/breakpoint.service.ts b/projects/core/services/breakpoint.service.ts
index f47ee1efe7b3..1bdd86c5463d 100644
--- a/projects/core/services/breakpoint.service.ts
+++ b/projects/core/services/breakpoint.service.ts
@@ -28,7 +28,7 @@ export class TuiBreakpointService extends Observable<TuiBreakpointMediaKey | nul
 
     private readonly stream$ = inject(TUI_WINDOW_SIZE).pipe(
         map(({width}) => this.sorted.find((size) => size > width)),
-        map((key) => this.invert[key || this.sorted[this.sorted.length - 1]]),
+        map((key) => this.invert[key || this.sorted[this.sorted.length - 1] || 0]),
         distinctUntilChanged(),
         tuiZoneOptimized(inject(NgZone)),
         shareReplay({bufferSize: 1, refCount: true}),
diff --git a/projects/core/utils/format/number-to-string-without-exp.ts b/projects/core/utils/format/number-to-string-without-exp.ts
index d1101fbb96a4..216a522473b3 100644
--- a/projects/core/utils/format/number-to-string-without-exp.ts
+++ b/projects/core/utils/format/number-to-string-without-exp.ts
@@ -11,7 +11,7 @@ export function tuiNumberToStringWithoutExp(value: number): string {
     let valueWithoutExp = valueAsString;
 
     if (expPart) {
-        const [, fractionalPart] = numberPart.split('.');
+        const [, fractionalPart = ''] = numberPart?.split('.') ?? [];
         const decimalDigits = Number(expPart) + (fractionalPart?.length || 0);
 
         valueWithoutExp = value.toFixed(decimalDigits);