R1 - remove usage of @devextreme-generators/declaration package (#28883)

Author: pomahtri

packages/devextreme/js/__internal/core/r1/types.ts

@@ -1,5 +1,6 @@
+/* eslint-disable @typescript-eslint/ban-types */
 import type * as CSS from 'csstype';
-import type { VNode } from 'inferno';
+import type { Component, StatelessComponent, VNode } from 'inferno';
 
 import type { TemplateModel } from './template_wrapper';
 
@@ -23,3 +24,21 @@ export interface PropsWithStyles {
 export interface PropsWithChildren {
   children?: JSX.Element | (JSX.Element | undefined | false | null)[];
 }
+
+// TODO: replace by import from inferno after update to inferno 8
+export type ComponentType<P = {}> = typeof Component<P> | StatelessComponent<P>;
+
+export interface RefObject<T> {
+  current: T | null;
+}
+
+export type JSXTemplate<
+  PropsType = {},
+  RequiredProps extends keyof PropsType = Exclude<
+  keyof PropsType,
+  keyof PropsType
+  >,
+  > = ComponentType<
+  Partial<Omit<PropsType, RequiredProps>> &
+  Required<Pick<PropsType, RequiredProps>>
+  >;

packages/devextreme/js/__internal/core/r1/widget.tsx

@@ -8,7 +8,6 @@ import '@js/common/core/events/hover';
 import {
   createReRenderEffect, InfernoEffect, InfernoWrapperComponent,
 } from '@devextreme/runtime/inferno';
-import type { RefObject } from '@devextreme-generator/declarations';
 import {
   dxClick, focus, keyboard, resize, visibility,
 } from '@js/common/core/events/short';
@@ -21,6 +20,7 @@ import { isFunction } from '@js/core/utils/type';
 import type { ConfigContextValue } from '@ts/core/r1/config_context';
 import { ConfigContext } from '@ts/core/r1/config_context';
 import { ConfigProvider } from '@ts/core/r1/config_provider';
+import type { RefObject } from '@ts/core/r1/types';
 import type { EffectReturn } from '@ts/core/r1/utils/effect_return';
 import { combineClasses } from '@ts/core/r1/utils/render_utils';
 import { resolveRtlEnabled, resolveRtlEnabledDefinition } from '@ts/core/r1/utils/resolve_rtl';
@@ -96,10 +96,10 @@ export class Widget extends InfernoWrapperComponent<WidgetProps> {
   public refs: any = null;
 
   // eslint-disable-next-line max-len
-  public rootElementRef?: RefObject<HTMLDivElement> = infernoCreateRef() as RefObject<HTMLDivElement>;
+  public rootElementRef?: RefObject<HTMLDivElement> = infernoCreateRef();
 
   // eslint-disable-next-line max-len
-  public widgetElementRef?: RefObject<HTMLDivElement> = infernoCreateRef() as RefObject<HTMLDivElement>;
+  public widgetElementRef?: RefObject<HTMLDivElement> = infernoCreateRef();
 
   public config?: ConfigContextValue;
 

packages/devextreme/js/__internal/pagination/content.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 import { InfernoComponent, InfernoEffect } from '@devextreme/runtime/inferno';
-import type { RefObject } from '@devextreme-generator/declarations';
 import type { DisplayMode } from '@js/common';
+import type { RefObject } from '@ts/core/r1/types';
 import { Widget } from '@ts/core/r1/widget';
 import { createRef as infernoCreateRef } from 'inferno';
 

packages/devextreme/js/__internal/pagination/page_size/selector.tsx

@@ -3,7 +3,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 import { InfernoComponent, InfernoEffect } from '@devextreme/runtime/inferno';
-import type { RefObject } from '@devextreme-generator/declarations';
+import type { RefObject } from '@ts/core/r1/types';
 import { createRef as infernoCreateRef } from 'inferno';
 
 import { PAGINATION_PAGE_SIZES_CLASS } from '../common/consts';
@@ -36,7 +36,7 @@ export class PageSizeSelector extends InfernoComponent<PageSizeSelectorPropsType
 
   public rootElementRef = infernoCreateRef() as RefObject<HTMLDivElement>;
 
-  public htmlRef = infernoCreateRef() as RefObject<HTMLElement>;
+  public htmlRef = infernoCreateRef() as RefObject<HTMLDivElement>;
 
   public __getterCache: any = {
     normalizedPageSizes: undefined,

packages/devextreme/js/__internal/pagination/resizable_container.tsx

@@ -2,7 +2,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 import { InfernoComponent, InfernoEffect } from '@devextreme/runtime/inferno';
-import type { JSXTemplate } from '@devextreme-generator/declarations';
+import type { JSXTemplate } from '@ts/core/r1/types';
 import { createRef as infernoCreateRef } from 'inferno';
 
 import resizeCallbacks from '../../core/utils/resize_callbacks';

packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_table.tsx

@@ -1,6 +1,6 @@
 import type { InfernoEffect } from '@devextreme/runtime/inferno';
 import { createReRenderEffect, InfernoWrapperComponent } from '@devextreme/runtime/inferno';
-import type { RefObject } from '@devextreme-generator/declarations';
+import type { RefObject } from '@ts/core/r1/types';
 import { getTemplate } from '@ts/core/r1/utils/index';
 import type { ViewCellData } from '@ts/scheduler/r1/types';
 

packages/devextreme/js/__internal/scheduler/r1/components/base/all_day_panel_table_body.tsx

@@ -1,6 +1,6 @@
 import type { PropsWithClassName } from '__internal/core/r1';
 import { BaseInfernoComponent } from '@devextreme/runtime/inferno';
-import type { JSXTemplate } from '@devextreme-generator/declarations';
+import type { JSXTemplate } from '@ts/core/r1/types';
 import { getTemplate } from '@ts/core/r1/utils/index';
 
 import { combineClasses } from '../../../../core/r1/utils/render_utils';

packages/devextreme/js/__internal/scheduler/r1/components/base/date_header.tsx

@@ -1,5 +1,5 @@
 import { BaseInfernoComponent } from '@devextreme/runtime/inferno';
-import type { JSXTemplate } from '@devextreme-generator/declarations';
+import type { JSXTemplate } from '@ts/core/r1/types';
 import { getTemplate } from '@ts/core/r1/utils/index';
 
 import type { DateHeaderData, Group, GroupOrientation } from '../../types';

packages/devextreme/js/__internal/scheduler/r1/components/base/date_header_cell.tsx

@@ -1,5 +1,5 @@
 import { BaseInfernoComponent } from '@devextreme/runtime/inferno';
-import type { JSXTemplate } from '@devextreme-generator/declarations';
+import type { JSXTemplate } from '@ts/core/r1/types';
 import { getTemplate } from '@ts/core/r1/utils/index';
 
 import { combineClasses } from '../../../../core/r1/utils/render_utils';

packages/devextreme/js/__internal/scheduler/r1/components/base/date_table.tsx

@@ -1,6 +1,6 @@
 import type { InfernoEffect } from '@devextreme/runtime/inferno';
 import { createReRenderEffect, InfernoWrapperComponent } from '@devextreme/runtime/inferno';
-import type { JSXTemplate, RefObject } from '@devextreme-generator/declarations';
+import type { JSXTemplate, RefObject } from '@ts/core/r1/types';
 import { getTemplate } from '@ts/core/r1/utils/index';
 
 import type { CellTemplateProps, DefaultProps } from '../types';
@@ -17,7 +17,6 @@ export interface DateTableProps extends LayoutProps {
 
 export const DateTableDefaultProps: DefaultProps<DateTableProps> = {
   ...LayoutDefaultProps,
-  // @ts-expect-error Different types between React and Inferno
   cellTemplate: DateTableCellBase,
 };