refactor(react-scheduler): migrate to TS (#1844)

packages/dx-core/src/types.ts

@@ -40,3 +40,5 @@ export type MemoizedFunction<TArg extends any[], T extends (...args: any[]) => a
 export type MemoizedComputed<TArg, T extends (...args: any[]) => any> =
   (arg: TArg) =>
     (...args: [Getters, Actions]) => ReturnType<T>;
+
+export type Mutable<T> = { -readonly [P in keyof T]: T[P] };

packages/dx-core/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist",
+    "outDir": "dist"
   },
   "include": [
     "./src"

packages/dx-react-core/api/dx-react-core.api.md

@@ -4,6 +4,7 @@
 
 ```ts
 
+import { Mutable } from '@devexpress/dx-core';
 import * as React from 'react';
 
 // @public (undocumented)
@@ -17,9 +18,12 @@ export interface ActionProps {
 
 // @public (undocumented)
 export type Actions = {
-    [actionName: string]: (payload?: any) => void;
+  [actionName: string]: (payload?: any) => void;
 };
 
+// @public (undocumented)
+export type ComputedFn = (getters: Getters, actions: Actions) => void;
+
 // @public
 export const connectProps: (WrappedComponent: React.ComponentType<any>, getAdditionalProps: () => object) => (React.ComponentClass<any, any> & {
   update(): void;
@@ -32,14 +36,14 @@ export const Getter: React.ComponentType<GetterProps>;
 
 // @public (undocumented)
 export interface GetterProps {
-    computed?: (getters: Getters, actions: Actions) => any;
+    computed?: ComputedFn;
     name: string;
     value?: any;
 }
 
 // @public (undocumented)
 export type Getters = {
-    readonly [getterName: string]: any;
+  readonly [getterName: string]: any;
 };
 
 // @public (undocumented)
@@ -99,6 +103,9 @@ export interface TemplateProps {
     predicate?: (params: object) => boolean;
 }
 
+// @public (undocumented)
+export type WritableRefObject<T> = Mutable<React.RefObject<T>>;
+
 
 // (No @packageDocumentation comment for this package)
 

packages/dx-react-core/src/index.ts

@@ -1,13 +1,11 @@
 export { Plugin } from './plugin-based/plugin';
 export { PluginHost } from './plugin-based/plugin-host';
 export { Action } from './plugin-based/action';
-export { Getter, Actions } from './plugin-based/getter';
+export { Getter } from './plugin-based/getter';
 export { Template } from './plugin-based/template';
 export { TemplatePlaceholder } from './plugin-based/template-placeholder';
 export { TemplateConnector } from './plugin-based/template-connector';
 
-/** @internal */
-export { Getters } from './plugin-based/getter';
 /** @internal */
 export { Draggable } from './draggable';
 

packages/dx-react-core/src/plugin-based/action.tsx

@@ -7,7 +7,7 @@ import {
 import { PLUGIN_HOST_CONTEXT, POSITION_CONTEXT } from './constants';
 import { withHostAndPosition } from '../utils/with-props-from-context';
 import { PluginContextProps } from './plugin-context-prop-types';
-import { Actions, Getters } from './getter';
+import { Getters, Actions } from '../types';
 
 export interface ActionProps {
   /** The action name. */

packages/dx-react-core/src/plugin-based/getter.tsx

@@ -8,6 +8,7 @@ import { UPDATE_CONNECTION_EVENT, PLUGIN_HOST_CONTEXT, POSITION_CONTEXT } from '
 import { withHostAndPosition } from '../utils/with-props-from-context';
 import { InnerPlugin } from '@devexpress/dx-core';
 import { PluginContextProps } from './plugin-context-prop-types';
+import { ComputedFn } from '../types';
 
 export interface GetterProps {
   /** The Getter's name. */
@@ -18,13 +19,8 @@ export interface GetterProps {
    * The value is computed each time a related Getter's value changes.
    * Applies only if `value` is not defined.
    */
-  computed?: (
-    getters: Getters,
-    actions: Actions,
-  ) => any;
+  computed?: ComputedFn;
 }
-export type Getters = { readonly [getterName: string]: any };
-export type Actions = { [actionName: string]: (payload?: any) => void };
 
 class GetterBase extends React.PureComponent<GetterProps & PluginContextProps> {
   plugin: InnerPlugin;

packages/dx-react-core/src/plugin-based/template-connector.tsx

@@ -6,7 +6,7 @@ import {
   getAvailableActions,
 } from './helpers';
 import { PluginHostContext } from './contexts';
-import { Getters, Actions } from './getter';
+import { Getters, Actions } from '../types';
 
 export interface TemplateConnectorProps {
   /** A function that renders a markup using Getters and Actions passed as arguments. */

packages/dx-react-core/src/types.ts

@@ -1,4 +1,4 @@
-import { PureReducer, PureComputed } from '@devexpress/dx-core';
+import { PureReducer, PureComputed, Mutable } from '@devexpress/dx-core';
 
 export { IDependency } from '../../dx-core/src';
 
@@ -31,3 +31,9 @@ export type SizerProps = {
   containerComponent?: any;
   style?: object;
 };
+
+export type WritableRefObject<T> = Mutable<React.RefObject<T>>;
+
+export type Getters = { readonly [getterName: string]: any };
+export type Actions = { [actionName: string]: (payload?: any) => void };
+export type ComputedFn = (getters: Getters, actions: Actions) => void;

packages/dx-react-scheduler-demos/src/demo-sources/scheduler-view-switcher/material-ui/controlled.jsx

@@ -7,6 +7,9 @@ import {
   Appointments,
   Toolbar,
   ViewSwitcher,
+  MonthView,
+  DayView,
+  AllDayPanel,
 } from '@devexpress/dx-react-scheduler-material-ui';
 
 import { appointments } from '../../../demo-data/month-appointments';
@@ -48,6 +51,10 @@ export default class Demo extends React.PureComponent {
             startDayHour={9}
             endDayHour={19}
           />
+          <MonthView />
+          <DayView />
+
+          <AllDayPanel />
 
           <Toolbar />
           <ViewSwitcher />

packages/dx-react-scheduler-material-ui/api/dx-react-scheduler-material-ui.api.md

@@ -441,7 +441,7 @@ export const Scheduler: React.ComponentType<SchedulerProps> & {
 // @public (undocumented)
 export interface SchedulerProps {
   data?: Array<AppointmentModel>;
-  locale?: string;
+  locale?: string | Array<string>;
   rootComponent?: React.ComponentType<Scheduler_2.RootProps>;
 }
 

packages/dx-react-scheduler-material-ui/tsconfig.json

@@ -1,4 +1,8 @@
 {
+  "compilerOptions": {
+    "downlevelIteration": true,
+    "esModuleInterop": true,
+  },
   "include": [
     "./dist"
   ]