From f98c10abf9fcbd6f30ae50d6f97a0d5b096fcfc4 Mon Sep 17 00:00:00 2001
From: Alexander Bulychev <git@bulychev.net>
Date: Tue, 7 May 2024 14:28:22 +0400
Subject: [PATCH] Fixes, remove @ts-expect-error

---
 apps/demos/package.json                       |   1 +
 packages/devextreme-angular/package.json      |   3 +-
 .../devextreme-monorepo-tools/package.json    |   5 +-
 .../r1/components/base/all_day_panel_cell.tsx |   1 -
 .../components/base/all_day_panel_table.tsx   |   2 -
 .../base/all_day_panel_table_body.tsx         |   2 -
 .../r1/components/base/date_header.tsx        |   2 -
 .../r1/components/base/date_header_cell.tsx   |   1 -
 .../r1/components/base/date_table.tsx         |   2 -
 .../r1/components/base/date_table_body.tsx    |   2 -
 .../components/base/date_table_cell_base.tsx  |   1 -
 .../r1/components/base/group_panel.tsx        |   1 -
 .../base/group_panel_horizontal.tsx           |   1 -
 .../base/group_panel_horizontal_row.tsx       |   1 -
 .../components/base/group_panel_vertical.tsx  |   1 -
 .../base/group_panel_vertical_row.tsx         |   1 -
 .../r1/components/base/header_panel.tsx       |   2 -
 .../scheduler/r1/components/base/row.tsx      |   2 -
 .../scheduler/r1/components/base/table.tsx    |   2 -
 .../r1/components/base/time_panel_cell.tsx    |   1 -
 .../r1/components/base/time_panel_table.tsx   |   6 -
 .../r1/components/base/virtual_cell.tsx       |   1 -
 .../r1/components/base/virtual_row.tsx        |   2 -
 .../r1/components/month/date_table_month.tsx  |   1 -
 .../month/date_table_month_cell.tsx           |   1 -
 .../timeline/date_header_timeline.tsx         |   2 -
 .../timeline/header_panel_timeline.tsx        |   1 -
 pnpm-lock.yaml                                | 108 ++++++++++++++----
 28 files changed, 93 insertions(+), 63 deletions(-)

diff --git a/apps/demos/package.json b/apps/demos/package.json
index d48c85e2e31a..bcb1aa1e486f 100644
--- a/apps/demos/package.json
+++ b/apps/demos/package.json
@@ -92,6 +92,7 @@
         "gulp-minify": "3.1.0",
         "gulp-replace": "1.1.4",
         "jest": "26.6.3",
+        "jest-environment-node": "26.6.2",
         "lodash.partial": "4.2.1",
         "looks-same": "7.3.0",
         "minimist": "1.2.8",
diff --git a/packages/devextreme-angular/package.json b/packages/devextreme-angular/package.json
index d47ea31cc091..21acbd536267 100644
--- a/packages/devextreme-angular/package.json
+++ b/packages/devextreme-angular/package.json
@@ -24,7 +24,6 @@
     "devextreme": "~24.1.1"
   },
   "devDependencies": {
-    "@webcomponents/custom-elements": "^1.6.0",
     "@angular/animations": "^16.2.10",
     "@angular/cli": "^16.2.10",
     "@angular/common": "^16.2.10",
@@ -37,6 +36,7 @@
     "@angular/platform-server": "^16.2.12",
     "@types/jasmine": "2.8.23",
     "@types/node": "~20.11.0",
+    "@webcomponents/custom-elements": "^1.6.0",
     "codelyzer": "6.0.2",
     "core-js": "^2.6.12",
     "del": "^2.2.2",
@@ -53,6 +53,7 @@
     "karma-webpack": "^5.0.0",
     "ng-packagr": "16.2.0",
     "puppeteer": "^19.11.1",
+    "reflect-metadata": "0.1.13",
     "rxjs": "^6.6.7",
     "stream-browserify": "^3.0.0",
     "tslib": "^2.6.1",
diff --git a/packages/devextreme-monorepo-tools/package.json b/packages/devextreme-monorepo-tools/package.json
index 4c3ab44f179d..95f095afcd7e 100644
--- a/packages/devextreme-monorepo-tools/package.json
+++ b/packages/devextreme-monorepo-tools/package.json
@@ -1,4 +1,7 @@
 {
   "name": "devextreme-monorepo-tools",
-  "version": "24.1.1"
+  "version": "24.1.1",
+  "devDependencies": {
+    "ts-jest": "26.5.6"
+  }
 }
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_cell.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_cell.tsx
index 1846784a9490..b78538a4f45f 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_cell.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_cell.tsx
@@ -23,7 +23,6 @@ export class AllDayPanelCell extends BaseInfernoComponent<DateTableCellBaseProps
     const DataCellTemplateComponent = getTemplate(dataCellTemplate);
 
     return (
-      // @ts-expect-error TS2786
       <DateTableCellBase
         className={`${ALL_DAY_PANEL_CELL_CLASS} ${className}`}
         startDate={startDate}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_table.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_table.tsx
index 6f7932e75982..3d3daceb5c04 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_table.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_table.tsx
@@ -49,14 +49,12 @@ export class AllDayTable extends InfernoWrapperComponent<AllDayPanelTableProps>
     const DataCellTemplateComponent = getTemplate(dataCellTemplate);
 
     return (
-      // @ts-expect-error TS2786
       <Table
         className="dx-scheduler-all-day-table"
         height={allDayPanelData ? undefined : DefaultSizes.allDayPanelHeight}
         width={width}
         tableRef={tableRef}
       >
-        {/* @ts-expect-error TS2786 */}
         <AllDayPanelTableBody
           viewData={allDayPanelData ?? AllDayPanelTableBodyDefaultProps.viewData}
           leftVirtualCellWidth={viewData.leftVirtualCellWidth
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_table_body.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_table_body.tsx
index 9a95bdcb8206..03e333640496 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_table_body.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_table_body.tsx
@@ -46,7 +46,6 @@ export class AllDayPanelTableBody extends BaseInfernoComponent<AllDayPanelTableB
     const DataCellTemplateComponent = getTemplate(dataCellTemplate);
 
     return (
-      // @ts-expect-error TS2786
       <Row
         leftVirtualCellWidth={leftVirtualCellWidth}
         rightVirtualCellWidth={rightVirtualCellWidth}
@@ -67,7 +66,6 @@ export class AllDayPanelTableBody extends BaseInfernoComponent<AllDayPanelTableB
             key,
             startDate,
           }) => (
-            // @ts-expect-error TS2786
             <AllDayPanelCell
               key={key}
               isFirstGroupCell={!isVerticalGroupOrientation && isFirstGroupCell}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/date_header.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/date_header.tsx
index c5681a086a5a..6069584cb70f 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/date_header.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/date_header.tsx
@@ -51,7 +51,6 @@ export class DateHeader extends BaseInfernoComponent<DateHeaderProps> {
       <>
         {
           dataMap.map((dateHeaderRow, rowIndex) => (
-            // @ts-expect-error TS2786
             <Row
               key={rowIndex.toString()}
               className="dx-scheduler-header-row"
@@ -75,7 +74,6 @@ export class DateHeader extends BaseInfernoComponent<DateHeaderProps> {
                   text,
                   today,
                 }) => (
-                  // @ts-expect-error TS2786
                   <DateHeaderCell
                     key={key}
                     startDate={startDate}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/date_header_cell.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/date_header_cell.tsx
index 7bab8a18b9e5..3bf7c4d9a5f0 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/date_header_cell.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/date_header_cell.tsx
@@ -87,7 +87,6 @@ export class DateHeaderCell extends BaseInfernoComponent<DateHeaderCellProps> {
         </>
     )
       : (
-        // @ts-expect-error TS2786
         <DateHeaderText
           splitText={splitText}
           text={text}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/date_table.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/date_table.tsx
index d28c415cb3f3..74ef4fc3d9c4 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/date_table.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/date_table.tsx
@@ -48,7 +48,6 @@ export class DateTable extends InfernoWrapperComponent<DateTableProps> {
     const DataCellTemplateComponent = getTemplate(dataCellTemplate);
 
     return (
-      // @ts-expect-error TS2786
       <Table
         {...restProps}
         tableRef={tableRef}
@@ -62,7 +61,6 @@ export class DateTable extends InfernoWrapperComponent<DateTableProps> {
         className={classes}
         width={width}
       >
-         {/* @ts-expect-error TS2786 */}
         <DateTableBody
           cellTemplate={CellTemplateComponent}
           viewData={viewData}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/date_table_body.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/date_table_body.tsx
index 98265b377a49..ce82e4a0ae50 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/date_table_body.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/date_table_body.tsx
@@ -48,7 +48,6 @@ export class DateTableBody extends BaseInfernoComponent<DateTableBodyProps> {
           }) => (
               <Fragment key={fragmentKey}>
                 {
-                  // @ts-expect-error TS2786
                   isGroupedAllDayPanel && <AllDayPanelTableBody
                     viewData={allDayPanel ?? AllDayPanelTableBodyDefaultProps.viewData}
                     dataCellTemplate={DataCellTemplateComponent}
@@ -66,7 +65,6 @@ export class DateTableBody extends BaseInfernoComponent<DateTableBodyProps> {
                     cells,
                     key: rowKey,
                   }) => (
-                    // @ts-expect-error TS2786
                       <Row
                         key={rowKey}
                         className={rowClasses}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/date_table_cell_base.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/date_table_cell_base.tsx
index 1a0a14aa5276..0ba95d57c86c 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/date_table_cell_base.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/date_table_cell_base.tsx
@@ -98,7 +98,6 @@ export class DateTableCellBase extends BaseInfernoComponent<DateTableCellBasePro
     const DataCellTemplateComponent = getTemplate(dataCellTemplate);
 
     return (
-      // @ts-expect-error TS2786
       <CellBase
         isFirstGroupCell={isFirstGroupCell}
         isLastGroupCell={isLastGroupCell}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel.tsx
index cf901daef6e1..70c00d6cb49f 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel.tsx
@@ -48,7 +48,6 @@ export class GroupPanel extends InfernoWrapperComponent<GroupPanelProps> {
     const Layout = isVerticalLayout ? GroupPanelVertical : GroupPanelHorizontal;
 
     return (
-    // @ts-expect-error TS2786
      <Layout
        height={height}
        resourceCellTemplate={ResourceCellTemplateComponent}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_horizontal.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_horizontal.tsx
index 2b8b4027b254..65916a3dd662 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_horizontal.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_horizontal.tsx
@@ -66,7 +66,6 @@ export class GroupPanelHorizontal extends BaseInfernoComponent<GroupPanelBasePro
     return (
       <>
         {
-          // @ts-expect-error TS2786
           groupPanelItems.map((group) => <GroupPanelHorizontalRow
               key={group[0].key}
               groupItems={group}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_horizontal_row.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_horizontal_row.tsx
index 7a9e18851c87..e4895ea9cfe4 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_horizontal_row.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_horizontal_row.tsx
@@ -26,7 +26,6 @@ export class GroupPanelHorizontalRow extends BaseInfernoComponent<GroupPanelRowP
             isLastGroupCell,
             key,
             text,
-            // @ts-expect-error TS2786
           }, index) => <GroupPanelHorizontalCell
             key={key}
             text={text}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_vertical.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_vertical.tsx
index c2cdc571cbe7..d8ab0bb8df02 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_vertical.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_vertical.tsx
@@ -28,7 +28,6 @@ export class GroupPanelVertical extends BaseInfernoComponent<GroupPanelProps> {
         <div className="dx-scheduler-group-flex-container">
           {
             groupPanelData.groupPanelItems
-              // @ts-expect-error TS2786
               .map((group) => <GroupPanelVerticalRow
                 key={group[0].key}
                 groupItems={group}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_vertical_row.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_vertical_row.tsx
index d4854b6dc6f5..5a6002c6d6c4 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_vertical_row.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/group_panel_vertical_row.tsx
@@ -23,7 +23,6 @@ export class GroupPanelVerticalRow extends BaseInfernoComponent<GroupPanelRowPro
             id,
             key,
             text,
-            // @ts-expect-error TS2786
           }, index) => <GroupPanelVerticalCell
             key={key}
             text={text}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/header_panel.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/header_panel.tsx
index fb2918c1700f..cb655b762e68 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/header_panel.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/header_panel.tsx
@@ -54,7 +54,6 @@ export class HeaderPanel extends InfernoWrapperComponent<HeaderPanelProps> {
       <thead>
       {
         isHorizontalGrouping && !groupByDate && (
-          // @ts-expect-error TS2786
           <GroupPanel
             groupPanelData={groupPanelData}
             groups={groups}
@@ -76,7 +75,6 @@ export class HeaderPanel extends InfernoWrapperComponent<HeaderPanelProps> {
       }
       {
         groupByDate && (
-          // @ts-expect-error TS2786
           <GroupPanel
             groupPanelData={groupPanelData}
             groups={groups}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/row.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/row.tsx
index f9b8ebde9a17..c7bffff6990b 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/row.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/row.tsx
@@ -47,7 +47,6 @@ export class Row extends BaseInfernoComponent<RowProps> {
           hasLeftVirtualCell
           && leftVirtualCellCount != null
           && splitNumber(leftVirtualCellCount, MAX_COL_SPAN).map(
-            // @ts-expect-error TS2786
             (colSpan, index) => <VirtualCell
               className={`left-virtual-cell-${index}`}
               width={leftVirtualCellWidth * (colSpan / leftVirtualCellCount)}
@@ -61,7 +60,6 @@ export class Row extends BaseInfernoComponent<RowProps> {
           hasRightVirtualCell
           && rightVirtualCellCount != null
           && splitNumber(rightVirtualCellCount, MAX_COL_SPAN).map(
-            // @ts-expect-error TS2786
             (colSpan, index) => <VirtualCell
               className={`right-virtual-cell-${index}`}
               width={rightVirtualCellWidth * (colSpan / rightVirtualCellCount)}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/table.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/table.tsx
index 16019e5c8fa4..ec2f5346332c 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/table.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/table.tsx
@@ -66,7 +66,6 @@ export class Table extends BaseInfernoComponent<TableProps> {
         <tbody>
         {
           hasTopVirtualRow && (
-            // @ts-expect-error TS2786
             <VirtualRow
               height={topVirtualRowHeight}
               cellsCount={virtualCellsCount ?? VirtualRowDefaultProps.cellsCount}
@@ -82,7 +81,6 @@ export class Table extends BaseInfernoComponent<TableProps> {
         {children}
         {
           hasBottomVirtualRow && (
-            // @ts-expect-error TS2786
             <VirtualRow
               height={bottomVirtualRowHeight}
               cellsCount={virtualCellsCount ?? VirtualRowDefaultProps.cellsCount}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/time_panel_cell.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/time_panel_cell.tsx
index 38c5595d20ed..ac9a7311cf00 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/time_panel_cell.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/time_panel_cell.tsx
@@ -62,7 +62,6 @@ export class TimePanelCell extends BaseInfernoComponent<TimePanelCellProps> {
     const TimeCellTemplateComponent = getTemplate(timeCellTemplate);
 
     return (
-      // @ts-expect-error TS2786
       <CellBase
         className={`dx-scheduler-time-panel-cell dx-scheduler-cell-sizes-vertical ${highlighted ? 'dx-scheduler-time-panel-current-time-cell' : ''} ${className}`}
         isFirstGroupCell={isFirstGroupCell}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/time_panel_table.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/time_panel_table.tsx
index 6d714c69ec5c..d7b6b6adb88f 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/time_panel_table.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/time_panel_table.tsx
@@ -48,7 +48,6 @@ export class TimePanelTable extends InfernoWrapperComponent<TimePanelTableProps>
     const TimeCellTemplateComponent = getTemplate(timeCellTemplate);
 
     return (
-      // @ts-expect-error TS2786
       <Table
         {...restProps}
         className="dx-scheduler-time-panel"
@@ -67,19 +66,16 @@ export class TimePanelTable extends InfernoWrapperComponent<TimePanelTableProps>
             <Fragment key={fragmentKey}>
               {
                 isGroupedAllDayPanel && (
-                  // @ts-expect-error TS2786
                   <Row
                     leftVirtualCellWidth={RowDefaultProps.leftVirtualCellWidth}
                     rightVirtualCellWidth={RowDefaultProps.rightVirtualCellWidth}
                   >
-                    {/* @ts-expect-error TS2786 */}
                     <CellBase
                       className="dx-scheduler-time-panel-title-cell"
                       startDate={CellBaseDefaultProps.startDate}
                       endDate={CellBaseDefaultProps.endDate}
                       index={CellBaseDefaultProps.index}
                     >
-                      {/* @ts-expect-error TS2786 */}
                       <AllDayPanelTitle/>
                     </CellBase>
                   </Row>
@@ -96,14 +92,12 @@ export class TimePanelTable extends InfernoWrapperComponent<TimePanelTableProps>
                   startDate,
                   text,
                 }) => (
-                  // @ts-expect-error TS2786
                   <Row
                     key={key}
                     className="dx-scheduler-time-panel-row"
                     leftVirtualCellWidth={RowDefaultProps.leftVirtualCellWidth}
                     rightVirtualCellWidth={RowDefaultProps.rightVirtualCellWidth}
                   >
-                    {/* @ts-expect-error TS2786 */}
                     <TimePanelCell
                       startDate={startDate}
                       endDate={CellBaseDefaultProps.endDate}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/virtual_cell.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/virtual_cell.tsx
index 35d1bf48a830..f156f45f8052 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/virtual_cell.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/virtual_cell.tsx
@@ -29,7 +29,6 @@ export class VirtualCell extends BaseInfernoComponent<VirtualCellProps> {
     const Cell = isHeaderCell ? HeaderCell : OrdinaryCell;
 
     return (
-      // @ts-expect-error TS2786
       <Cell
         className="dx-scheduler-virtual-cell"
         styles={modifiedStyles}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/base/virtual_row.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/base/virtual_row.tsx
index bce68c741ed6..fa0232cfab33 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/base/virtual_row.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/base/virtual_row.tsx
@@ -58,7 +58,6 @@ export class VirtualRow extends BaseInfernoComponent<VirtualRowProps> {
     const virtualCells = this.getVirtualCells();
 
     return (
-      // @ts-expect-error TS2786
       <Row
         className={classes}
         styles={modifiedStyles}
@@ -70,7 +69,6 @@ export class VirtualRow extends BaseInfernoComponent<VirtualRowProps> {
         {
           virtualCells.map(
             (_, index) => (
-              // @ts-expect-error TS2786
               <VirtualCell
                 key={index.toString()}
                 width={VirtualCellDefaultProps.width}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/month/date_table_month.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/month/date_table_month.tsx
index 8bdb477420dc..36b0ab5bd0cc 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/month/date_table_month.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/month/date_table_month.tsx
@@ -26,7 +26,6 @@ export class DateTableMonth extends InfernoWrapperComponent<DateTableProps> {
     const DataCellTemplateComponent = getTemplate(dataCellTemplate);
 
     return (
-      // @ts-expect-error TS2786
       <DateTable
         {...restProps}
       viewData={viewData}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/month/date_table_month_cell.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/month/date_table_month_cell.tsx
index 9c2961ab67b6..eff1a45b277d 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/month/date_table_month_cell.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/month/date_table_month_cell.tsx
@@ -62,7 +62,6 @@ export class DateTableMonthCell extends BaseInfernoComponent<DateTableCellBasePr
     const DataCellTemplateComponent = getTemplate(dataCellTemplate);
 
     return (
-      // @ts-expect-error TS2786
       <DateTableCellBase
         className={classes}
         dataCellTemplate={DataCellTemplateComponent}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/timeline/date_header_timeline.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/timeline/date_header_timeline.tsx
index b1926c2df0f2..0606fd671e21 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/timeline/date_header_timeline.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/timeline/date_header_timeline.tsx
@@ -61,7 +61,6 @@ export class TimelineDateHeaderLayout extends BaseInfernoComponent<DateHeaderPro
             }
 
             return (
-              // @ts-expect-error TS2786
               <Row
                 key={rowIndex.toString()}
                 className="dx-scheduler-header-row"
@@ -86,7 +85,6 @@ export class TimelineDateHeaderLayout extends BaseInfernoComponent<DateHeaderPro
                     text,
                     today,
                   }) => (
-                    // @ts-expect-error TS2786
                     <DateHeaderCell
                       key={key}
                       startDate={startDate}
diff --git a/packages/devextreme/js/__internal/scheduler/r1/components/timeline/header_panel_timeline.tsx b/packages/devextreme/js/__internal/scheduler/r1/components/timeline/header_panel_timeline.tsx
index a3dbd4ed3d14..b707e74244c7 100644
--- a/packages/devextreme/js/__internal/scheduler/r1/components/timeline/header_panel_timeline.tsx
+++ b/packages/devextreme/js/__internal/scheduler/r1/components/timeline/header_panel_timeline.tsx
@@ -28,7 +28,6 @@ export class HeaderPanelTimeline extends InfernoWrapperComponent<HeaderPanelProp
     const TimeCellTemplateComponent = getTemplate(timeCellTemplate);
 
     return (
-      // @ts-expect-error TS2786
       <HeaderPanel
         dateHeaderData={dateHeaderData}
         groupPanelData={groupPanelData}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 810761e1ae99..16aaf1a29262 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -503,6 +503,9 @@ importers:
       jest:
         specifier: 26.6.3
         version: 26.6.3(ts-node@10.9.2(@swc/core@1.4.17)(@types/node@20.12.8)(typescript@4.9.5))
+      jest-environment-node:
+        specifier: 26.6.2
+        version: 26.6.2
       lodash.partial:
         specifier: 4.2.1
         version: 4.2.1
@@ -1267,6 +1270,9 @@ importers:
       puppeteer:
         specifier: ^19.11.1
         version: 19.11.1(encoding@0.1.13)(typescript@4.9.5)
+      reflect-metadata:
+        specifier: 0.1.13
+        version: 0.1.13
       rxjs:
         specifier: ^6.6.7
         version: 6.6.7
@@ -1289,7 +1295,11 @@ importers:
         specifier: 0.13.3
         version: 0.13.3
 
-  packages/devextreme-monorepo-tools: {}
+  packages/devextreme-monorepo-tools:
+    devDependencies:
+      ts-jest:
+        specifier: 26.5.6
+        version: 26.5.6(jest@26.6.3(ts-node@10.9.2(@swc/core@1.4.17)(@types/node@20.12.8)(typescript@5.4.5)))(typescript@5.4.5)
 
   packages/devextreme-react:
     dependencies:
@@ -17035,6 +17045,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/helper-define-polyfill-provider@0.6.2(@babel/core@7.20.12)':
+    dependencies:
+      '@babel/core': 7.20.12
+      '@babel/helper-compilation-targets': 7.23.6
+      '@babel/helper-plugin-utils': 7.24.5
+      debug: 4.3.4(supports-color@8.1.1)
+      lodash.debounce: 4.0.8
+      resolve: 1.22.8
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/helper-define-polyfill-provider@0.6.2(@babel/core@7.22.9)':
     dependencies:
       '@babel/core': 7.22.9
@@ -18455,6 +18476,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/plugin-transform-runtime@7.24.3(@babel/core@7.20.12)':
+    dependencies:
+      '@babel/core': 7.20.12
+      '@babel/helper-module-imports': 7.24.3
+      '@babel/helper-plugin-utils': 7.24.5
+      babel-plugin-polyfill-corejs2: 0.4.11(@babel/core@7.20.12)
+      babel-plugin-polyfill-corejs3: 0.10.4(@babel/core@7.20.12)
+      babel-plugin-polyfill-regenerator: 0.6.2(@babel/core@7.20.12)
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@babel/plugin-transform-runtime@7.24.3(@babel/core@7.24.5)':
     dependencies:
       '@babel/core': 7.24.5
@@ -19614,7 +19647,7 @@ snapshots:
   '@jest/console@26.6.2':
     dependencies:
       '@jest/types': 26.6.2
-      '@types/node': 20.12.8
+      '@types/node': 20.11.17
       chalk: 4.1.2
       jest-message-util: 26.6.2
       jest-util: 26.6.2
@@ -19813,13 +19846,12 @@ snapshots:
       - supports-color
       - ts-node
       - utf-8-validate
-    optional: true
 
   '@jest/environment@26.6.2':
     dependencies:
       '@jest/fake-timers': 26.6.2
       '@jest/types': 26.6.2
-      '@types/node': 20.12.8
+      '@types/node': 20.11.17
       jest-mock: 26.6.2
 
   '@jest/environment@29.7.0':
@@ -19844,7 +19876,7 @@ snapshots:
     dependencies:
       '@jest/types': 26.6.2
       '@sinonjs/fake-timers': 6.0.1
-      '@types/node': 20.12.8
+      '@types/node': 20.11.17
       jest-message-util: 26.6.2
       jest-mock: 26.6.2
       jest-util: 26.6.2
@@ -20034,7 +20066,6 @@ snapshots:
       - supports-color
       - ts-node
       - utf-8-validate
-    optional: true
 
   '@jest/test-sequencer@29.7.0':
     dependencies:
@@ -20113,7 +20144,7 @@ snapshots:
     dependencies:
       '@types/istanbul-lib-coverage': 2.0.6
       '@types/istanbul-reports': 3.0.4
-      '@types/node': 20.12.8
+      '@types/node': 20.11.17
       '@types/yargs': 15.0.19
       chalk: 4.1.2
 
@@ -23986,6 +24017,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  babel-plugin-polyfill-corejs2@0.4.11(@babel/core@7.20.12):
+    dependencies:
+      '@babel/compat-data': 7.24.4
+      '@babel/core': 7.20.12
+      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.20.12)
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
   babel-plugin-polyfill-corejs2@0.4.11(@babel/core@7.22.9):
     dependencies:
       '@babel/compat-data': 7.24.4
@@ -24004,6 +24044,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  babel-plugin-polyfill-corejs3@0.10.4(@babel/core@7.20.12):
+    dependencies:
+      '@babel/core': 7.20.12
+      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.20.12)
+      core-js-compat: 3.37.0
+    transitivePeerDependencies:
+      - supports-color
+
   babel-plugin-polyfill-corejs3@0.10.4(@babel/core@7.24.5):
     dependencies:
       '@babel/core': 7.24.5
@@ -24042,6 +24090,13 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  babel-plugin-polyfill-regenerator@0.6.2(@babel/core@7.20.12):
+    dependencies:
+      '@babel/core': 7.20.12
+      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.20.12)
+    transitivePeerDependencies:
+      - supports-color
+
   babel-plugin-polyfill-regenerator@0.6.2(@babel/core@7.24.5):
     dependencies:
       '@babel/core': 7.24.5
@@ -29753,7 +29808,6 @@ snapshots:
       - supports-color
       - ts-node
       - utf-8-validate
-    optional: true
 
   jest-config@26.6.3(ts-node@10.9.2(@swc/core@1.4.17)(@types/node@20.11.17)(typescript@4.7.4)):
     dependencies:
@@ -29894,7 +29948,6 @@ snapshots:
       - canvas
       - supports-color
       - utf-8-validate
-    optional: true
 
   jest-config@29.7.0(@types/node@20.12.8)(ts-node@10.9.2(@swc/core@1.4.17)(@types/node@20.12.8)(typescript@5.4.5)):
     dependencies:
@@ -29977,7 +30030,7 @@ snapshots:
       '@jest/environment': 26.6.2
       '@jest/fake-timers': 26.6.2
       '@jest/types': 26.6.2
-      '@types/node': 20.12.8
+      '@types/node': 20.11.17
       jest-mock: 26.6.2
       jest-util: 26.6.2
       jsdom: 16.7.0
@@ -29992,7 +30045,7 @@ snapshots:
       '@jest/environment': 26.6.2
       '@jest/fake-timers': 26.6.2
       '@jest/types': 26.6.2
-      '@types/node': 20.12.8
+      '@types/node': 20.11.17
       jest-mock: 26.6.2
       jest-util: 26.6.2
 
@@ -30015,7 +30068,7 @@ snapshots:
     dependencies:
       '@jest/types': 26.6.2
       '@types/graceful-fs': 4.1.9
-      '@types/node': 20.12.8
+      '@types/node': 20.11.17
       anymatch: 3.1.3
       fb-watchman: 2.0.2
       graceful-fs: 4.2.11
@@ -30198,7 +30251,6 @@ snapshots:
       - supports-color
       - ts-node
       - utf-8-validate
-    optional: true
 
   jest-leak-detector@26.6.2:
     dependencies:
@@ -30251,7 +30303,7 @@ snapshots:
   jest-mock@26.6.2:
     dependencies:
       '@jest/types': 26.6.2
-      '@types/node': 20.12.8
+      '@types/node': 20.11.17
 
   jest-mock@27.5.1:
     dependencies:
@@ -30453,7 +30505,6 @@ snapshots:
       - supports-color
       - ts-node
       - utf-8-validate
-    optional: true
 
   jest-runner@29.7.0:
     dependencies:
@@ -30660,7 +30711,6 @@ snapshots:
       - supports-color
       - ts-node
       - utf-8-validate
-    optional: true
 
   jest-runtime@29.7.0:
     dependencies:
@@ -30691,7 +30741,7 @@ snapshots:
 
   jest-serializer@26.6.2:
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 20.11.17
       graceful-fs: 4.2.11
 
   jest-serializer@27.5.1:
@@ -30748,7 +30798,7 @@ snapshots:
   jest-util@26.6.2:
     dependencies:
       '@jest/types': 26.6.2
-      '@types/node': 20.12.8
+      '@types/node': 20.11.17
       chalk: 4.1.2
       graceful-fs: 4.2.11
       is-ci: 2.0.0
@@ -30794,7 +30844,7 @@ snapshots:
     dependencies:
       '@jest/test-result': 26.6.2
       '@jest/types': 26.6.2
-      '@types/node': 20.12.8
+      '@types/node': 20.11.17
       ansi-escapes: 4.3.2
       chalk: 4.1.2
       jest-util: 26.6.2
@@ -30813,7 +30863,7 @@ snapshots:
 
   jest-worker@26.6.2:
     dependencies:
-      '@types/node': 20.12.8
+      '@types/node': 20.11.17
       merge-stream: 2.0.0
       supports-color: 7.2.0
 
@@ -30889,7 +30939,6 @@ snapshots:
       - supports-color
       - ts-node
       - utf-8-validate
-    optional: true
 
   jiti@1.21.0: {}
 
@@ -35883,7 +35932,7 @@ snapshots:
       '@babel/plugin-transform-async-to-generator': 7.24.1(@babel/core@7.20.12)
       '@babel/plugin-transform-exponentiation-operator': 7.24.1(@babel/core@7.20.12)
       '@babel/plugin-transform-for-of': 7.24.1(@babel/core@7.20.12)
-      '@babel/plugin-transform-runtime': 7.19.6(@babel/core@7.20.12)
+      '@babel/plugin-transform-runtime': 7.24.3(@babel/core@7.20.12)
       '@babel/preset-env': 7.20.2(@babel/core@7.20.12)
       '@babel/preset-flow': 7.24.1(@babel/core@7.20.12)
       '@babel/preset-react': 7.24.1(@babel/core@7.20.12)
@@ -36234,6 +36283,21 @@ snapshots:
       typescript: 4.9.5
       yargs-parser: 20.2.9
 
+  ts-jest@26.5.6(jest@26.6.3(ts-node@10.9.2(@swc/core@1.4.17)(@types/node@20.12.8)(typescript@5.4.5)))(typescript@5.4.5):
+    dependencies:
+      bs-logger: 0.2.6
+      buffer-from: 1.1.2
+      fast-json-stable-stringify: 2.1.0
+      jest: 26.6.3(ts-node@10.9.2(@swc/core@1.4.17)(@types/node@20.12.8)(typescript@5.4.5))
+      jest-util: 26.6.2
+      json5: 2.2.3
+      lodash: 4.17.21
+      make-error: 1.3.6
+      mkdirp: 1.0.4
+      semver: 7.6.0
+      typescript: 5.4.5
+      yargs-parser: 20.2.9
+
   ts-loader@8.4.0(typescript@4.7.4)(webpack@4.47.0(webpack-cli@4.10.0)):
     dependencies:
       chalk: 4.1.2