From 2930d7cbf5bdf646b2541e2018a84ea54e6ea70e Mon Sep 17 00:00:00 2001
From: Shpileva Yuliya <Krijovnick@users.noreply.github.com>
Date: Wed, 30 Nov 2022 10:36:35 +0400
Subject: [PATCH] fix(react-core): fix types for react 18 (T1130302) (#3604)

---
 .../dx-react-chart/src/plugins/basic-data.tsx |    2 +-
 .../src/plugins/component-layout.tsx          |    2 +-
 .../src/plugin-based/plugin-indexer.test.tsx  |    2 +-
 .../demo-sources/grid-typescript/basic.tsxt   |    2 +-
 .../dx-react-grid/api/dx-react-grid.api.md    | 1443 ++++++++---------
 .../summary/inline-summary-item.tsx           |    4 +-
 .../summary/table-summary-content.tsx         |    4 +-
 .../components/table-layout/row-layout.tsx    |    2 +-
 packages/dx-react-grid/src/grid.tsx           |    2 +-
 .../src/plugins/table-inline-cell-editing.tsx |    2 +-
 .../material-ui/basic.tsx                     |    2 +-
 .../src/demo-sources/test/test-ts.tsx         |    2 +-
 .../api/dx-react-scheduler.api.md             | 1219 +++++++-------
 .../src/plugins/confirmation-dialog.tsx       |    2 +-
 .../src/plugins/current-time-indicator.tsx    |    2 +-
 .../src/plugins/integrated-grouping.tsx       |    2 +-
 .../src/plugins/resources.tsx                 |    2 +-
 packages/dx-react-scheduler/src/scheduler.tsx |    2 +-
 18 files changed, 1349 insertions(+), 1349 deletions(-)

diff --git a/packages/dx-react-chart/src/plugins/basic-data.tsx b/packages/dx-react-chart/src/plugins/basic-data.tsx
index 1c3ec93c33..632dc90f07 100644
--- a/packages/dx-react-chart/src/plugins/basic-data.tsx
+++ b/packages/dx-react-chart/src/plugins/basic-data.tsx
@@ -5,7 +5,7 @@ import { BasicDataProps } from '../types';
 
 const series = [];
 
-export const BasicData: React.SFC<BasicDataProps> = ({ data, rotated }) => (
+export const BasicData: React.FunctionComponent<BasicDataProps> = ({ data, rotated }) => (
   <Plugin name="Basis">
     <Getter name="data" value={data} />
     <Getter name="domains" value={defaultDomains} />
diff --git a/packages/dx-react-chart/src/plugins/component-layout.tsx b/packages/dx-react-chart/src/plugins/component-layout.tsx
index 78c98c4766..a61c049aab 100644
--- a/packages/dx-react-chart/src/plugins/component-layout.tsx
+++ b/packages/dx-react-chart/src/plugins/component-layout.tsx
@@ -4,7 +4,7 @@ import {
 } from '@devexpress/dx-chart-core';
 import { Plugin, Template, TemplatePlaceholder } from '@devexpress/dx-react-core';
 
-export const ComponentLayout: React.SFC = () => (
+export const ComponentLayout: React.FunctionComponent = () => (
   <Plugin name="ComponentLayout">
     <Template name="canvas">
       <div id={`${TOP}-container`} style={{ display: 'flex', flexDirection: 'row' }}>
diff --git a/packages/dx-react-core/src/plugin-based/plugin-indexer.test.tsx b/packages/dx-react-core/src/plugin-based/plugin-indexer.test.tsx
index 1a3304552e..93da020a32 100644
--- a/packages/dx-react-core/src/plugin-based/plugin-indexer.test.tsx
+++ b/packages/dx-react-core/src/plugin-based/plugin-indexer.test.tsx
@@ -11,7 +11,7 @@ class TestWrapper extends React.Component {
 }
 TestWrapper.contextType = PositionContext;
 
-const Test: React.SFC<{ position: any }> = () => null;
+const Test: React.FunctionComponent<{ position: any }> = () => null;
 
 describe('PluginIndexer', () => {
   it('should correctly determine plugin position', () => {
diff --git a/packages/dx-react-grid-demos/src/demo-sources/grid-typescript/basic.tsxt b/packages/dx-react-grid-demos/src/demo-sources/grid-typescript/basic.tsxt
index c3f633b86e..fab47b9b65 100644
--- a/packages/dx-react-grid-demos/src/demo-sources/grid-typescript/basic.tsxt
+++ b/packages/dx-react-grid-demos/src/demo-sources/grid-typescript/basic.tsxt
@@ -21,7 +21,7 @@ const tableColumnExtensions: Table.ColumnExtension[] = [
   { columnName: 'gender', width: 100 },
 ];
 
-const Demo: React.SFC = () => {
+const Demo: React.FunctionComponent = () => {
   return (
     <<%&wrapperTag%><%&wrapperAttributes%>>
       <Grid
diff --git a/packages/dx-react-grid/api/dx-react-grid.api.md b/packages/dx-react-grid/api/dx-react-grid.api.md
index b8e27518cd..a0500eb6f0 100644
--- a/packages/dx-react-grid/api/dx-react-grid.api.md
+++ b/packages/dx-react-grid/api/dx-react-grid.api.md
@@ -13,11 +13,11 @@ export type CellWidthGetter = () => number;
 
 // @public
 export interface ChangeSet {
-  added?: ReadonlyArray<any>;
-  changed?: {
-    [key: string]: any;
-  };
-  deleted?: ReadonlyArray<number | string>;
+    added?: ReadonlyArray<any>;
+    changed?: {
+        [key: string]: any;
+    };
+    deleted?: ReadonlyArray<number | string>;
 }
 
 // @public
@@ -29,9 +29,9 @@ export interface Column {
 
 // @public
 export interface ColumnBands {
-  children?: ColumnBands[];
-  columnName?: string;
-  title?: string;
+    children?: ColumnBands[];
+    columnName?: string;
+    title?: string;
 }
 
 // @public
@@ -68,8 +68,8 @@ export namespace ColumnChooser {
 
 // @public (undocumented)
 export interface ColumnChooserItem {
-  column: Column;
-  hidden: boolean;
+    column: Column;
+    hidden: boolean;
 }
 
 // @public (undocumented)
@@ -83,14 +83,14 @@ export interface ColumnChooserProps {
 
 // @public (undocumented)
 export interface ColumnSizes {
-  size: number;
-  width: number;
+    size: number;
+    width: number;
 }
 
 // @public (undocumented)
 export type ColumnSummary = {
-  type: SummaryType;
-  value: SummaryValue;
+    type: SummaryType;
+    value: SummaryValue;
 };
 
 // @public (undocumented)
@@ -101,13 +101,13 @@ export const CustomGrouping: React_2.ComponentType<CustomGroupingProps>;
 
 // @public (undocumented)
 export interface CustomGroupingProps {
-  expandedGroups?: GroupKey[] | null;
-  getChildGroups: (currentRows: Array<any>, grouping: Grouping, rootRows: Array<any>) => Array<{
-    key: number | string;
-    value?: any;
-    childRows?: Array<any>;
-  }>;
-  grouping?: Grouping[] | null;
+    expandedGroups?: GroupKey[] | null;
+    getChildGroups: (currentRows: Array<any>, grouping: Grouping, rootRows: Array<any>) => Array<{
+        key: number | string;
+        value?: any;
+        childRows?: Array<any>;
+    }>;
+    grouping?: Grouping[] | null;
 }
 
 // @public
@@ -115,7 +115,7 @@ export const CustomPaging: React_2.ComponentType<CustomPagingProps>;
 
 // @public (undocumented)
 export interface CustomPagingProps {
-  totalCount?: number;
+    totalCount?: number;
 }
 
 // @public
@@ -123,13 +123,13 @@ export const CustomSummary: React_2.ComponentType<CustomSummaryProps>;
 
 // @public (undocumented)
 export interface CustomSummaryProps {
-  groupValues?: {
-    [key: string]: Array<any>;
-  };
-  totalValues?: Array<any>;
-  treeValues?: {
-    [key: string]: Array<any>;
-  };
+    groupValues?: {
+        [key: string]: Array<any>;
+    };
+    totalValues?: Array<any>;
+    treeValues?: {
+        [key: string]: Array<any>;
+    };
 }
 
 // @public
@@ -137,7 +137,7 @@ export const CustomTreeData: React_2.ComponentType<CustomTreeDataProps>;
 
 // @public (undocumented)
 export interface CustomTreeDataProps {
-  getChildRows: (currentRow: any | null, rootRows: Array<any>) => Array<any> | null;
+    getChildRows: (currentRow: any | null, rootRows: Array<any>) => Array<any> | null;
 }
 
 // @public
@@ -145,32 +145,32 @@ export const DataTypeProvider: React_2.ComponentType<DataTypeProviderProps>;
 
 // @public (undocumented)
 export namespace DataTypeProvider {
-  export interface ValueEditorProps {
-    autoFocus: boolean;
-    column: Column;
-    disabled: boolean;
-    onBlur: () => void;
-    onFocus: () => void;
-    onKeyDown: (e: {
-      key: 'Escape' | 'Enter';
-    }) => void;
-    onValueChange: (newValue: any) => void;
-    row?: any;
-    value: any;
-  }
-  export interface ValueFormatterProps {
-    column: Column;
-    row?: any;
-    value: any;
-  }
+    export interface ValueEditorProps {
+        autoFocus: boolean;
+        column: Column;
+        disabled: boolean;
+        onBlur: () => void;
+        onFocus: () => void;
+        onKeyDown: (e: {
+            key: 'Escape' | 'Enter';
+        }) => void;
+        onValueChange: (newValue: any) => void;
+        row?: any;
+        value: any;
+    }
+    export interface ValueFormatterProps {
+        column: Column;
+        row?: any;
+        value: any;
+    }
 }
 
 // @public (undocumented)
 export interface DataTypeProviderProps {
-  availableFilterOperations?: Array<FilterOperation>;
-  editorComponent?: React_2.ComponentType<DataTypeProvider.ValueEditorProps>;
-  for: Array<string>;
-  formatterComponent?: React_2.ComponentType<DataTypeProvider.ValueFormatterProps>;
+    availableFilterOperations?: Array<FilterOperation>;
+    editorComponent?: React_2.ComponentType<DataTypeProvider.ValueEditorProps>;
+    for: Array<string>;
+    formatterComponent?: React_2.ComponentType<DataTypeProvider.ValueFormatterProps>;
 }
 
 // @public (undocumented)
@@ -181,22 +181,22 @@ export const DragDropProvider: React_2.ComponentType<DragDropProviderProps>;
 
 // @public (undocumented)
 export namespace DragDropProvider {
-  export interface ColumnProps {
-    column: Column;
-  }
-  export interface ContainerProps {
-    children: React_2.ReactNode;
-    clientOffset: {
-      x: number;
-      y: number;
-    };
-  }
+    export interface ColumnProps {
+        column: Column;
+    }
+    export interface ContainerProps {
+        children: React_2.ReactNode;
+        clientOffset: {
+            x: number;
+            y: number;
+        };
+    }
 }
 
 // @public (undocumented)
 export interface DragDropProviderProps {
-  columnComponent: React_2.ComponentType<DragDropProvider.ColumnProps>;
-  containerComponent: React_2.ComponentType<DragDropProvider.ContainerProps>;
+    columnComponent: React_2.ComponentType<DragDropProvider.ColumnProps>;
+    containerComponent: React_2.ComponentType<DragDropProvider.ContainerProps>;
 }
 
 // @public (undocumented)
@@ -219,44 +219,44 @@ export const EditingState: React_2.ComponentType<EditingStateProps>;
 
 // @public (undocumented)
 export namespace EditingState {
-  export interface ColumnExtension {
-    columnName: string;
-    createRowChange?: (row: any, value: any, columnName: string) => any;
-    editingEnabled?: boolean;
-  }
+    export interface ColumnExtension {
+        columnName: string;
+        createRowChange?: (row: any, value: any, columnName: string) => any;
+        editingEnabled?: boolean;
+    }
 }
 
 // @public (undocumented)
 export interface EditingStateProps {
-  addedRows?: Array<any>;
-  columnEditingEnabled?: boolean;
-  columnExtensions?: Array<EditingState.ColumnExtension>;
-  createRowChange?: (row: any, value: string | number, columnName: string) => any;
-  defaultAddedRows?: Array<any>;
-  defaultEditingCells?: Array<EditingCell>;
-  defaultEditingRowIds?: Array<number | string>;
-  defaultRowChanges?: {
-    [key: string]: any;
-  };
-  editingCells?: Array<EditingCell>;
-  editingRowIds?: Array<number | string>;
-  onAddedRowsChange?: (addedRows: Array<any>) => void;
-  onCommitChanges: (changes: ChangeSet) => void;
-  // (undocumented)
-  onDeletedRowIdsChange?: (deletedRowIds: Array<number | string>) => void;
-  onEditingCellsChange?: (editingRowIds: Array<EditingCell>) => void;
-  onEditingRowIdsChange?: (editingRowIds: Array<number | string>) => void;
-  onRowChangesChange?: (rowChanges: {
-    [key: string]: any;
-  }) => void;
-  rowChanges?: {
-    [key: string]: any;
-  };
+    addedRows?: Array<any>;
+    columnEditingEnabled?: boolean;
+    columnExtensions?: Array<EditingState.ColumnExtension>;
+    createRowChange?: (row: any, value: string | number, columnName: string) => any;
+    defaultAddedRows?: Array<any>;
+    defaultEditingCells?: Array<EditingCell>;
+    defaultEditingRowIds?: Array<number | string>;
+    defaultRowChanges?: {
+        [key: string]: any;
+    };
+    editingCells?: Array<EditingCell>;
+    editingRowIds?: Array<number | string>;
+    onAddedRowsChange?: (addedRows: Array<any>) => void;
+    onCommitChanges: (changes: ChangeSet) => void;
+    // (undocumented)
+    onDeletedRowIdsChange?: (deletedRowIds: Array<number | string>) => void;
+    onEditingCellsChange?: (editingRowIds: Array<EditingCell>) => void;
+    onEditingRowIdsChange?: (editingRowIds: Array<number | string>) => void;
+    onRowChangesChange?: (rowChanges: {
+        [key: string]: any;
+    }) => void;
+    rowChanges?: {
+        [key: string]: any;
+    };
 }
 
 // @public (undocumented)
 export type Elements = {
-  [key: string]: any[];
+    [key: string]: any[];
 };
 
 // @public (undocumented)
@@ -318,19 +318,19 @@ export const FilteringState: React_2.ComponentType<FilteringStateProps>;
 
 // @public (undocumented)
 export namespace FilteringState {
-  export interface ColumnExtension {
-    columnName: string;
-    filteringEnabled: boolean;
-  }
+    export interface ColumnExtension {
+        columnName: string;
+        filteringEnabled: boolean;
+    }
 }
 
 // @public (undocumented)
 export interface FilteringStateProps {
-  columnExtensions?: FilteringState.ColumnExtension[];
-  columnFilteringEnabled?: boolean;
-  defaultFilters?: Filter[];
-  filters?: Filter[];
-  onFiltersChange?: (filters: Filter[]) => void;
+    columnExtensions?: FilteringState.ColumnExtension[];
+    columnFilteringEnabled?: boolean;
+    defaultFilters?: Filter[];
+    filters?: Filter[];
+    onFiltersChange?: (filters: Filter[]) => void;
 }
 
 // @public
@@ -338,38 +338,38 @@ export type FilterOperation = string;
 
 // @public (undocumented)
 export interface FocusedCell {
-  // (undocumented)
-  columnKey: string;
-  // (undocumented)
-  rowKey: string;
+    // (undocumented)
+    columnKey: string;
+    // (undocumented)
+    rowKey: string;
 }
 
 // @public (undocumented)
 export interface FocusedElement {
-  // (undocumented)
-  columnKey: string;
-  // (undocumented)
-  index?: number;
-  // (undocumented)
-  part: string;
-  // (undocumented)
-  rowKey: string;
+    // (undocumented)
+    columnKey: string;
+    // (undocumented)
+    index?: number;
+    // (undocumented)
+    part: string;
+    // (undocumented)
+    rowKey: string;
 }
 
 // @public (undocumented)
 export type FocusedElementWScrolling = {
-  element?: FocusedElement;
-  scrolling?: 'left' | 'right';
+    element?: FocusedElement;
+    scrolling?: 'left' | 'right';
 };
 
 // @public (undocumented)
 export type GetCellNextPrevPartFn = PureComputed<[
-  FocusedElement,
-  Elements,
-  TableRow[],
-  TableColumn[],
-  number,
-  ScrollToColumnFn?
+FocusedElement,
+Elements,
+TableRow[],
+TableColumn[],
+number,
+ScrollToColumnFn?
 ], FocusedElementWScrolling>;
 
 // @public (undocumented)
@@ -377,74 +377,74 @@ export type GetCellValueFn = (row: any, columnName: string) => any;
 
 // @public (undocumented)
 export type GetElementFn = PureComputed<[
-  FocusedElement,
-  TableRow[],
-  TableColumn[],
-  TableRow[],
-  Elements,
-  ScrollToColumnFn?
+FocusedElement,
+TableRow[],
+TableColumn[],
+TableRow[],
+Elements,
+ScrollToColumnFn?
 ], FocusedElementWScrolling>;
 
 // @public (undocumented)
 export type GetElementPrevNextPartFn = PureComputed<[
-  FocusedElement,
-  Elements,
-  TableRow[],
-  TableColumn[],
-  ScrollToColumnFn?
+FocusedElement,
+Elements,
+TableRow[],
+TableColumn[],
+ScrollToColumnFn?
 ], FocusedElementWScrolling>;
 
 // @public (undocumented)
 export type GetFocusedElementFn = PureComputed<[
-  string,
-  boolean,
-  FocusedElement,
-  TableColumn[],
-  TableRow[],
-  Elements
+string,
+boolean,
+FocusedElement,
+TableColumn[],
+TableRow[],
+Elements
 ], FocusedElement | void>;
 
 // @public (undocumented)
 export type GetInnerElementsFn = PureComputed<[
-  Elements,
-  string,
-  string,
-  string?
+Elements,
+string,
+string,
+string?
 ], any[]>;
 
 // @public (undocumented)
 export type GetNextCellFromHeadingFn = PureComputed<[
-  TableRow[],
-  TableRow[],
-  TableColumn[],
-  number,
-  FocusedElement,
-  Elements,
-  ScrollToColumnFn?
+TableRow[],
+TableRow[],
+TableColumn[],
+number,
+FocusedElement,
+Elements,
+ScrollToColumnFn?
 ], FocusedElementWScrolling>;
 
 // @public (undocumented)
 export type GetNextFocusedElementFn = PureComputed<[
-  TableColumn[],
-  TableRow[],
-  TableRow[],
-  RowId[],
-  Elements,
-  any,
-  InlineEditing,
-  FocusedElement?,
-  ScrollToColumnFn?
+TableColumn[],
+TableRow[],
+TableRow[],
+RowId[],
+Elements,
+any,
+InlineEditing,
+FocusedElement?,
+ScrollToColumnFn?
 ], FocusedElementWScrolling>;
 
 // @public (undocumented)
 export type GetNextPrevCellFromBodyFn = PureComputed<[
-  number,
-  number,
-  TableColumn[],
-  TableRow[],
-  FocusedElement,
-  Elements,
-  ScrollToColumnFn?
+number,
+number,
+TableColumn[],
+TableRow[],
+FocusedElement,
+Elements,
+ScrollToColumnFn?
 ], FocusedElementWScrolling>;
 
 // @public (undocumented)
@@ -452,11 +452,11 @@ export type GetNextPrevPartFn = PureComputed<[FocusedElement, Elements, TableRow
 
 // @public (undocumented)
 export type GetPrevCellFromHeadingFn = PureComputed<[
-  TableRow[],
-  TableColumn[],
-  number,
-  FocusedElement,
-  Elements
+TableRow[],
+TableColumn[],
+number,
+FocusedElement,
+Elements
 ], FocusedElementWScrolling>;
 
 // @public
@@ -488,7 +488,7 @@ export type GridProps = React_2.PropsWithChildren<{
 
 // @public
 export interface Grouping {
-  columnName: string;
+    columnName: string;
 }
 
 // @public
@@ -526,8 +526,8 @@ export namespace GroupingPanel {
 
 // @public
 export interface GroupingPanelItem {
-  column: Column;
-  draft?: boolean;
+    column: Column;
+    draft?: boolean;
 }
 
 // @public (undocumented)
@@ -545,22 +545,22 @@ export const GroupingState: React_2.ComponentType<GroupingStateProps>;
 
 // @public (undocumented)
 export namespace GroupingState {
-  export interface ColumnExtension {
-    columnName: string;
-    groupingEnabled: boolean;
-  }
+    export interface ColumnExtension {
+        columnName: string;
+        groupingEnabled: boolean;
+    }
 }
 
 // @public (undocumented)
 export interface GroupingStateProps {
-  columnExtensions?: Array<GroupingState.ColumnExtension>;
-  columnGroupingEnabled?: boolean;
-  defaultExpandedGroups?: Array<GroupKey>;
-  defaultGrouping?: Array<Grouping>;
-  expandedGroups?: Array<GroupKey>;
-  grouping?: Array<Grouping>;
-  onExpandedGroupsChange?: (expandedGroups: Array<GroupKey>) => void;
-  onGroupingChange?: (grouping: Array<Grouping>) => void;
+    columnExtensions?: Array<GroupingState.ColumnExtension>;
+    columnGroupingEnabled?: boolean;
+    defaultExpandedGroups?: Array<GroupKey>;
+    defaultGrouping?: Array<Grouping>;
+    expandedGroups?: Array<GroupKey>;
+    grouping?: Array<Grouping>;
+    onExpandedGroupsChange?: (expandedGroups: Array<GroupKey>) => void;
+    onGroupingChange?: (grouping: Array<Grouping>) => void;
 }
 
 // @public
@@ -574,26 +574,26 @@ export interface GroupRow {
 
 // @public (undocumented)
 export interface GroupSummaryItem extends SummaryItem {
-  // (undocumented)
-  alignByColumn?: boolean;
-  // (undocumented)
-  showInGroupFooter?: boolean;
+    // (undocumented)
+    alignByColumn?: boolean;
+    // (undocumented)
+    showInGroupFooter?: boolean;
 }
 
 // @public (undocumented)
 export type InlineEditing = {
-  stopEditCells?: (arg: any) => void;
-  commitChangedRows?: (arg: any) => void;
-  cancelChangedRows?: (arg: any) => void;
-  startEditCells?: (arg: any) => void;
+    stopEditCells?: (arg: any) => void;
+    commitChangedRows?: (arg: any) => void;
+    cancelChangedRows?: (arg: any) => void;
+    startEditCells?: (arg: any) => void;
 };
 
 // @public (undocumented)
-export const InlineSummaryItem: React_2.SFC<TableGroupRow.InlineSummaryItemProps>;
+export const InlineSummaryItem: React_2.FunctionComponent<TableGroupRow.InlineSummaryItemProps>;
 
 // @public (undocumented)
 export const IntegratedFiltering: React_2.ComponentType<IntegratedFilteringProps> & {
-  defaultPredicate: DefaultPredicateFn;
+    defaultPredicate: DefaultPredicateFn;
 };
 
 // @public (undocumented)
@@ -606,7 +606,7 @@ export namespace IntegratedFiltering {
 
 // @public (undocumented)
 export type IntegratedFilteringProps = {
-  columnExtensions?: IntegratedFiltering.ColumnExtension[];
+    columnExtensions?: IntegratedFiltering.ColumnExtension[];
 };
 
 // @public
@@ -614,18 +614,18 @@ export const IntegratedGrouping: React_2.ComponentType<IntegratedGroupingProps>;
 
 // @public (undocumented)
 export namespace IntegratedGrouping {
-  export interface ColumnExtension {
-    columnName: string;
-    criteria?: (value: any) => {
-      key: string | number;
-      value?: any;
-    };
-  }
+    export interface ColumnExtension {
+        columnName: string;
+        criteria?: (value: any) => {
+            key: string | number;
+            value?: any;
+        };
+    }
 }
 
 // @public (undocumented)
 export interface IntegratedGroupingProps {
-  columnExtensions?: Array<IntegratedGrouping.ColumnExtension>;
+    columnExtensions?: Array<IntegratedGrouping.ColumnExtension>;
 }
 
 // @public
@@ -647,25 +647,25 @@ export const IntegratedSorting: React_2.ComponentType<IntegratedSortingProps>;
 
 // @public (undocumented)
 export namespace IntegratedSorting {
-  export interface ColumnExtension {
-    columnName: string;
-    compare?: (a: any, b: any) => number;
-  }
+    export interface ColumnExtension {
+        columnName: string;
+        compare?: (a: any, b: any) => number;
+    }
 }
 
 // @public (undocumented)
 export interface IntegratedSortingProps {
-  columnExtensions?: Array<IntegratedSorting.ColumnExtension>;
+    columnExtensions?: Array<IntegratedSorting.ColumnExtension>;
 }
 
 // @public
 export const IntegratedSummary: React_2.ComponentType<IntegratedSummaryProps> & {
-  defaultCalculator: (type: SummaryType, rows: Array<any>, getValue: (row: any) => any) => any;
+    defaultCalculator: (type: SummaryType, rows: Array<any>, getValue: (row: any) => any) => any;
 };
 
 // @public (undocumented)
 export interface IntegratedSummaryProps {
-  calculator?: (type: SummaryType, rows: Array<any>, getValue: (row: any) => any) => any;
+    calculator?: (type: SummaryType, rows: Array<any>, getValue: (row: any) => any) => any;
 }
 
 // @public (undocumented)
@@ -718,18 +718,18 @@ export const PagingState: React_2.ComponentType<PagingStateProps>;
 
 // @public (undocumented)
 export interface PagingStateProps {
-  currentPage?: number;
-  defaultCurrentPage?: number;
-  defaultPageSize?: number;
-  onCurrentPageChange?: (currentPage: number) => void;
-  onPageSizeChange?: (pageSize: number) => void;
-  pageSize?: number;
+    currentPage?: number;
+    defaultCurrentPage?: number;
+    defaultPageSize?: number;
+    onCurrentPageChange?: (currentPage: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    pageSize?: number;
 }
 
 // @public (undocumented)
 export interface ResizingSizes {
-  nextSize?: number;
-  size: number;
+    nextSize?: number;
+    size: number;
 }
 
 // @public (undocumented)
@@ -737,9 +737,9 @@ export type Row = any;
 
 // @public
 export interface RowCache {
-  getRows(skip: number, take: number): any[];
-  invalidate(): void;
-  setRows(skip: number, rows: ReadonlyArray<any>): void;
+    getRows(skip: number, take: number): any[];
+    invalidate(): void;
+    setRows(skip: number, rows: ReadonlyArray<any>): void;
 }
 
 // @public
@@ -747,9 +747,9 @@ export const RowDetailState: React_2.ComponentType<RowDetailStateProps>;
 
 // @public (undocumented)
 export interface RowDetailStateProps {
-  defaultExpandedRowIds?: Array<number | string>;
-  expandedRowIds?: Array<number | string>;
-  onExpandedRowIdsChange?: (expandedRowIds: Array<number | string>) => void;
+    defaultExpandedRowIds?: Array<number | string>;
+    expandedRowIds?: Array<number | string>;
+    onExpandedRowIdsChange?: (expandedRowIds: Array<number | string>) => void;
 }
 
 // @public (undocumented)
@@ -763,21 +763,21 @@ export const SearchPanel: React_2.ComponentType<SearchPanelProps>;
 
 // @public (undocumented)
 export namespace SearchPanel {
-  export interface InputProps {
-    getMessage: (messageKey: string) => string;
-    onValueChange: (value: string) => void;
-    value: string;
-  }
-  // (undocumented)
-  export interface LocalizationMessages {
-    searchPlaceholder?: string;
-  }
+    export interface InputProps {
+        getMessage: (messageKey: string) => string;
+        onValueChange: (value: string) => void;
+        value: string;
+    }
+    // (undocumented)
+    export interface LocalizationMessages {
+        searchPlaceholder?: string;
+    }
 }
 
 // @public (undocumented)
 export interface SearchPanelProps {
-  inputComponent: React_2.ComponentType<SearchPanel.InputProps>;
-  messages?: SearchPanel.LocalizationMessages;
+    inputComponent: React_2.ComponentType<SearchPanel.InputProps>;
+    messages?: SearchPanel.LocalizationMessages;
 }
 
 // @public
@@ -785,9 +785,9 @@ export const SearchState: React_2.ComponentType<SearchStateProps>;
 
 // @public (undocumented)
 export interface SearchStateProps {
-  defaultValue?: string;
-  onValueChange?: (value: string) => void;
-  value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    value?: string;
 }
 
 // @public
@@ -795,15 +795,15 @@ export const SelectionState: React_2.ComponentType<SelectionStateProps>;
 
 // @public (undocumented)
 export interface SelectionStateProps {
-  defaultSelection?: Array<number | string>;
-  onSelectionChange?: (selection: Array<number | string>) => void;
-  selection?: Array<number | string>;
+    defaultSelection?: Array<number | string>;
+    onSelectionChange?: (selection: Array<number | string>) => void;
+    selection?: Array<number | string>;
 }
 
 // @public
 export interface Sorting {
-  columnName: string;
-  direction: SortingDirection;
+    columnName: string;
+    direction: SortingDirection;
 }
 
 // @public (undocumented)
@@ -814,25 +814,25 @@ export const SortingState: React_2.ComponentType<SortingStateProps>;
 
 // @public (undocumented)
 export namespace SortingState {
-  export interface ColumnExtension {
-    columnName: string;
-    sortingEnabled: boolean;
-  }
+    export interface ColumnExtension {
+        columnName: string;
+        sortingEnabled: boolean;
+    }
 }
 
 // @public (undocumented)
 export interface SortingStateProps {
-  columnExtensions?: Array<SortingState.ColumnExtension>;
-  columnSortingEnabled?: boolean;
-  defaultSorting?: Array<Sorting>;
-  onSortingChange?: (sorting: Array<Sorting>) => void;
-  sorting?: Array<Sorting>;
+    columnExtensions?: Array<SortingState.ColumnExtension>;
+    columnSortingEnabled?: boolean;
+    defaultSorting?: Array<Sorting>;
+    onSortingChange?: (sorting: Array<Sorting>) => void;
+    sorting?: Array<Sorting>;
 }
 
 // @public
 export interface SummaryItem {
-  columnName: string;
-  type: SummaryType;
+    columnName: string;
+    type: SummaryType;
 }
 
 // @public
@@ -840,9 +840,9 @@ export const SummaryState: React_2.ComponentType<SummaryStateProps>;
 
 // @public (undocumented)
 export interface SummaryStateProps {
-  groupItems?: Array<GroupSummaryItem>;
-  totalItems?: Array<SummaryItem>;
-  treeItems?: Array<SummaryItem>;
+    groupItems?: Array<GroupSummaryItem>;
+    totalItems?: Array<SummaryItem>;
+    treeItems?: Array<SummaryItem>;
 }
 
 // @public (undocumented)
@@ -853,79 +853,79 @@ export type SummaryValue = number | null;
 
 // @public
 export const Table: React_2.ComponentType<TableProps> & {
-  COLUMN_TYPE: symbol;
-  ROW_TYPE: symbol;
-  NODATA_ROW_TYPE: symbol;
+    COLUMN_TYPE: symbol;
+    ROW_TYPE: symbol;
+    NODATA_ROW_TYPE: symbol;
 };
 
 // @public (undocumented)
 export namespace Table {
-  export interface CellProps {
-    colSpan?: number;
-    rowSpan?: number;
-    tableColumn: TableColumn;
-    tableRow: TableRow;
-  }
-  export interface ColumnExtension {
-    align?: 'left' | 'right' | 'center';
-    columnName: string;
-    width?: number | string;
-    wordWrapEnabled?: boolean;
-  }
-  export interface DataCellProps extends Table.CellProps {
-    children?: React_2.ReactNode;
-    column: Column;
-    row: any;
-    value: any;
-  }
-  export interface DataRowProps extends Table.RowProps {
-    // (undocumented)
-    forwardedRef?: React_2.Ref<React_2.ReactInstance>;
-    row: any;
-  }
-  // (undocumented)
-  export interface InnerTableProps {
+    export interface CellProps {
+        colSpan?: number;
+        rowSpan?: number;
+        tableColumn: TableColumn;
+        tableRow: TableRow;
+    }
+    export interface ColumnExtension {
+        align?: 'left' | 'right' | 'center';
+        columnName: string;
+        width?: number | string;
+        wordWrapEnabled?: boolean;
+    }
+    export interface DataCellProps extends Table.CellProps {
+        children?: React_2.ReactNode;
+        column: Column;
+        row: any;
+        value: any;
+    }
+    export interface DataRowProps extends Table.RowProps {
+        // (undocumented)
+        forwardedRef?: React_2.Ref<React_2.ReactInstance>;
+        row: any;
+    }
     // (undocumented)
-    forwardedRef?: React_2.RefObject<HTMLTableElement>;
+    export interface InnerTableProps {
+        // (undocumented)
+        forwardedRef?: React_2.RefObject<HTMLTableElement>;
+        // (undocumented)
+        style: React_2.CSSProperties;
+    }
     // (undocumented)
-    style: React_2.CSSProperties;
-  }
-  // (undocumented)
-  export interface LocalizationMessages {
-    noData?: string;
-  }
-  export interface NoDataCellProps extends Table.CellProps {
-    getMessage: (messageKey: string) => string;
-  }
-  export interface RowProps {
-    children: React_2.ReactNode;
-    tableRow: TableRow;
-  }
+    export interface LocalizationMessages {
+        noData?: string;
+    }
+    export interface NoDataCellProps extends Table.CellProps {
+        getMessage: (messageKey: string) => string;
+    }
+    export interface RowProps {
+        children: React_2.ReactNode;
+        tableRow: TableRow;
+    }
 }
 
 // @public
 export const TableBandHeader: React_2.ComponentType<TableBandHeaderProps> & {
-  ROW_TYPE: symbol;
+    ROW_TYPE: symbol;
 };
 
 // @public (undocumented)
 export namespace TableBandHeader {
-  export interface CellProps extends Table.CellProps {
-    beforeBorder?: boolean;
-    children?: React_2.ReactNode;
-  }
-  export interface ColumnBands {
-    children?: Array<TableBandHeader.ColumnBands>;
-    columnName?: string;
-    title?: string;
-  }
+    export interface CellProps extends Table.CellProps {
+        beforeBorder?: boolean;
+        children?: React_2.ReactNode;
+    }
+    export interface ColumnBands {
+        children?: Array<TableBandHeader.ColumnBands>;
+        columnName?: string;
+        title?: string;
+    }
 }
 
 // @public (undocumented)
 export interface TableBandHeaderProps {
-  cellComponent: React_2.ComponentType<TableBandHeader.CellProps>;
-  columnBands: Array<TableBandHeader.ColumnBands>;
-  rowComponent: React_2.ComponentType<Table.RowProps>;
+    cellComponent: React_2.ComponentType<TableBandHeader.CellProps>;
+    columnBands: Array<TableBandHeader.ColumnBands>;
+    rowComponent: React_2.ComponentType<Table.RowProps>;
 }
 
 // @public
@@ -943,9 +943,9 @@ export const TableColumnReordering: React_2.ComponentType<TableColumnReorderingP
 
 // @public (undocumented)
 export interface TableColumnReorderingProps {
-  defaultOrder?: Array<string>;
-  onOrderChange?: (nextOrder: Array<string>) => void;
-  order?: ReadonlyArray<string>;
+    defaultOrder?: Array<string>;
+    onOrderChange?: (nextOrder: Array<string>) => void;
+    order?: ReadonlyArray<string>;
 }
 
 // @public
@@ -953,22 +953,22 @@ export const TableColumnResizing: React_2.ComponentType<TableColumnResizingProps
 
 // @public (undocumented)
 export namespace TableColumnResizing {
-  export interface ColumnExtension {
-    columnName: string;
-    maxWidth?: number;
-    minWidth?: number;
-  }
+    export interface ColumnExtension {
+        columnName: string;
+        maxWidth?: number;
+        minWidth?: number;
+    }
 }
 
 // @public (undocumented)
 export interface TableColumnResizingProps {
-  columnExtensions?: Array<TableColumnResizing.ColumnExtension>;
-  columnWidths?: Array<TableColumnWidthInfo>;
-  defaultColumnWidths?: Array<TableColumnWidthInfo>;
-  maxColumnWidth?: number;
-  minColumnWidth?: number;
-  onColumnWidthsChange?: (nextColumnWidths: Array<TableColumnWidthInfo>) => void;
-  resizingMode?: string;
+    columnExtensions?: Array<TableColumnResizing.ColumnExtension>;
+    columnWidths?: Array<TableColumnWidthInfo>;
+    defaultColumnWidths?: Array<TableColumnWidthInfo>;
+    maxColumnWidth?: number;
+    minColumnWidth?: number;
+    onColumnWidthsChange?: (nextColumnWidths: Array<TableColumnWidthInfo>) => void;
+    resizingMode?: string;
 }
 
 // @public
@@ -976,169 +976,169 @@ export const TableColumnVisibility: React_2.ComponentType<TableColumnVisibilityP
 
 // @public (undocumented)
 export namespace TableColumnVisibility {
-  export interface ColumnExtension {
-    columnName: string;
-    togglingEnabled: boolean;
-  }
-  export interface EmptyMessageProps {
-    getMessage: (messageKey: string) => string;
-  }
-  // (undocumented)
-  export interface LocalizationMessages {
-    noColumns?: string;
-  }
+    export interface ColumnExtension {
+        columnName: string;
+        togglingEnabled: boolean;
+    }
+    export interface EmptyMessageProps {
+        getMessage: (messageKey: string) => string;
+    }
+    // (undocumented)
+    export interface LocalizationMessages {
+        noColumns?: string;
+    }
 }
 
 // @public (undocumented)
 export interface TableColumnVisibilityProps {
-  columnExtensions?: Array<TableColumnVisibility.ColumnExtension>;
-  columnTogglingEnabled?: boolean;
-  defaultHiddenColumnNames?: Array<string>;
-  emptyMessageComponent: React_2.ComponentType<TableColumnVisibility.EmptyMessageProps>;
-  hiddenColumnNames?: Array<string>;
-  messages?: TableColumnVisibility.LocalizationMessages;
-  onHiddenColumnNamesChange?: (hiddenColumnNames: Array<string>) => void;
+    columnExtensions?: Array<TableColumnVisibility.ColumnExtension>;
+    columnTogglingEnabled?: boolean;
+    defaultHiddenColumnNames?: Array<string>;
+    emptyMessageComponent: React_2.ComponentType<TableColumnVisibility.EmptyMessageProps>;
+    hiddenColumnNames?: Array<string>;
+    messages?: TableColumnVisibility.LocalizationMessages;
+    onHiddenColumnNamesChange?: (hiddenColumnNames: Array<string>) => void;
 }
 
 // @public
 export interface TableColumnWidthInfo {
-  columnName: string;
-  width: number | string;
+    columnName: string;
+    width: number | string;
 }
 
 // @public
 export const TableEditColumn: React_2.ComponentType<TableEditColumnProps> & {
-  COLUMN_TYPE: symbol;
+    COLUMN_TYPE: symbol;
 };
 
 // @public (undocumented)
 export namespace TableEditColumn {
-  export interface CellProps extends Table.CellProps {
-    children?: React_2.ReactNode;
-    row: any;
-  }
-  export interface CommandProps {
-    id: 'add' | 'edit' | 'delete' | 'commit' | 'cancel';
-    onExecute(): void;
-    text: string;
-  }
-  export interface HeaderCellProps extends Table.CellProps {
-    children?: React_2.ReactNode;
-  }
-  // (undocumented)
-  export interface LocalizationMessages {
-    addCommand?: string;
-    cancelCommand?: string;
-    commitCommand?: string;
-    deleteCommand?: string;
-    editCommand?: string;
-  }
+    export interface CellProps extends Table.CellProps {
+        children?: React_2.ReactNode;
+        row: any;
+    }
+    export interface CommandProps {
+        id: 'add' | 'edit' | 'delete' | 'commit' | 'cancel';
+        onExecute(): void;
+        text: string;
+    }
+    export interface HeaderCellProps extends Table.CellProps {
+        children?: React_2.ReactNode;
+    }
+    // (undocumented)
+    export interface LocalizationMessages {
+        addCommand?: string;
+        cancelCommand?: string;
+        commitCommand?: string;
+        deleteCommand?: string;
+        editCommand?: string;
+    }
 }
 
 // @public (undocumented)
 export interface TableEditColumnProps {
-  cellComponent: React_2.ComponentType<TableEditColumn.CellProps>;
-  commandComponent: React_2.ComponentType<TableEditColumn.CommandProps>;
-  headerCellComponent: React_2.ComponentType<TableEditColumn.HeaderCellProps>;
-  messages?: TableEditColumn.LocalizationMessages;
-  showAddCommand?: boolean;
-  showDeleteCommand?: boolean;
-  showEditCommand?: boolean;
-  width?: number | string;
+    cellComponent: React_2.ComponentType<TableEditColumn.CellProps>;
+    commandComponent: React_2.ComponentType<TableEditColumn.CommandProps>;
+    headerCellComponent: React_2.ComponentType<TableEditColumn.HeaderCellProps>;
+    messages?: TableEditColumn.LocalizationMessages;
+    showAddCommand?: boolean;
+    showDeleteCommand?: boolean;
+    showEditCommand?: boolean;
+    width?: number | string;
 }
 
 // @public
 export const TableEditRow: React_2.ComponentType<TableEditRowProps> & {
-  ADDED_ROW_TYPE: symbol;
-  EDIT_ROW_TYPE: symbol;
+    ADDED_ROW_TYPE: symbol;
+    EDIT_ROW_TYPE: symbol;
 };
 
 // @public (undocumented)
 export namespace TableEditRow {
-  export interface CellProps extends Table.CellProps {
-    column: Column;
-    editingEnabled: boolean;
-    onValueChange: (newValue: any) => void;
-    row: any;
-    value: any;
-  }
-  export interface RowProps extends Table.RowProps {
-    row: any;
-  }
+    export interface CellProps extends Table.CellProps {
+        column: Column;
+        editingEnabled: boolean;
+        onValueChange: (newValue: any) => void;
+        row: any;
+        value: any;
+    }
+    export interface RowProps extends Table.RowProps {
+        row: any;
+    }
 }
 
 // @public (undocumented)
 export interface TableEditRowProps {
-  cellComponent: React_2.ComponentType<TableEditRow.CellProps>;
-  rowComponent: React_2.ComponentType<TableEditRow.RowProps>;
-  rowHeight?: number;
+    cellComponent: React_2.ComponentType<TableEditRow.CellProps>;
+    rowComponent: React_2.ComponentType<TableEditRow.RowProps>;
+    rowHeight?: number;
 }
 
 // @public
 export const TableFilterRow: React_2.ComponentType<TableFilterRowProps> & {
-  ROW_TYPE: symbol;
+    ROW_TYPE: symbol;
 };
 
 // @public (undocumented)
 export namespace TableFilterRow {
-  export interface CellProps extends Table.CellProps {
-    column: Column;
-    filter: Filter | null;
-    filteringEnabled: boolean;
-    getMessage: (messageKey: string) => string;
-    onFilter: (filter: Filter | null) => void;
-  }
-  export interface EditorProps {
-    disabled: boolean;
-    getMessage: (messageKey: string) => string;
-    onChange: (value: string) => void;
-    value: any;
-  }
-  export interface FilterSelectorProps {
-    availableValues: Array<string>;
-    disabled: boolean;
-    getMessage: (messageKey: string) => string;
-    iconComponent: React_2.ComponentType<TableFilterRow.IconProps>;
-    onChange: (value: string) => void;
-    value: string;
-  }
-  export interface IconProps {
-    type: string;
-  }
-  // (undocumented)
-  export interface LocalizationMessages {
-    [key: string]: string | undefined;
-    contains?: string;
-    endsWith?: string;
-    equal?: string;
-    filterPlaceholder?: string;
-    greaterThan?: string;
-    greaterThanOrEqual?: string;
-    lessThan?: string;
-    lessThanOrEqual?: string;
-    notContains?: string;
-    notEqual?: string;
-    startsWith?: string;
-  }
-  export interface ToggleButtonProps {
-    buttonRef: (ref: React_2.ReactInstance) => void;
-    children?: React_2.ReactNode;
-    disabled?: boolean;
-    onToggle(): void;
-  }
+    export interface CellProps extends Table.CellProps {
+        column: Column;
+        filter: Filter | null;
+        filteringEnabled: boolean;
+        getMessage: (messageKey: string) => string;
+        onFilter: (filter: Filter | null) => void;
+    }
+    export interface EditorProps {
+        disabled: boolean;
+        getMessage: (messageKey: string) => string;
+        onChange: (value: string) => void;
+        value: any;
+    }
+    export interface FilterSelectorProps {
+        availableValues: Array<string>;
+        disabled: boolean;
+        getMessage: (messageKey: string) => string;
+        iconComponent: React_2.ComponentType<TableFilterRow.IconProps>;
+        onChange: (value: string) => void;
+        value: string;
+    }
+    export interface IconProps {
+        type: string;
+    }
+    // (undocumented)
+    export interface LocalizationMessages {
+        [key: string]: string | undefined;
+        contains?: string;
+        endsWith?: string;
+        equal?: string;
+        filterPlaceholder?: string;
+        greaterThan?: string;
+        greaterThanOrEqual?: string;
+        lessThan?: string;
+        lessThanOrEqual?: string;
+        notContains?: string;
+        notEqual?: string;
+        startsWith?: string;
+    }
+    export interface ToggleButtonProps {
+        buttonRef: (ref: React_2.ReactInstance) => void;
+        children?: React_2.ReactNode;
+        disabled?: boolean;
+        onToggle(): void;
+    }
 }
 
 // @public (undocumented)
 export interface TableFilterRowProps {
-  cellComponent: React_2.ComponentType<TableFilterRow.CellProps>;
-  editorComponent: React_2.ComponentType<TableFilterRow.EditorProps>;
-  filterSelectorComponent: React_2.ComponentType<TableFilterRow.FilterSelectorProps>;
-  iconComponent: React_2.ComponentType<TableFilterRow.IconProps>;
-  messages?: TableFilterRow.LocalizationMessages;
-  rowComponent: React_2.ComponentType<Table.RowProps>;
-  rowHeight?: number;
-  showFilterSelector?: boolean;
-  toggleButtonComponent: React_2.ComponentType<TableFilterRow.ToggleButtonProps>;
+    cellComponent: React_2.ComponentType<TableFilterRow.CellProps>;
+    editorComponent: React_2.ComponentType<TableFilterRow.EditorProps>;
+    filterSelectorComponent: React_2.ComponentType<TableFilterRow.FilterSelectorProps>;
+    iconComponent: React_2.ComponentType<TableFilterRow.IconProps>;
+    messages?: TableFilterRow.LocalizationMessages;
+    rowComponent: React_2.ComponentType<Table.RowProps>;
+    rowHeight?: number;
+    showFilterSelector?: boolean;
+    toggleButtonComponent: React_2.ComponentType<TableFilterRow.ToggleButtonProps>;
 }
 
 // @public
@@ -1146,26 +1146,26 @@ export const TableFixedColumns: React_2.ComponentType<TableFixedColumnsProps>;
 
 // @public (undocumented)
 export namespace TableFixedColumns {
-  export interface CellProps extends Table.CellProps {
-    component: React_2.ComponentType<Table.CellProps>;
-    position: number;
-    showLeftDivider: boolean;
-    showRightDivider: boolean;
-    side: 'left' | 'right';
-  }
+    export interface CellProps extends Table.CellProps {
+        component: React_2.ComponentType<Table.CellProps>;
+        position: number;
+        showLeftDivider: boolean;
+        showRightDivider: boolean;
+        side: 'left' | 'right';
+    }
 }
 
 // @public (undocumented)
 export interface TableFixedColumnsProps {
-  cellComponent: React_2.ComponentType<TableFixedColumns.CellProps>;
-  leftColumns?: Array<string | symbol>;
-  rightColumns?: Array<string | symbol>;
+    cellComponent: React_2.ComponentType<TableFixedColumns.CellProps>;
+    leftColumns?: Array<string | symbol>;
+    rightColumns?: Array<string | symbol>;
 }
 
 // @public
 export const TableGroupRow: React_2.ComponentType<TableGroupRowProps> & {
-  COLUMN_TYPE: symbol;
-  ROW_TYPE: symbol;
+    COLUMN_TYPE: symbol;
+    ROW_TYPE: symbol;
 };
 
 // @public (undocumented)
@@ -1289,63 +1289,63 @@ export interface TableGroupRowProps {
 
 // @public
 export const TableHeaderRow: React_2.ComponentType<TableHeaderRowProps> & {
-  ROW_TYPE: symbol;
+    ROW_TYPE: symbol;
 };
 
 // @public (undocumented)
 export namespace TableHeaderRow {
-  export interface CellProps extends Table.CellProps {
-    children: React_2.ReactNode;
-    column: Column;
-    draggingEnabled: boolean;
-    getCellWidth: (getter: CellWidthGetter) => void;
-    onWidthChange: (parameters: {
-      shift: number;
-    }) => void;
-    onWidthDraft: (parameters: {
-      shift: number;
-    }) => void;
-    onWidthDraftCancel(): void;
-    resizingEnabled: boolean;
-  }
-  export interface ContentProps {
-    align: string;
-    children: React_2.ReactNode;
-    column: Column;
-  }
-  export interface GroupButtonProps {
-    disabled: boolean;
-    onGroup(): void;
-  }
-  // (undocumented)
-  export interface LocalizationMessages {
-    sortingHint?: string;
-  }
-  export interface SortLabelProps {
-    align: string;
-    children: React_2.ReactNode;
-    column: Column;
-    direction: 'asc' | 'desc' | null;
-    disabled: boolean;
-    getMessage: (messageKey: string) => string;
-    onSort: (parameters: {
-      direction?: 'asc' | 'desc' | null;
-      keepOther?: boolean;
-    }) => void;
-  }
+    export interface CellProps extends Table.CellProps {
+        children: React_2.ReactNode;
+        column: Column;
+        draggingEnabled: boolean;
+        getCellWidth: (getter: CellWidthGetter) => void;
+        onWidthChange: (parameters: {
+            shift: number;
+        }) => void;
+        onWidthDraft: (parameters: {
+            shift: number;
+        }) => void;
+        onWidthDraftCancel(): void;
+        resizingEnabled: boolean;
+    }
+    export interface ContentProps {
+        align: string;
+        children: React_2.ReactNode;
+        column: Column;
+    }
+    export interface GroupButtonProps {
+        disabled: boolean;
+        onGroup(): void;
+    }
+    // (undocumented)
+    export interface LocalizationMessages {
+        sortingHint?: string;
+    }
+    export interface SortLabelProps {
+        align: string;
+        children: React_2.ReactNode;
+        column: Column;
+        direction: 'asc' | 'desc' | null;
+        disabled: boolean;
+        getMessage: (messageKey: string) => string;
+        onSort: (parameters: {
+            direction?: 'asc' | 'desc' | null;
+            keepOther?: boolean;
+        }) => void;
+    }
 }
 
 // @public (undocumented)
 export interface TableHeaderRowProps {
-  cellComponent: React_2.ComponentType<TableHeaderRow.CellProps>;
-  contentComponent: React_2.ComponentType<TableHeaderRow.ContentProps>;
-  groupButtonComponent: React_2.ComponentType<TableHeaderRow.GroupButtonProps>;
-  messages?: TableHeaderRow.LocalizationMessages;
-  rowComponent: React_2.ComponentType<Table.RowProps>;
-  showGroupingControls?: boolean;
-  showSortingControls?: boolean;
-  sortLabelComponent: React_2.ComponentType<TableHeaderRow.SortLabelProps>;
-  titleComponent: React_2.ComponentType<object>;
+    cellComponent: React_2.ComponentType<TableHeaderRow.CellProps>;
+    contentComponent: React_2.ComponentType<TableHeaderRow.ContentProps>;
+    groupButtonComponent: React_2.ComponentType<TableHeaderRow.GroupButtonProps>;
+    messages?: TableHeaderRow.LocalizationMessages;
+    rowComponent: React_2.ComponentType<Table.RowProps>;
+    showGroupingControls?: boolean;
+    showSortingControls?: boolean;
+    sortLabelComponent: React_2.ComponentType<TableHeaderRow.SortLabelProps>;
+    titleComponent: React_2.ComponentType<object>;
 }
 
 // @public (undocumented)
@@ -1353,24 +1353,24 @@ export const TableInlineCellEditing: React_2.ComponentType<TableInlineCellEditin
 
 // @public (undocumented)
 export namespace TableInlineCellEditing {
-  export interface CellProps extends Table.CellProps {
-    autoFocus: boolean;
-    column: Column;
-    editingEnabled: boolean;
-    onBlur: () => void;
-    onFocus: (e: any) => void;
-    onKeyDown: (e: any) => void;
-    onValueChange: (newValue: any) => void;
-    row: any;
-    value: any;
-  }
+    export interface CellProps extends Table.CellProps {
+        autoFocus: boolean;
+        column: Column;
+        editingEnabled: boolean;
+        onBlur: () => void;
+        onFocus: (e: any) => void;
+        onKeyDown: (e: any) => void;
+        onValueChange: (newValue: any) => void;
+        row: any;
+        value: any;
+    }
 }
 
 // @public (undocumented)
 export interface TableInlineCellEditingProps {
-  cellComponent: React_2.ComponentType<TableInlineCellEditing.CellProps>;
-  selectTextOnEditStart: boolean;
-  startEditAction: 'click' | 'doubleClick';
+    cellComponent: React_2.ComponentType<TableInlineCellEditing.CellProps>;
+    selectTextOnEditStart: boolean;
+    startEditAction: 'click' | 'doubleClick';
 }
 
 // @public (undocumented)
@@ -1378,44 +1378,44 @@ export const TableKeyboardNavigation: React_2.ComponentType<TableKeyboardNavigat
 
 // @public (undocumented)
 export namespace TableKeyboardNavigation {
-  export interface CellProps extends Table.CellProps, Required<ExtraProps> {
-    component: React_2.ComponentType<Table.CellProps>;
-  }
-  // (undocumented)
-  export interface ExtraProps {
-  }
-  // (undocumented)
-  export interface RowProps extends Table.RowProps {
-    component: React_2.ComponentType<Table.RowProps>;
-  }
+    export interface CellProps extends Table.CellProps, Required<ExtraProps> {
+        component: React_2.ComponentType<Table.CellProps>;
+    }
+    // (undocumented)
+    export interface ExtraProps {
+    }
+    // (undocumented)
+    export interface RowProps extends Table.RowProps {
+        component: React_2.ComponentType<Table.RowProps>;
+    }
 }
 
 // @public (undocumented)
 export interface TableKeyboardNavigationProps {
-  cellComponent: React_2.ComponentType<TableKeyboardNavigation.CellProps>;
-  defaultFocusedCell?: FocusedCell;
-  focusedCell?: FocusedCell;
-  focusedRowEnabled?: boolean;
-  onFocusedCellChange?: OnFocusedCellChangeFn;
-  rowComponent: React_2.ComponentType<TableKeyboardNavigation.RowProps>;
+    cellComponent: React_2.ComponentType<TableKeyboardNavigation.CellProps>;
+    defaultFocusedCell?: FocusedCell;
+    focusedCell?: FocusedCell;
+    focusedRowEnabled?: boolean;
+    onFocusedCellChange?: OnFocusedCellChangeFn;
+    rowComponent: React_2.ComponentType<TableKeyboardNavigation.RowProps>;
 }
 
 // @public (undocumented)
 export interface TableProps {
-  bodyComponent: React_2.ComponentType<any>;
-  cellComponent: React_2.ComponentType<Table.DataCellProps>;
-  columnExtensions?: Array<Table.ColumnExtension>;
-  containerComponent: React_2.ComponentType<object>;
-  footerComponent: React_2.ComponentType<object>;
-  headComponent: React_2.ComponentType<object>;
-  messages?: Table.LocalizationMessages;
-  noDataCellComponent: React_2.ComponentType<Table.NoDataCellProps>;
-  noDataRowComponent: React_2.ComponentType<Table.RowProps>;
-  rowComponent: React_2.ComponentType<Table.DataRowProps>;
-  stubCellComponent: React_2.ComponentType<Table.CellProps>;
-  stubHeaderCellComponent: React_2.ComponentType<Table.CellProps>;
-  stubRowComponent: React_2.ComponentType<Table.RowProps>;
-  tableComponent: React_2.ComponentType<Table.InnerTableProps>;
+    bodyComponent: React_2.ComponentType<any>;
+    cellComponent: React_2.ComponentType<Table.DataCellProps>;
+    columnExtensions?: Array<Table.ColumnExtension>;
+    containerComponent: React_2.ComponentType<object>;
+    footerComponent: React_2.ComponentType<object>;
+    headComponent: React_2.ComponentType<object>;
+    messages?: Table.LocalizationMessages;
+    noDataCellComponent: React_2.ComponentType<Table.NoDataCellProps>;
+    noDataRowComponent: React_2.ComponentType<Table.RowProps>;
+    rowComponent: React_2.ComponentType<Table.DataRowProps>;
+    stubCellComponent: React_2.ComponentType<Table.CellProps>;
+    stubHeaderCellComponent: React_2.ComponentType<Table.CellProps>;
+    stubRowComponent: React_2.ComponentType<Table.RowProps>;
+    tableComponent: React_2.ComponentType<Table.InnerTableProps>;
 }
 
 // @public
@@ -1429,158 +1429,158 @@ export interface TableRow {
 
 // @public
 export const TableRowDetail: React_2.ComponentType<TableRowDetailProps> & {
-  COLUMN_TYPE: symbol;
-  ROW_TYPE: symbol;
+    COLUMN_TYPE: symbol;
+    ROW_TYPE: symbol;
 };
 
 // @public (undocumented)
 export namespace TableRowDetail {
-  export interface CellProps extends Table.CellProps {
-    children?: React_2.ReactNode;
-    row: any;
-  }
-  export interface ContentProps {
-    row: any;
-  }
-  export interface RowProps extends Table.RowProps {
-    row: any;
-  }
-  export interface ToggleCellProps extends Table.CellProps {
-    expanded: boolean;
-    onToggle(): void;
-    row: any;
-  }
+    export interface CellProps extends Table.CellProps {
+        children?: React_2.ReactNode;
+        row: any;
+    }
+    export interface ContentProps {
+        row: any;
+    }
+    export interface RowProps extends Table.RowProps {
+        row: any;
+    }
+    export interface ToggleCellProps extends Table.CellProps {
+        expanded: boolean;
+        onToggle(): void;
+        row: any;
+    }
 }
 
 // @public (undocumented)
 export interface TableRowDetailProps {
-  cellComponent: React_2.ComponentType<TableRowDetail.CellProps>;
-  contentComponent?: React_2.ComponentType<TableRowDetail.ContentProps>;
-  rowComponent: React_2.ComponentType<TableRowDetail.RowProps>;
-  rowHeight?: number;
-  toggleCellComponent: React_2.ComponentType<TableRowDetail.ToggleCellProps>;
-  toggleColumnWidth: number;
+    cellComponent: React_2.ComponentType<TableRowDetail.CellProps>;
+    contentComponent?: React_2.ComponentType<TableRowDetail.ContentProps>;
+    rowComponent: React_2.ComponentType<TableRowDetail.RowProps>;
+    rowHeight?: number;
+    toggleCellComponent: React_2.ComponentType<TableRowDetail.ToggleCellProps>;
+    toggleColumnWidth: number;
 }
 
 // @public
 export const TableSelection: React_2.ComponentType<TableSelectionProps> & {
-  COLUMN_TYPE: symbol;
+    COLUMN_TYPE: symbol;
 };
 
 // @public (undocumented)
 export namespace TableSelection {
-  export interface CellProps extends Table.CellProps {
-    onToggle(): void;
-    row: any;
-    selected: boolean;
-  }
-  export interface HeaderCellProps extends Table.CellProps {
-    allSelected: boolean;
-    disabled: boolean;
-    onToggle: (select?: boolean) => void;
-    someSelected: boolean;
-  }
-  export interface RowProps extends Table.RowProps {
-    highlighted?: boolean;
-    onToggle(): void;
-    selectByRowClick?: boolean;
-  }
+    export interface CellProps extends Table.CellProps {
+        onToggle(): void;
+        row: any;
+        selected: boolean;
+    }
+    export interface HeaderCellProps extends Table.CellProps {
+        allSelected: boolean;
+        disabled: boolean;
+        onToggle: (select?: boolean) => void;
+        someSelected: boolean;
+    }
+    export interface RowProps extends Table.RowProps {
+        highlighted?: boolean;
+        onToggle(): void;
+        selectByRowClick?: boolean;
+    }
 }
 
 // @public (undocumented)
 export interface TableSelectionProps {
-  cellComponent: React_2.ComponentType<TableSelection.CellProps>;
-  headerCellComponent: React_2.ComponentType<TableSelection.HeaderCellProps>;
-  highlightRow?: boolean;
-  rowComponent: React_2.ComponentType<TableSelection.RowProps>;
-  selectByRowClick?: boolean;
-  selectionColumnWidth: number;
-  showSelectAll?: boolean;
-  showSelectionColumn?: boolean;
+    cellComponent: React_2.ComponentType<TableSelection.CellProps>;
+    headerCellComponent: React_2.ComponentType<TableSelection.HeaderCellProps>;
+    highlightRow?: boolean;
+    rowComponent: React_2.ComponentType<TableSelection.RowProps>;
+    selectByRowClick?: boolean;
+    selectionColumnWidth: number;
+    showSelectAll?: boolean;
+    showSelectionColumn?: boolean;
 }
 
 // @public
 export const TableSummaryRow: React_2.ComponentType<TableSummaryRowProps> & {
-  TREE_ROW_TYPE: symbol;
-  GROUP_ROW_TYPE: symbol;
-  TOTAL_ROW_TYPE: symbol;
+    TREE_ROW_TYPE: symbol;
+    GROUP_ROW_TYPE: symbol;
+    TOTAL_ROW_TYPE: symbol;
 };
 
 // @public (undocumented)
 export namespace TableSummaryRow {
-  export interface CellProps extends Table.CellProps {
-    children?: React_2.ReactNode;
-    column: Column;
-  }
-  export interface ContentProps {
-    children?: React_2.ReactNode;
-  }
-  // (undocumented)
-  export interface IndentProps {
-    level: number;
-  }
-  export interface ItemProps {
-    children?: React_2.ReactNode;
-    getMessage: GetMessageFn;
-    type: SummaryType;
-    value?: number | null;
-  }
-  // (undocumented)
-  export interface LocalizationMessages {
-    avg?: string;
-    count?: string;
-    max?: string;
-    min?: string;
-    sum?: string;
-  }
+    export interface CellProps extends Table.CellProps {
+        children?: React_2.ReactNode;
+        column: Column;
+    }
+    export interface ContentProps {
+        children?: React_2.ReactNode;
+    }
+    // (undocumented)
+    export interface IndentProps {
+        level: number;
+    }
+    export interface ItemProps {
+        children?: React_2.ReactNode;
+        getMessage: GetMessageFn;
+        type: SummaryType;
+        value?: number | null;
+    }
+    // (undocumented)
+    export interface LocalizationMessages {
+        avg?: string;
+        count?: string;
+        max?: string;
+        min?: string;
+        sum?: string;
+    }
 }
 
 // @public (undocumented)
 export class TableSummaryRowBase extends React_2.PureComponent<TableSummaryRowProps> {
-  // (undocumented)
-  static components: {
-    totalRowComponent: string;
-    groupRowComponent: string;
-    treeRowComponent: string;
-    totalCellComponent: string;
-    groupCellComponent: string;
-    treeCellComponent: string;
-    treeColumnCellComponent: string;
-    treeColumnContentComponent: string;
-    treeColumnIndentComponent: string;
-    itemComponent: string;
-  };
-  // (undocumented)
-  static defaultProps: {
-    formatlessSummaryTypes: never[];
-    messages: {};
-  };
-  // (undocumented)
-  static GROUP_ROW_TYPE: symbol;
-  // (undocumented)
-  render(): JSX.Element;
-  // (undocumented)
-  renderContent(column: any, columnSummaries: any): JSX.Element;
-  // (undocumented)
-  static TOTAL_ROW_TYPE: symbol;
-  // (undocumented)
-  static TREE_ROW_TYPE: symbol;
+    // (undocumented)
+    static components: {
+        totalRowComponent: string;
+        groupRowComponent: string;
+        treeRowComponent: string;
+        totalCellComponent: string;
+        groupCellComponent: string;
+        treeCellComponent: string;
+        treeColumnCellComponent: string;
+        treeColumnContentComponent: string;
+        treeColumnIndentComponent: string;
+        itemComponent: string;
+    };
+    // (undocumented)
+    static defaultProps: {
+        formatlessSummaryTypes: never[];
+        messages: {};
+    };
+    // (undocumented)
+    static GROUP_ROW_TYPE: symbol;
+    // (undocumented)
+    render(): JSX.Element;
+    // (undocumented)
+    renderContent(column: any, columnSummaries: any): JSX.Element;
+    // (undocumented)
+    static TOTAL_ROW_TYPE: symbol;
+    // (undocumented)
+    static TREE_ROW_TYPE: symbol;
 }
 
 // @public (undocumented)
 export interface TableSummaryRowProps {
-  formatlessSummaryTypes: Array<string>;
-  groupCellComponent: React_2.ComponentType<TableSummaryRow.CellProps>;
-  groupRowComponent: React_2.ComponentType<Table.RowProps>;
-  itemComponent: React_2.ComponentType<TableSummaryRow.ItemProps>;
-  messages?: TableSummaryRow.LocalizationMessages;
-  totalCellComponent: React_2.ComponentType<TableSummaryRow.CellProps>;
-  totalRowComponent: React_2.ComponentType<Table.RowProps>;
-  treeCellComponent: React_2.ComponentType<TableSummaryRow.CellProps>;
-  treeColumnCellComponent: React_2.ComponentType<TableSummaryRow.CellProps>;
-  treeColumnContentComponent: React_2.ComponentType<TableSummaryRow.ContentProps>;
-  treeColumnIndentComponent: React_2.ComponentType<TableSummaryRow.IndentProps>;
-  treeRowComponent: React_2.ComponentType<Table.RowProps>;
+    formatlessSummaryTypes: Array<string>;
+    groupCellComponent: React_2.ComponentType<TableSummaryRow.CellProps>;
+    groupRowComponent: React_2.ComponentType<Table.RowProps>;
+    itemComponent: React_2.ComponentType<TableSummaryRow.ItemProps>;
+    messages?: TableSummaryRow.LocalizationMessages;
+    totalCellComponent: React_2.ComponentType<TableSummaryRow.CellProps>;
+    totalRowComponent: React_2.ComponentType<Table.RowProps>;
+    treeCellComponent: React_2.ComponentType<TableSummaryRow.CellProps>;
+    treeColumnCellComponent: React_2.ComponentType<TableSummaryRow.CellProps>;
+    treeColumnContentComponent: React_2.ComponentType<TableSummaryRow.ContentProps>;
+    treeColumnIndentComponent: React_2.ComponentType<TableSummaryRow.IndentProps>;
+    treeRowComponent: React_2.ComponentType<Table.RowProps>;
 }
 
 // @public
@@ -1588,41 +1588,41 @@ export const TableTreeColumn: React_2.ComponentType<TableTreeColumnProps>;
 
 // @public (undocumented)
 export namespace TableTreeColumn {
-  export interface CellProps extends Table.CellProps {
-    children?: React_2.ReactNode;
-    column: Column;
-    row: any;
-    value: any;
-  }
-  export interface CheckboxProps {
-    checked: boolean;
-    disabled: boolean;
-    indeterminate: boolean;
-    onChange(): void;
-  }
-  export interface ContentProps {
-    children?: React_2.ReactNode;
-  }
-  export interface ExpandButtonProps {
-    expanded: boolean;
-    onToggle(): void;
-    visible: boolean;
-  }
-  export interface IndentProps {
-    level: number;
-  }
+    export interface CellProps extends Table.CellProps {
+        children?: React_2.ReactNode;
+        column: Column;
+        row: any;
+        value: any;
+    }
+    export interface CheckboxProps {
+        checked: boolean;
+        disabled: boolean;
+        indeterminate: boolean;
+        onChange(): void;
+    }
+    export interface ContentProps {
+        children?: React_2.ReactNode;
+    }
+    export interface ExpandButtonProps {
+        expanded: boolean;
+        onToggle(): void;
+        visible: boolean;
+    }
+    export interface IndentProps {
+        level: number;
+    }
 }
 
 // @public (undocumented)
 export interface TableTreeColumnProps {
-  cellComponent: React_2.ComponentType<TableTreeColumn.CellProps>;
-  checkboxComponent: React_2.ComponentType<TableTreeColumn.CheckboxProps>;
-  contentComponent: React_2.ComponentType<TableTreeColumn.ContentProps>;
-  expandButtonComponent: React_2.ComponentType<TableTreeColumn.ExpandButtonProps>;
-  for: string;
-  indentComponent: React_2.ComponentType<TableTreeColumn.IndentProps>;
-  showSelectAll?: boolean;
-  showSelectionControls?: boolean;
+    cellComponent: React_2.ComponentType<TableTreeColumn.CellProps>;
+    checkboxComponent: React_2.ComponentType<TableTreeColumn.CheckboxProps>;
+    contentComponent: React_2.ComponentType<TableTreeColumn.ContentProps>;
+    expandButtonComponent: React_2.ComponentType<TableTreeColumn.ExpandButtonProps>;
+    for: string;
+    indentComponent: React_2.ComponentType<TableTreeColumn.IndentProps>;
+    showSelectAll?: boolean;
+    showSelectionControls?: boolean;
 }
 
 // @public
@@ -1630,14 +1630,14 @@ export const Toolbar: React_2.ComponentType<ToolbarProps>;
 
 // @public (undocumented)
 export namespace Toolbar {
-  export interface RootProps {
-    children?: React_2.ReactNode;
-  }
+    export interface RootProps {
+        children?: React_2.ReactNode;
+    }
 }
 
 // @public (undocumented)
 export interface ToolbarProps {
-  rootComponent: React_2.ComponentType<Toolbar.RootProps>;
+    rootComponent: React_2.ComponentType<Toolbar.RootProps>;
 }
 
 // @public
@@ -1645,14 +1645,14 @@ export const TreeDataState: React_2.ComponentType<TreeDataStateProps>;
 
 // @public (undocumented)
 export interface TreeDataStateProps {
-  defaultExpandedRowIds?: Array<number | string>;
-  expandedRowIds?: Array<number | string>;
-  onExpandedRowIdsChange?: (expandedRowIds: Array<number | string>) => void;
+    defaultExpandedRowIds?: Array<number | string>;
+    expandedRowIds?: Array<number | string>;
+    onExpandedRowIdsChange?: (expandedRowIds: Array<number | string>) => void;
 }
 
 // @public (undocumented)
 export type TreeDataStateState = {
-  expandedRowIds: Array<number | string>;
+    expandedRowIds: Array<number | string>;
 };
 
 // @public (undocumented)
@@ -1701,24 +1701,23 @@ export const VirtualTableState: React_2.ComponentType<VirtualTableStateProps>;
 
 // @public (undocumented)
 export interface VirtualTableStateProps {
-  // (undocumented)
-  getRows: (skip: number, take: number) => void;
-  // (undocumented)
-  infiniteScrolling: boolean;
-  // (undocumented)
-  loading: boolean;
-  // (undocumented)
-  pageSize?: number;
-  // (undocumented)
-  skip: number;
-  // (undocumented)
-  totalRowCount: number;
+    // (undocumented)
+    getRows: (skip: number, take: number) => void;
+    // (undocumented)
+    infiniteScrolling: boolean;
+    // (undocumented)
+    loading: boolean;
+    // (undocumented)
+    pageSize?: number;
+    // (undocumented)
+    skip: number;
+    // (undocumented)
+    totalRowCount: number;
 }
 
 // @public (undocumented)
 export const withKeyboardNavigation: <T extends KeyboardNavigationComponent>(key1?: string, key2?: string) => (Component: React_2.ComponentType<Table.CellProps>) => React_2.ComponentType<T>;
 
-
 // (No @packageDocumentation comment for this package)
 
 ```
diff --git a/packages/dx-react-grid/src/components/summary/inline-summary-item.tsx b/packages/dx-react-grid/src/components/summary/inline-summary-item.tsx
index 1fa10d36bc..5f1b8b04e1 100644
--- a/packages/dx-react-grid/src/components/summary/inline-summary-item.tsx
+++ b/packages/dx-react-grid/src/components/summary/inline-summary-item.tsx
@@ -1,7 +1,9 @@
 import * as React from 'react';
 import { TableGroupRow } from '../../types';
 
-export const InlineSummaryItem: React.SFC<TableGroupRow.InlineSummaryItemProps> = React.memo(({
+export const InlineSummaryItem: React.FunctionComponent<
+  TableGroupRow.InlineSummaryItemProps
+> = React.memo(({
   summary: { messageKey, columnTitle, component: SummaryComponent },
   getMessage,
 }) => (
diff --git a/packages/dx-react-grid/src/components/summary/table-summary-content.tsx b/packages/dx-react-grid/src/components/summary/table-summary-content.tsx
index 95fef8519b..d3d19a866b 100644
--- a/packages/dx-react-grid/src/components/summary/table-summary-content.tsx
+++ b/packages/dx-react-grid/src/components/summary/table-summary-content.tsx
@@ -7,13 +7,13 @@ import { TemplatePlaceholder } from '@devexpress/dx-react-core';
 import { TableSummaryContentProps, SummaryItemProps } from '../../types';
 import { defaultSummaryMessages } from './constants';
 
-export const TableSummaryContent: React.SFC<TableSummaryContentProps> = ({
+export const TableSummaryContent: React.FunctionComponent<TableSummaryContentProps> = ({
   column, columnSummaries, formatlessSummaryTypes,
   itemComponent: Item,
   messages,
 }) => {
   const getMessage = getMessagesFormatter({ ...defaultSummaryMessages, ...messages });
-  const SummaryItem: React.SFC<SummaryItemProps> = ({ summary, children }) => (
+  const SummaryItem: React.FunctionComponent<SummaryItemProps> = ({ summary, children }) => (
     <Item
       getMessage={getMessage}
       type={summary.type}
diff --git a/packages/dx-react-grid/src/components/table-layout/row-layout.tsx b/packages/dx-react-grid/src/components/table-layout/row-layout.tsx
index f26ada84f3..ff4aaed5da 100644
--- a/packages/dx-react-grid/src/components/table-layout/row-layout.tsx
+++ b/packages/dx-react-grid/src/components/table-layout/row-layout.tsx
@@ -5,7 +5,7 @@ import { getRowStyle } from '../../utils/helpers';
 const getColumnStyle = ({ column }) => column.animationState;
 
 /** @internal */
-export const RowLayout: React.SFC<RowLayoutProps> = React.memo((props) => {
+export const RowLayout: React.FunctionComponent<RowLayoutProps> = React.memo((props) => {
   const {
     row,
     columns,
diff --git a/packages/dx-react-grid/src/grid.tsx b/packages/dx-react-grid/src/grid.tsx
index 7521e55ca8..02605d6b61 100644
--- a/packages/dx-react-grid/src/grid.tsx
+++ b/packages/dx-react-grid/src/grid.tsx
@@ -3,7 +3,7 @@ import { PluginHost } from '@devexpress/dx-react-core';
 import { GridCore } from './plugins/grid-core';
 import { GridProps } from './types';
 
-const GridBase: React.SFC<GridProps> = ({
+const GridBase: React.FunctionComponent<GridProps> = ({
   rows,
   columns,
   getRowId,
diff --git a/packages/dx-react-grid/src/plugins/table-inline-cell-editing.tsx b/packages/dx-react-grid/src/plugins/table-inline-cell-editing.tsx
index 812fe2827e..35b6817ae3 100644
--- a/packages/dx-react-grid/src/plugins/table-inline-cell-editing.tsx
+++ b/packages/dx-react-grid/src/plugins/table-inline-cell-editing.tsx
@@ -32,7 +32,7 @@ const columnsWithEditingCellsComputed = (
 const INLINE_CELL_EDITING_ERROR = 'The startEditAction property of the InlineCellEditing plugin is given an invalid value.';
 
 // tslint:disable-next-line: max-line-length
-const TableInlineCellEditingBase: React.SFC<TableInlineCellEditingProps> & {components: {cellComponent: string}} = (props) => {
+const TableInlineCellEditingBase: React.FunctionComponent<TableInlineCellEditingProps> & {components: {cellComponent: string}} = (props) => {
   const { cellComponent: EditCell, startEditAction, selectTextOnEditStart } = props;
 
   return (
diff --git a/packages/dx-react-scheduler-demos/src/demo-sources/scheduler-typescript/material-ui/basic.tsx b/packages/dx-react-scheduler-demos/src/demo-sources/scheduler-typescript/material-ui/basic.tsx
index 84576f48c1..d5bad6f664 100644
--- a/packages/dx-react-scheduler-demos/src/demo-sources/scheduler-typescript/material-ui/basic.tsx
+++ b/packages/dx-react-scheduler-demos/src/demo-sources/scheduler-typescript/material-ui/basic.tsx
@@ -25,7 +25,7 @@ const resources = [{
   ],
 }];
 
-const Demo: React.SFC = () => {
+const Demo: React.FunctionComponent = () => {
   const [currentDate, setCurrentDate] = React.useState<SchedulerDateTime>('2018-10-31');
 
   return (
diff --git a/packages/dx-react-scheduler-demos/src/demo-sources/test/test-ts.tsx b/packages/dx-react-scheduler-demos/src/demo-sources/test/test-ts.tsx
index 1073a31250..80cb73512f 100644
--- a/packages/dx-react-scheduler-demos/src/demo-sources/test/test-ts.tsx
+++ b/packages/dx-react-scheduler-demos/src/demo-sources/test/test-ts.tsx
@@ -5,7 +5,7 @@ import {
   Scheduler, ConfirmationDialog,
 } from '@devexpress/dx-react-scheduler-material-ui';
 
-const Demo: React.SFC = () => (
+const Demo: React.FunctionComponent = () => (
   <Paper>
     <Scheduler
       data={[]}
diff --git a/packages/dx-react-scheduler/api/dx-react-scheduler.api.md b/packages/dx-react-scheduler/api/dx-react-scheduler.api.md
index f43265b67f..30b15d585b 100644
--- a/packages/dx-react-scheduler/api/dx-react-scheduler.api.md
+++ b/packages/dx-react-scheduler/api/dx-react-scheduler.api.md
@@ -9,11 +9,11 @@ import * as React_2 from 'react';
 
 // @public
 export type AllDayCell = {
-  startDate: SchedulerDateTime;
-  endDate?: SchedulerDateTime;
-  groupingInfo?: Group[];
-  hasRightBorder?: boolean;
-  endOfGroup?: boolean;
+    startDate: SchedulerDateTime;
+    endDate?: SchedulerDateTime;
+    groupingInfo?: Group[];
+    hasRightBorder?: boolean;
+    endOfGroup?: boolean;
 };
 
 // @public
@@ -21,69 +21,69 @@ export const AllDayPanel: React_2.ComponentType<AllDayPanelProps>;
 
 // @public (undocumented)
 export namespace AllDayPanel {
-  export interface AppointmentLayerProps extends BaseView.AppointmentLayerProps {
-  }
-  export interface CellData {
-    endDate: Date;
-    endOfGroup?: boolean;
-    groupingInfo?: Array<Group>;
-    hasRightBorder?: boolean;
-    startDate: Date;
-  }
-  export interface CellProps {
-    endDate: Date;
-    endOfGroup?: boolean;
-    groupingInfo?: Array<Group>;
-    groupOrientation?: GroupOrientation;
-    hasRightBorder?: boolean;
-    onDoubleClick?: (e: any) => void;
-    startDate: Date;
-  }
-  export interface ContainerProps {
-    children: React_2.ReactNode;
-  }
-  export interface LayoutProps {
-    cellComponent: React_2.ComponentType<AllDayPanel.CellProps>;
-    cellsData: AllDayPanel.CellData[];
-    formatDate: FormatterFn;
-    rowComponent: React_2.ComponentType<BaseView.RowProps>;
-    setCellElementsMeta: (cellElementsMeta: CellElementsMeta) => void;
-  }
-  export interface LocalizationMessages {
-    allDay?: string;
-  }
-  export interface RowProps extends BaseView.RowProps {
-  }
-  export interface TitleCellProps {
-    fixedHeight?: boolean;
-    getMessage: (messageKey: string) => string;
-  }
+    export interface AppointmentLayerProps extends BaseView.AppointmentLayerProps {
+    }
+    export interface CellData {
+        endDate: Date;
+        endOfGroup?: boolean;
+        groupingInfo?: Array<Group>;
+        hasRightBorder?: boolean;
+        startDate: Date;
+    }
+    export interface CellProps {
+        endDate: Date;
+        endOfGroup?: boolean;
+        groupingInfo?: Array<Group>;
+        groupOrientation?: GroupOrientation;
+        hasRightBorder?: boolean;
+        onDoubleClick?: (e: any) => void;
+        startDate: Date;
+    }
+    export interface ContainerProps {
+        children: React_2.ReactNode;
+    }
+    export interface LayoutProps {
+        cellComponent: React_2.ComponentType<AllDayPanel.CellProps>;
+        cellsData: AllDayPanel.CellData[];
+        formatDate: FormatterFn;
+        rowComponent: React_2.ComponentType<BaseView.RowProps>;
+        setCellElementsMeta: (cellElementsMeta: CellElementsMeta) => void;
+    }
+    export interface LocalizationMessages {
+        allDay?: string;
+    }
+    export interface RowProps extends BaseView.RowProps {
+    }
+    export interface TitleCellProps {
+        fixedHeight?: boolean;
+        getMessage: (messageKey: string) => string;
+    }
 }
 
 // @public (undocumented)
 export interface AllDayPanelProps {
-  appointmentLayerComponent: React_2.ComponentType<AllDayPanel.AppointmentLayerProps>;
-  cellComponent: React_2.ComponentType<AllDayPanel.CellProps>;
-  containerComponent: React_2.ComponentType<AllDayPanel.ContainerProps>;
-  layoutComponent: React_2.ComponentType<AllDayPanel.LayoutProps>;
-  messages?: AllDayPanel.LocalizationMessages;
-  rowComponent: React_2.ComponentType<AllDayPanel.RowProps>;
-  titleCellComponent: React_2.ComponentType<AllDayPanel.TitleCellProps>;
+    appointmentLayerComponent: React_2.ComponentType<AllDayPanel.AppointmentLayerProps>;
+    cellComponent: React_2.ComponentType<AllDayPanel.CellProps>;
+    containerComponent: React_2.ComponentType<AllDayPanel.ContainerProps>;
+    layoutComponent: React_2.ComponentType<AllDayPanel.LayoutProps>;
+    messages?: AllDayPanel.LocalizationMessages;
+    rowComponent: React_2.ComponentType<AllDayPanel.RowProps>;
+    titleCellComponent: React_2.ComponentType<AllDayPanel.TitleCellProps>;
 }
 
 // @public (undocumented)
 export interface Appointment {
-  allDay?: boolean;
-  dataItem: AppointmentModel;
-  end: SchedulerDateTime;
-  exDate?: string;
-  rRule?: string;
-  start: SchedulerDateTime;
+    allDay?: boolean;
+    dataItem: AppointmentModel;
+    end: SchedulerDateTime;
+    exDate?: string;
+    rRule?: string;
+    start: SchedulerDateTime;
 }
 
 // @public (undocumented)
 export type AppointmentChanges = {
-  [key: string]: object;
+    [key: string]: object;
 };
 
 // @public
@@ -91,193 +91,193 @@ export const AppointmentForm: React_2.ComponentType<AppointmentFormProps>;
 
 // @public (undocumented)
 export namespace AppointmentForm {
-  export interface BasicLayoutProps {
-    appointmentData: AppointmentModel;
-    appointmentResources: Array<ValidResourceInstance>;
+    export interface BasicLayoutProps {
+        appointmentData: AppointmentModel;
+        appointmentResources: Array<ValidResourceInstance>;
+        booleanEditorComponent: React_2.ComponentType<AppointmentForm.BooleanEditorProps>;
+        children?: React_2.ReactNode;
+        dateEditorComponent: React_2.ComponentType<AppointmentForm.DateEditorProps>;
+        // (undocumented)
+        fullSize: boolean;
+        getMessage: (messageKey: string) => string;
+        labelComponent: React_2.ComponentType<AppointmentForm.LabelProps>;
+        locale: string | string[];
+        onFieldChange: (change: any) => void;
+        readOnly?: boolean;
+        resourceEditorComponent: React_2.ComponentType<AppointmentForm.ResourceEditorProps>;
+        resources: Array<ValidResource>;
+        selectComponent: React_2.ComponentType<AppointmentForm.SelectProps>;
+        textEditorComponent: React_2.ComponentType<AppointmentForm.TextEditorProps>;
+    }
+    export interface BooleanEditorProps {
+        label?: string;
+        onValueChange: (nextValue: boolean) => void;
+        readOnly?: boolean;
+        value?: boolean;
+    }
+    export interface CommandButtonProps {
+        getMessage?: (messageKey: string) => string;
+        id: 'saveButton' | 'deleteButton' | 'cancelButton';
+        onExecute: () => void;
+    }
+    export interface CommandLayoutProps {
+        children?: React_2.ReactNode;
+        commandButtonComponent: React_2.ComponentType<AppointmentForm.CommandButtonProps>;
+        disableSaveButton?: boolean;
+        fullSize: boolean;
+        getMessage: (messageKey: string) => string;
+        hideDeleteButton?: boolean;
+        onCancelButtonClick: () => void;
+        onCommitButtonClick: () => void;
+        onDeleteButtonClick: () => void;
+        readOnly?: boolean;
+    }
+    export interface DateEditorProps {
+        excludeTime?: boolean;
+        locale?: string | string[];
+        onValueChange: (nextValue: Date) => void;
+        readOnly?: boolean;
+        value?: string | number;
+    }
+    export interface LabelProps {
+        text?: string;
+        type?: 'titleLabel' | 'ordinaryLabel';
+    }
+    export interface LayoutProps {
+        basicLayoutComponent: React_2.ComponentType<AppointmentForm.BasicLayoutProps>;
+        children?: React_2.ReactNode;
+        commandLayoutComponent: React_2.ComponentType<AppointmentForm.CommandLayoutProps>;
+        isRecurrence: boolean;
+        recurrenceLayoutComponent: React_2.ComponentType<AppointmentForm.RecurrenceLayoutProps>;
+    }
+    export interface LocalizationMessages {
+        afterLabel?: string;
+        allDayLabel?: string;
+        commitCommand?: string;
+        daily?: string;
+        daysLabel?: string;
+        detailsLabel?: string;
+        endRepeatLabel?: string;
+        everyLabel?: string;
+        firstLabel?: string;
+        fourthLabel?: string;
+        lastLabel?: string;
+        monthly?: string;
+        monthsLabel?: string;
+        moreInformationLabel?: string;
+        never?: string;
+        notesLabel?: string;
+        occurrencesLabel?: string;
+        ofEveryMonthLabel?: string;
+        ofLabel?: string;
+        onLabel?: string;
+        repeatEveryLabel?: string;
+        repeatLabel?: string;
+        secondLabel?: string;
+        theLabel?: string;
+        thirdLabel?: string;
+        titleLabel?: string;
+        weekly?: string;
+        weeksOnLabel?: string;
+        yearly?: string;
+        yearsLabel?: string;
+    }
+    export interface OverlayProps {
+        children: React_2.ReactNode;
+        fullSize: boolean;
+        onHide: () => void;
+        target: React_2.RefObject<unknown>;
+        visible: boolean;
+    }
+    export interface RadioGroupProps {
+        appointmentData: AppointmentModel;
+        dateEditorComponent: React_2.ComponentType<AppointmentForm.DateEditorProps>;
+        firstDayOfWeek: number;
+        formatDate: FormatterFn;
+        getMessage?: (messageKey: string) => string;
+        labelComponent: React_2.ComponentType<AppointmentForm.LabelProps>;
+        locale?: string | string[];
+        onFieldChange: (nextFieldValue: {
+            [fieldName: string]: any;
+        }) => void;
+        readOnly?: boolean;
+        selectComponent: React_2.ComponentType<AppointmentForm.SelectProps>;
+        textEditorComponent: React_2.ComponentType<AppointmentForm.TextEditorProps>;
+        type: 'endRepeat' | 'monthlyRadioGroup' | 'yearlyRadioGroup';
+    }
+    export interface RecurrenceLayoutProps {
+        appointmentData: AppointmentModel;
+        children?: React_2.ReactNode;
+        dateEditorComponent: React_2.ComponentType<AppointmentForm.DateEditorProps>;
+        firstDayOfWeek: number;
+        formatDate: FormatterFn;
+        getMessage: (messageKey: string) => string;
+        labelComponent: React_2.ComponentType<AppointmentForm.LabelProps>;
+        locale: string | string[];
+        onFieldChange: (nextFieldValue: {
+            [fieldName: string]: any;
+        }) => void;
+        radioGroupComponent: React_2.ComponentType<AppointmentForm.RadioGroupProps>;
+        readOnly?: boolean;
+        selectComponent: React_2.ComponentType<AppointmentForm.SelectProps>;
+        textEditorComponent: React_2.ComponentType<AppointmentForm.TextEditorProps>;
+        // (undocumented)
+        visible: boolean;
+        weeklyRecurrenceSelectorComponent: React_2.ComponentType<AppointmentForm.WeeklyRecurrenceSelectorProps>;
+    }
+    export interface ResourceEditorProps {
+        appointmentResources: Array<ValidResourceInstance>;
+        onResourceChange: (nextValue: string | number | Array<string | number>) => void;
+        readOnly?: boolean;
+        resource: ValidResource;
+    }
+    export interface SelectProps {
+        availableOptions?: Array<SelectOption>;
+        onValueChange: (nextValue: string | number) => void;
+        readOnly?: boolean;
+        type: 'outlinedSelect' | 'filledSelect';
+        value: string | number;
+    }
+    export interface TextEditorProps {
+        onValueChange: (nextValue: string) => void;
+        placeholder: string;
+        readOnly: boolean;
+        type: 'titleTextEditor' | 'multilineTextEditor' | 'ordinaryTextEditor' | 'numberEditor';
+        value: string | number;
+    }
+    export interface WeeklyRecurrenceSelectorProps {
+        firstDayOfWeek: number;
+        formatDate: FormatterFn;
+        onValueChange: (nextFieldValue: {
+            [fieldName: string]: any;
+        }) => void;
+        readOnly: boolean;
+        rRule: string;
+    }
+}
+
+// @public (undocumented)
+export interface AppointmentFormProps {
+    appointmentData?: AppointmentModel;
+    basicLayoutComponent: React_2.ComponentType<AppointmentForm.BasicLayoutProps>;
     booleanEditorComponent: React_2.ComponentType<AppointmentForm.BooleanEditorProps>;
-    children?: React_2.ReactNode;
-    dateEditorComponent: React_2.ComponentType<AppointmentForm.DateEditorProps>;
-    // (undocumented)
-    fullSize: boolean;
-    getMessage: (messageKey: string) => string;
-    labelComponent: React_2.ComponentType<AppointmentForm.LabelProps>;
-    locale: string | string[];
-    onFieldChange: (change: any) => void;
-    readOnly?: boolean;
-    resourceEditorComponent: React_2.ComponentType<AppointmentForm.ResourceEditorProps>;
-    resources: Array<ValidResource>;
-    selectComponent: React_2.ComponentType<AppointmentForm.SelectProps>;
-    textEditorComponent: React_2.ComponentType<AppointmentForm.TextEditorProps>;
-  }
-  export interface BooleanEditorProps {
-    label?: string;
-    onValueChange: (nextValue: boolean) => void;
-    readOnly?: boolean;
-    value?: boolean;
-  }
-  export interface CommandButtonProps {
-    getMessage?: (messageKey: string) => string;
-    id: 'saveButton' | 'deleteButton' | 'cancelButton';
-    onExecute: () => void;
-  }
-  export interface CommandLayoutProps {
-    children?: React_2.ReactNode;
     commandButtonComponent: React_2.ComponentType<AppointmentForm.CommandButtonProps>;
-    disableSaveButton?: boolean;
-    fullSize: boolean;
-    getMessage: (messageKey: string) => string;
-    hideDeleteButton?: boolean;
-    onCancelButtonClick: () => void;
-    onCommitButtonClick: () => void;
-    onDeleteButtonClick: () => void;
-    readOnly?: boolean;
-  }
-  export interface DateEditorProps {
-    excludeTime?: boolean;
-    locale?: string | string[];
-    onValueChange: (nextValue: Date) => void;
-    readOnly?: boolean;
-    value?: string | number;
-  }
-  export interface LabelProps {
-    text?: string;
-    type?: 'titleLabel' | 'ordinaryLabel';
-  }
-  export interface LayoutProps {
-    basicLayoutComponent: React_2.ComponentType<AppointmentForm.BasicLayoutProps>;
-    children?: React_2.ReactNode;
     commandLayoutComponent: React_2.ComponentType<AppointmentForm.CommandLayoutProps>;
-    isRecurrence: boolean;
-    recurrenceLayoutComponent: React_2.ComponentType<AppointmentForm.RecurrenceLayoutProps>;
-  }
-  export interface LocalizationMessages {
-    afterLabel?: string;
-    allDayLabel?: string;
-    commitCommand?: string;
-    daily?: string;
-    daysLabel?: string;
-    detailsLabel?: string;
-    endRepeatLabel?: string;
-    everyLabel?: string;
-    firstLabel?: string;
-    fourthLabel?: string;
-    lastLabel?: string;
-    monthly?: string;
-    monthsLabel?: string;
-    moreInformationLabel?: string;
-    never?: string;
-    notesLabel?: string;
-    occurrencesLabel?: string;
-    ofEveryMonthLabel?: string;
-    ofLabel?: string;
-    onLabel?: string;
-    repeatEveryLabel?: string;
-    repeatLabel?: string;
-    secondLabel?: string;
-    theLabel?: string;
-    thirdLabel?: string;
-    titleLabel?: string;
-    weekly?: string;
-    weeksOnLabel?: string;
-    yearly?: string;
-    yearsLabel?: string;
-  }
-  export interface OverlayProps {
-    children: React_2.ReactNode;
-    fullSize: boolean;
-    onHide: () => void;
-    target: React_2.RefObject<unknown>;
-    visible: boolean;
-  }
-  export interface RadioGroupProps {
-    appointmentData: AppointmentModel;
     dateEditorComponent: React_2.ComponentType<AppointmentForm.DateEditorProps>;
-    firstDayOfWeek: number;
-    formatDate: FormatterFn;
-    getMessage?: (messageKey: string) => string;
     labelComponent: React_2.ComponentType<AppointmentForm.LabelProps>;
-    locale?: string | string[];
-    onFieldChange: (nextFieldValue: {
-      [fieldName: string]: any;
-    }) => void;
-    readOnly?: boolean;
-    selectComponent: React_2.ComponentType<AppointmentForm.SelectProps>;
-    textEditorComponent: React_2.ComponentType<AppointmentForm.TextEditorProps>;
-    type: 'endRepeat' | 'monthlyRadioGroup' | 'yearlyRadioGroup';
-  }
-  export interface RecurrenceLayoutProps {
-    appointmentData: AppointmentModel;
-    children?: React_2.ReactNode;
-    dateEditorComponent: React_2.ComponentType<AppointmentForm.DateEditorProps>;
-    firstDayOfWeek: number;
-    formatDate: FormatterFn;
-    getMessage: (messageKey: string) => string;
-    labelComponent: React_2.ComponentType<AppointmentForm.LabelProps>;
-    locale: string | string[];
-    onFieldChange: (nextFieldValue: {
-      [fieldName: string]: any;
-    }) => void;
+    layoutComponent: React_2.ComponentType<AppointmentForm.LayoutProps>;
+    messages?: AppointmentForm.LocalizationMessages;
+    onAppointmentDataChange?: (appointmentData: AppointmentModel) => void;
+    onVisibilityChange?: (visible: boolean) => void;
+    overlayComponent: React_2.ComponentType<AppointmentForm.OverlayProps>;
     radioGroupComponent: React_2.ComponentType<AppointmentForm.RadioGroupProps>;
     readOnly?: boolean;
+    recurrenceLayoutComponent: React_2.ComponentType<AppointmentForm.RecurrenceLayoutProps>;
+    resourceEditorComponent: React_2.ComponentType<AppointmentForm.ResourceEditorProps>;
     selectComponent: React_2.ComponentType<AppointmentForm.SelectProps>;
     textEditorComponent: React_2.ComponentType<AppointmentForm.TextEditorProps>;
-    // (undocumented)
-    visible: boolean;
+    visible?: boolean;
     weeklyRecurrenceSelectorComponent: React_2.ComponentType<AppointmentForm.WeeklyRecurrenceSelectorProps>;
-  }
-  export interface ResourceEditorProps {
-    appointmentResources: Array<ValidResourceInstance>;
-    onResourceChange: (nextValue: string | number | Array<string | number>) => void;
-    readOnly?: boolean;
-    resource: ValidResource;
-  }
-  export interface SelectProps {
-    availableOptions?: Array<SelectOption>;
-    onValueChange: (nextValue: string | number) => void;
-    readOnly?: boolean;
-    type: 'outlinedSelect' | 'filledSelect';
-    value: string | number;
-  }
-  export interface TextEditorProps {
-    onValueChange: (nextValue: string) => void;
-    placeholder: string;
-    readOnly: boolean;
-    type: 'titleTextEditor' | 'multilineTextEditor' | 'ordinaryTextEditor' | 'numberEditor';
-    value: string | number;
-  }
-  export interface WeeklyRecurrenceSelectorProps {
-    firstDayOfWeek: number;
-    formatDate: FormatterFn;
-    onValueChange: (nextFieldValue: {
-      [fieldName: string]: any;
-    }) => void;
-    readOnly: boolean;
-    rRule: string;
-  }
-}
-
-// @public (undocumented)
-export interface AppointmentFormProps {
-  appointmentData?: AppointmentModel;
-  basicLayoutComponent: React_2.ComponentType<AppointmentForm.BasicLayoutProps>;
-  booleanEditorComponent: React_2.ComponentType<AppointmentForm.BooleanEditorProps>;
-  commandButtonComponent: React_2.ComponentType<AppointmentForm.CommandButtonProps>;
-  commandLayoutComponent: React_2.ComponentType<AppointmentForm.CommandLayoutProps>;
-  dateEditorComponent: React_2.ComponentType<AppointmentForm.DateEditorProps>;
-  labelComponent: React_2.ComponentType<AppointmentForm.LabelProps>;
-  layoutComponent: React_2.ComponentType<AppointmentForm.LayoutProps>;
-  messages?: AppointmentForm.LocalizationMessages;
-  onAppointmentDataChange?: (appointmentData: AppointmentModel) => void;
-  onVisibilityChange?: (visible: boolean) => void;
-  overlayComponent: React_2.ComponentType<AppointmentForm.OverlayProps>;
-  radioGroupComponent: React_2.ComponentType<AppointmentForm.RadioGroupProps>;
-  readOnly?: boolean;
-  recurrenceLayoutComponent: React_2.ComponentType<AppointmentForm.RecurrenceLayoutProps>;
-  resourceEditorComponent: React_2.ComponentType<AppointmentForm.ResourceEditorProps>;
-  selectComponent: React_2.ComponentType<AppointmentForm.SelectProps>;
-  textEditorComponent: React_2.ComponentType<AppointmentForm.TextEditorProps>;
-  visible?: boolean;
-  weeklyRecurrenceSelectorComponent: React_2.ComponentType<AppointmentForm.WeeklyRecurrenceSelectorProps>;
 }
 
 // @public (undocumented)
@@ -285,36 +285,36 @@ export type AppointmentId = number | string;
 
 // @public
 export interface AppointmentMeta {
-  data: AppointmentModel;
-  target: React_2.ReactInstance;
+    data: AppointmentModel;
+    target: React_2.ReactInstance;
 }
 
 // @public
 export interface AppointmentModel {
-  [propertyName: string]: any;
-  allDay?: boolean;
-  endDate?: SchedulerDateTime;
-  exDate?: string | undefined;
-  id?: number | string;
-  rRule?: string | undefined;
-  startDate: SchedulerDateTime;
-  title?: string;
+    [propertyName: string]: any;
+    allDay?: boolean;
+    endDate?: SchedulerDateTime;
+    exDate?: string | undefined;
+    id?: number | string;
+    rRule?: string | undefined;
+    startDate: SchedulerDateTime;
+    title?: string;
 }
 
 // @public (undocumented)
 export interface AppointmentMoment {
-  // (undocumented)
-  [propertyName: string]: any;
-  // (undocumented)
-  allDay?: boolean;
-  // (undocumented)
-  end: moment_2.Moment;
-  // (undocumented)
-  id?: number | string;
-  // (undocumented)
-  start: moment_2.Moment;
-  // (undocumented)
-  title?: string;
+    // (undocumented)
+    [propertyName: string]: any;
+    // (undocumented)
+    allDay?: boolean;
+    // (undocumented)
+    end: moment_2.Moment;
+    // (undocumented)
+    id?: number | string;
+    // (undocumented)
+    start: moment_2.Moment;
+    // (undocumented)
+    title?: string;
 }
 
 // @public
@@ -365,61 +365,61 @@ export const AppointmentTooltip: React_2.ComponentType<AppointmentTooltipProps>;
 
 // @public (undocumented)
 export namespace AppointmentTooltip {
-  export interface CommandButtonProps {
-    id?: 'open' | 'delete' | 'close';
-    onExecute?: () => void;
-  }
-  export interface ContentProps {
-    appointmentData?: AppointmentModel;
-    children?: React_2.ReactNode;
-    formatDate: FormatterFn;
-    recurringIconComponent: React_2.ComponentType<object>;
-  }
-  export interface HeaderProps {
-    appointmentData?: AppointmentModel;
-    children?: React_2.ReactNode;
-    commandButtonComponent: React_2.ComponentType<AppointmentTooltip.CommandButtonProps>;
-    commandButtonIds: Array<string>;
-    onDeleteButtonClick?: () => void;
-    onHide?: () => void;
-    onOpenButtonClick?: () => void;
-    showCloseButton: boolean;
-    showDeleteButton: boolean;
-    showOpenButton: boolean;
-  }
-  export interface LayoutProps {
+    export interface CommandButtonProps {
+        id?: 'open' | 'delete' | 'close';
+        onExecute?: () => void;
+    }
+    export interface ContentProps {
+        appointmentData?: AppointmentModel;
+        children?: React_2.ReactNode;
+        formatDate: FormatterFn;
+        recurringIconComponent: React_2.ComponentType<object>;
+    }
+    export interface HeaderProps {
+        appointmentData?: AppointmentModel;
+        children?: React_2.ReactNode;
+        commandButtonComponent: React_2.ComponentType<AppointmentTooltip.CommandButtonProps>;
+        commandButtonIds: Array<string>;
+        onDeleteButtonClick?: () => void;
+        onHide?: () => void;
+        onOpenButtonClick?: () => void;
+        showCloseButton: boolean;
+        showDeleteButton: boolean;
+        showOpenButton: boolean;
+    }
+    export interface LayoutProps {
+        appointmentMeta?: AppointmentMeta;
+        appointmentResources: Array<ValidResourceInstance>;
+        commandButtonComponent: React_2.ComponentType<AppointmentTooltip.CommandButtonProps>;
+        commandButtonIds: Array<string>;
+        contentComponent: React_2.ComponentType<AppointmentTooltip.ContentProps>;
+        formatDate: FormatterFn;
+        headerComponent: React_2.ComponentType<AppointmentTooltip.HeaderProps>;
+        onDeleteButtonClick?: () => void;
+        onHide?: () => void;
+        onOpenButtonClick?: () => void;
+        recurringIconComponent: React_2.ComponentType<object>;
+        showCloseButton: boolean;
+        showDeleteButton: boolean;
+        showOpenButton: boolean;
+        visible?: boolean;
+    }
+}
+
+// @public (undocumented)
+export interface AppointmentTooltipProps {
     appointmentMeta?: AppointmentMeta;
-    appointmentResources: Array<ValidResourceInstance>;
     commandButtonComponent: React_2.ComponentType<AppointmentTooltip.CommandButtonProps>;
-    commandButtonIds: Array<string>;
     contentComponent: React_2.ComponentType<AppointmentTooltip.ContentProps>;
-    formatDate: FormatterFn;
     headerComponent: React_2.ComponentType<AppointmentTooltip.HeaderProps>;
-    onDeleteButtonClick?: () => void;
-    onHide?: () => void;
-    onOpenButtonClick?: () => void;
+    layoutComponent: React_2.ComponentType<AppointmentTooltip.LayoutProps>;
+    onAppointmentMetaChange?: (appointmentMeta: AppointmentMeta) => void;
+    onVisibilityChange?: (visible: boolean) => void;
     recurringIconComponent: React_2.ComponentType<object>;
-    showCloseButton: boolean;
-    showDeleteButton: boolean;
-    showOpenButton: boolean;
+    showCloseButton?: boolean;
+    showDeleteButton?: boolean;
+    showOpenButton?: boolean;
     visible?: boolean;
-  }
-}
-
-// @public (undocumented)
-export interface AppointmentTooltipProps {
-  appointmentMeta?: AppointmentMeta;
-  commandButtonComponent: React_2.ComponentType<AppointmentTooltip.CommandButtonProps>;
-  contentComponent: React_2.ComponentType<AppointmentTooltip.ContentProps>;
-  headerComponent: React_2.ComponentType<AppointmentTooltip.HeaderProps>;
-  layoutComponent: React_2.ComponentType<AppointmentTooltip.LayoutProps>;
-  onAppointmentMetaChange?: (appointmentMeta: AppointmentMeta) => void;
-  onVisibilityChange?: (visible: boolean) => void;
-  recurringIconComponent: React_2.ComponentType<object>;
-  showCloseButton?: boolean;
-  showDeleteButton?: boolean;
-  showOpenButton?: boolean;
-  visible?: boolean;
 }
 
 // @public (undocumented)
@@ -510,20 +510,20 @@ export namespace BaseView {
 
 // @public (undocumented)
 export type CellElementsMeta = {
-  parentRect: () => ClientRect | DOMRect;
-  getCellRects: Array<() => ClientRect | DOMRect>;
+    parentRect: () => ClientRect | DOMRect;
+    getCellRects: Array<() => ClientRect | DOMRect>;
 };
 
 // @public (undocumented)
 export interface ChangeCurrentDatePayload {
-  // (undocumented)
-  amount: number;
-  // (undocumented)
-  direction: string;
-  // (undocumented)
-  nextDate: Date;
-  // (undocumented)
-  step: 'day' | 'week' | 'month';
+    // (undocumented)
+    amount: number;
+    // (undocumented)
+    direction: string;
+    // (undocumented)
+    nextDate: Date;
+    // (undocumented)
+    step: 'day' | 'week' | 'month';
 }
 
 // @public (undocumented)
@@ -531,19 +531,19 @@ export type Changes = Partial<AppointmentModel>;
 
 // @public
 export interface ChangeSet {
-  added?: {
-    [key: string]: any;
-  };
-  changed?: {
-    [key: string]: any;
-  };
-  deleted?: number | string;
+    added?: {
+        [key: string]: any;
+    };
+    changed?: {
+        [key: string]: any;
+    };
+    deleted?: number | string;
 }
 
 // @public (undocumented)
 export type ClientOffset = {
-  x: number;
-  y: number;
+    x: number;
+    y: number;
 };
 
 // @public
@@ -595,40 +595,40 @@ export const ConfirmationDialog: React_2.ComponentType<ConfirmationDialogProps>;
 
 // @public (undocumented)
 export namespace ConfirmationDialog {
-  export interface ButtonProps {
-    onClick: () => void;
-    title: string;
-  }
-  export interface LayoutProps {
-    appointmentData?: AppointmentModel;
-    buttonComponent: React_2.ComponentType<ConfirmationDialog.ButtonProps>;
-    getMessage: (messageKey: string) => string;
-    handleCancel: () => void;
-    handleConfirm: () => void;
-    isDeleting: boolean;
-  }
-  export interface LocalizationMessages {
-    cancelButton?: string;
-    confirmCancelMessage?: string;
-    confirmDeleteMessage?: string;
-    deleteButton?: string;
-    discardButton?: string;
-  }
-  export interface OverlayProps {
-    onHide: () => void;
-    target: React_2.RefObject<unknown>;
-    visible: boolean;
-  }
+    export interface ButtonProps {
+        onClick: () => void;
+        title: string;
+    }
+    export interface LayoutProps {
+        appointmentData?: AppointmentModel;
+        buttonComponent: React_2.ComponentType<ConfirmationDialog.ButtonProps>;
+        getMessage: (messageKey: string) => string;
+        handleCancel: () => void;
+        handleConfirm: () => void;
+        isDeleting: boolean;
+    }
+    export interface LocalizationMessages {
+        cancelButton?: string;
+        confirmCancelMessage?: string;
+        confirmDeleteMessage?: string;
+        deleteButton?: string;
+        discardButton?: string;
+    }
+    export interface OverlayProps {
+        onHide: () => void;
+        target: React_2.RefObject<unknown>;
+        visible: boolean;
+    }
 }
 
 // @public (undocumented)
 export interface ConfirmationDialogProps {
-  buttonComponent: React_2.ComponentType<ConfirmationDialog.ButtonProps>;
-  ignoreCancel: boolean;
-  ignoreDelete: boolean;
-  layoutComponent: React_2.ComponentType<ConfirmationDialog.LayoutProps>;
-  messages?: ConfirmationDialog.LocalizationMessages;
-  overlayComponent: React_2.ComponentType<ConfirmationDialog.OverlayProps>;
+    buttonComponent: React_2.ComponentType<ConfirmationDialog.ButtonProps>;
+    ignoreCancel: boolean;
+    ignoreDelete: boolean;
+    layoutComponent: React_2.ComponentType<ConfirmationDialog.LayoutProps>;
+    messages?: ConfirmationDialog.LocalizationMessages;
+    overlayComponent: React_2.ComponentType<ConfirmationDialog.OverlayProps>;
 }
 
 // @public
@@ -691,30 +691,30 @@ export const DayView: React_2.ComponentType<VerticalViewProps>;
 
 // @public (undocumented)
 export namespace DayView {
-  export interface AppointmentLayerProps extends BaseView.AppointmentLayerProps {
-  }
-  export interface CellData extends BaseView.CellData {
-  }
-  export interface DayScaleCellProps extends BaseView.DayScaleCellProps {
-  }
-  export interface DayScaleEmptyCellProps extends BaseView.DayScaleEmptyCellProps {
-  }
-  export interface DayScaleLayoutProps extends BaseView.DayScaleLayoutProps {
-  }
-  export interface LayoutProps extends BaseView.LayoutProps {
-  }
-  export interface RowProps extends BaseView.RowProps {
-  }
-  export interface TimeScaleLabelProps extends BaseView.TimeScaleLabelProps {
-  }
-  export interface TimeScaleLayoutProps extends BaseView.TimeScaleLayoutProps {
-  }
-  export interface TimeScaleTickCellProps extends BaseView.TimeScaleTickCellProps {
-  }
-  export interface TimeTableCellProps extends BaseView.TimeTableCellProps {
-  }
-  export interface TimeTableLayoutProps extends BaseView.TimeTableLayoutProps {
-  }
+    export interface AppointmentLayerProps extends BaseView.AppointmentLayerProps {
+    }
+    export interface CellData extends BaseView.CellData {
+    }
+    export interface DayScaleCellProps extends BaseView.DayScaleCellProps {
+    }
+    export interface DayScaleEmptyCellProps extends BaseView.DayScaleEmptyCellProps {
+    }
+    export interface DayScaleLayoutProps extends BaseView.DayScaleLayoutProps {
+    }
+    export interface LayoutProps extends BaseView.LayoutProps {
+    }
+    export interface RowProps extends BaseView.RowProps {
+    }
+    export interface TimeScaleLabelProps extends BaseView.TimeScaleLabelProps {
+    }
+    export interface TimeScaleLayoutProps extends BaseView.TimeScaleLayoutProps {
+    }
+    export interface TimeScaleTickCellProps extends BaseView.TimeScaleTickCellProps {
+    }
+    export interface TimeTableCellProps extends BaseView.TimeTableCellProps {
+    }
+    export interface TimeTableLayoutProps extends BaseView.TimeTableLayoutProps {
+    }
 }
 
 // @public (undocumented)
@@ -765,7 +765,7 @@ export interface DragDropProviderProps {
 
 // @public (undocumented)
 export type EditAppointmentPayload = {
-  appointmentId: AppointmentId;
+    appointmentId: AppointmentId;
 };
 
 // @public
@@ -773,23 +773,23 @@ export const EditingState: React_2.ComponentType<EditingStateProps>;
 
 // @public (undocumented)
 export interface EditingStateProps {
-  addedAppointment?: object;
-  appointmentChanges?: {
-    [key: string]: object;
-  };
-  defaultAddedAppointment?: object;
-  defaultAppointmentChanges?: {
-    [key: string]: object;
-  };
-  defaultEditingAppointment?: Partial<AppointmentModel>;
-  editingAppointment?: Partial<AppointmentModel>;
-  onAddedAppointmentChange?: (addedAppointment: object) => void;
-  onAppointmentChangesChange?: (appointmentChanges: {
-    [key: string]: any;
-  }) => void;
-  onCommitChanges: (changes: ChangeSet) => void;
-  onEditingAppointmentChange?: (editingAppointment: Partial<AppointmentModel>) => void;
-  preCommitChanges?: PreCommitChangesFn;
+    addedAppointment?: object;
+    appointmentChanges?: {
+        [key: string]: object;
+    };
+    defaultAddedAppointment?: object;
+    defaultAppointmentChanges?: {
+        [key: string]: object;
+    };
+    defaultEditingAppointment?: Partial<AppointmentModel>;
+    editingAppointment?: Partial<AppointmentModel>;
+    onAddedAppointmentChange?: (addedAppointment: object) => void;
+    onAppointmentChangesChange?: (appointmentChanges: {
+        [key: string]: any;
+    }) => void;
+    onCommitChanges: (changes: ChangeSet) => void;
+    onEditingAppointmentChange?: (editingAppointment: Partial<AppointmentModel>) => void;
+    preCommitChanges?: PreCommitChangesFn;
 }
 
 // @public
@@ -797,40 +797,40 @@ export const EditRecurrenceMenu: React_2.ComponentType<EditRecurrenceMenuProps>;
 
 // @public (undocumented)
 export namespace EditRecurrenceMenu {
-  export interface ButtonProps {
-    onClick: () => void;
-    title: string;
-  }
-  export interface LayoutProps {
-    availableOperations: Array<any>;
-    buttonComponent: React_2.ComponentType<EditRecurrenceMenu.ButtonProps>;
-    commit: (value?: string) => void;
-    getMessage: (messageKey: string) => string;
-    handleClose: () => void;
-    isDeleting: boolean;
-  }
-  export interface LocalizationMessages {
-    all?: string;
-    cancelButton?: string;
-    commitButton?: string;
-    current?: string;
-    currentAndFollowing?: string;
-    menuDeletingTitle?: string;
-    menuEditingTitle?: string;
-  }
-  export interface OverlayProps {
-    onHide: () => void;
-    target: React_2.RefObject<unknown>;
-    visible: boolean;
-  }
+    export interface ButtonProps {
+        onClick: () => void;
+        title: string;
+    }
+    export interface LayoutProps {
+        availableOperations: Array<any>;
+        buttonComponent: React_2.ComponentType<EditRecurrenceMenu.ButtonProps>;
+        commit: (value?: string) => void;
+        getMessage: (messageKey: string) => string;
+        handleClose: () => void;
+        isDeleting: boolean;
+    }
+    export interface LocalizationMessages {
+        all?: string;
+        cancelButton?: string;
+        commitButton?: string;
+        current?: string;
+        currentAndFollowing?: string;
+        menuDeletingTitle?: string;
+        menuEditingTitle?: string;
+    }
+    export interface OverlayProps {
+        onHide: () => void;
+        target: React_2.RefObject<unknown>;
+        visible: boolean;
+    }
 }
 
 // @public (undocumented)
 export interface EditRecurrenceMenuProps {
-  buttonComponent: React_2.ComponentType<EditRecurrenceMenu.ButtonProps>;
-  layoutComponent: React_2.ComponentType<EditRecurrenceMenu.LayoutProps>;
-  messages?: EditRecurrenceMenu.LocalizationMessages;
-  overlayComponent: React_2.ComponentType<EditRecurrenceMenu.OverlayProps>;
+    buttonComponent: React_2.ComponentType<EditRecurrenceMenu.ButtonProps>;
+    layoutComponent: React_2.ComponentType<EditRecurrenceMenu.LayoutProps>;
+    messages?: EditRecurrenceMenu.LocalizationMessages;
+    overlayComponent: React_2.ComponentType<EditRecurrenceMenu.OverlayProps>;
 }
 
 // @public (undocumented)
@@ -838,14 +838,14 @@ export type FormatterFn = (nextDate: SchedulerDateTime | undefined, nextOptions:
 
 // @public
 export type Group = {
-  id: number | string;
-  text: string;
-  fieldName: string;
+    id: number | string;
+    text: string;
+    fieldName: string;
 };
 
 // @public
 export interface Grouping {
-  resourceName: string;
+    resourceName: string;
 }
 
 // @public
@@ -853,47 +853,47 @@ export const GroupingPanel: React_2.ComponentType<GroupingPanelProps>;
 
 // @public (undocumented)
 export namespace GroupingPanel {
-  export interface CellProps {
-    children?: React_2.ReactNode;
-    colSpan: number;
-    endOfGroup?: boolean;
-    group: Group;
-    groupedByDate?: boolean;
-    groupOrientation?: GroupOrientation;
-    height?: number;
-    left: number;
-    rowSpan: number;
-    textStyle?: object;
-    topOffSet?: number;
-  }
-  export interface HorizontalLayoutProps {
-    cellComponent: React_2.ComponentType<GroupingPanel.CellProps>;
-    cellStyle: object;
-    colSpan: number;
-    groups: Array<Array<Group>>;
-    rowComponent: React_2.ComponentType<GroupingPanel.RowProps>;
-    showHeaderForEveryDate?: boolean;
-  }
-  export interface RowProps extends BaseView.RowProps {
-  }
-  export interface VerticalLayoutProps {
-    alignWithAllDayRow?: boolean;
-    cellComponent: React_2.ComponentType<GroupingPanel.CellProps>;
-    cellTextTopOffset?: number;
-    groups: Array<Array<Group>>;
-    rowComponent: React_2.ComponentType<GroupingPanel.RowProps>;
-    rowSpan: number;
-    viewType: string;
-  }
+    export interface CellProps {
+        children?: React_2.ReactNode;
+        colSpan: number;
+        endOfGroup?: boolean;
+        group: Group;
+        groupedByDate?: boolean;
+        groupOrientation?: GroupOrientation;
+        height?: number;
+        left: number;
+        rowSpan: number;
+        textStyle?: object;
+        topOffSet?: number;
+    }
+    export interface HorizontalLayoutProps {
+        cellComponent: React_2.ComponentType<GroupingPanel.CellProps>;
+        cellStyle: object;
+        colSpan: number;
+        groups: Array<Array<Group>>;
+        rowComponent: React_2.ComponentType<GroupingPanel.RowProps>;
+        showHeaderForEveryDate?: boolean;
+    }
+    export interface RowProps extends BaseView.RowProps {
+    }
+    export interface VerticalLayoutProps {
+        alignWithAllDayRow?: boolean;
+        cellComponent: React_2.ComponentType<GroupingPanel.CellProps>;
+        cellTextTopOffset?: number;
+        groups: Array<Array<Group>>;
+        rowComponent: React_2.ComponentType<GroupingPanel.RowProps>;
+        rowSpan: number;
+        viewType: string;
+    }
 }
 
 // @public (undocumented)
 export interface GroupingPanelProps {
-  allDayCellComponent: React_2.ComponentType<GroupingPanel.CellProps>;
-  cellComponent: React_2.ComponentType<GroupingPanel.CellProps>;
-  horizontalLayoutComponent: React_2.ComponentType<GroupingPanel.HorizontalLayoutProps>;
-  rowComponent: React_2.ComponentType<GroupingPanel.RowProps>;
-  verticalLayoutComponent: React_2.ComponentType<GroupingPanel.VerticalLayoutProps>;
+    allDayCellComponent: React_2.ComponentType<GroupingPanel.CellProps>;
+    cellComponent: React_2.ComponentType<GroupingPanel.CellProps>;
+    horizontalLayoutComponent: React_2.ComponentType<GroupingPanel.HorizontalLayoutProps>;
+    rowComponent: React_2.ComponentType<GroupingPanel.RowProps>;
+    verticalLayoutComponent: React_2.ComponentType<GroupingPanel.VerticalLayoutProps>;
 }
 
 // @public
@@ -931,10 +931,10 @@ export interface IntegratedGroupingProps {
 
 // @public
 export interface MonthCellData {
-  endDate: Date;
-  otherMonth: boolean;
-  startDate: Date;
-  today: boolean;
+    endDate: Date;
+    otherMonth: boolean;
+    startDate: Date;
+    today: boolean;
 }
 
 // @public
@@ -942,58 +942,58 @@ export const MonthView: React_2.ComponentType<MonthViewProps>;
 
 // @public (undocumented)
 export namespace MonthView {
-  export interface AppointmentLayerProps extends BaseView.AppointmentLayerProps {
-  }
-  export interface CellData extends BaseView.CellData {
-    otherMonth: boolean;
-  }
-  export interface DayScaleCellProps extends BaseView.DayScaleCellProps {
-  }
-  export interface DayScaleEmptyCellProps extends BaseView.DayScaleEmptyCellProps {
-  }
-  export interface DayScaleLayoutProps {
-    cellComponent: React_2.ComponentType<BaseView.DayScaleCellProps>;
-    cellsData: MonthView.CellData[][];
-    formatDate: FormatterFn;
-    groupingPanelComponent?: React_2.ComponentType<GroupingPanel.HorizontalLayoutProps>;
-    rowComponent: React_2.ComponentType<BaseView.RowProps>;
-  }
-  export interface LayoutProps {
-    dayScaleComponent: React_2.ComponentType<BaseView.DayScaleLayoutProps>;
-    dayScaleEmptyCellComponent?: React_2.ComponentType<BaseView.DayScaleEmptyCellProps>;
-    setScrollingStrategy: (scrollingStrategy: ScrollingStrategy) => void;
-    timeTableComponent: React_2.ComponentType<BaseView.TimeTableLayoutProps>;
-  }
-  export interface RowProps extends BaseView.RowProps {
-  }
-  export interface TimeTableCellProps {
-    endDate?: Date;
-    endOfGroup?: boolean;
-    formatDate?: FormatterFn;
-    groupingInfo?: Array<Group>;
-    groupOrientation?: GroupOrientation;
-    hasRightBorder?: boolean;
-    isShaded?: boolean;
-    onDoubleClick?: (e: any) => void;
-    otherMonth?: boolean;
-    startDate: Date;
-    today?: boolean;
-  }
-  export interface TimeTableLayoutProps {
-    cellComponent: React_2.ComponentType<MonthView.TimeTableCellProps>;
-    cellsData: MonthView.CellData[][];
-    formatDate: FormatterFn;
-    rowComponent: React_2.ComponentType<MonthView.RowProps>;
-    setCellElementsMeta: (cellElementsMeta: CellElementsMeta) => void;
-  }
+    export interface AppointmentLayerProps extends BaseView.AppointmentLayerProps {
+    }
+    export interface CellData extends BaseView.CellData {
+        otherMonth: boolean;
+    }
+    export interface DayScaleCellProps extends BaseView.DayScaleCellProps {
+    }
+    export interface DayScaleEmptyCellProps extends BaseView.DayScaleEmptyCellProps {
+    }
+    export interface DayScaleLayoutProps {
+        cellComponent: React_2.ComponentType<BaseView.DayScaleCellProps>;
+        cellsData: MonthView.CellData[][];
+        formatDate: FormatterFn;
+        groupingPanelComponent?: React_2.ComponentType<GroupingPanel.HorizontalLayoutProps>;
+        rowComponent: React_2.ComponentType<BaseView.RowProps>;
+    }
+    export interface LayoutProps {
+        dayScaleComponent: React_2.ComponentType<BaseView.DayScaleLayoutProps>;
+        dayScaleEmptyCellComponent?: React_2.ComponentType<BaseView.DayScaleEmptyCellProps>;
+        setScrollingStrategy: (scrollingStrategy: ScrollingStrategy) => void;
+        timeTableComponent: React_2.ComponentType<BaseView.TimeTableLayoutProps>;
+    }
+    export interface RowProps extends BaseView.RowProps {
+    }
+    export interface TimeTableCellProps {
+        endDate?: Date;
+        endOfGroup?: boolean;
+        formatDate?: FormatterFn;
+        groupingInfo?: Array<Group>;
+        groupOrientation?: GroupOrientation;
+        hasRightBorder?: boolean;
+        isShaded?: boolean;
+        onDoubleClick?: (e: any) => void;
+        otherMonth?: boolean;
+        startDate: Date;
+        today?: boolean;
+    }
+    export interface TimeTableLayoutProps {
+        cellComponent: React_2.ComponentType<MonthView.TimeTableCellProps>;
+        cellsData: MonthView.CellData[][];
+        formatDate: FormatterFn;
+        rowComponent: React_2.ComponentType<MonthView.RowProps>;
+        setCellElementsMeta: (cellElementsMeta: CellElementsMeta) => void;
+    }
 }
 
 // @public (undocumented)
 export interface MonthViewProps extends CommonViewProps {
-  dayScaleEmptyCellComponent?: React_2.ComponentType<BaseView.DayScaleEmptyCellProps>;
-  dayScaleLayoutComponent: React_2.ComponentType<MonthView.DayScaleLayoutProps>;
-  layoutComponent: React_2.ComponentType<MonthView.LayoutProps>;
-  timeTableLayoutComponent: React_2.ComponentType<MonthView.TimeTableLayoutProps>;
+    dayScaleEmptyCellComponent?: React_2.ComponentType<BaseView.DayScaleEmptyCellProps>;
+    dayScaleLayoutComponent: React_2.ComponentType<MonthView.DayScaleLayoutProps>;
+    layoutComponent: React_2.ComponentType<MonthView.LayoutProps>;
+    timeTableLayoutComponent: React_2.ComponentType<MonthView.TimeTableLayoutProps>;
 }
 
 // @public
@@ -1025,9 +1025,9 @@ export const Resources: React_2.ComponentType<ResourcesProps>;
 
 // @public (undocumented)
 export interface ResourcesProps {
-  data: Array<Resource>;
-  mainResourceName?: string;
-  palette: Array<Color | string>;
+    data: Array<Resource>;
+    mainResourceName?: string;
+    palette: Array<Color | string>;
 }
 
 // @public
@@ -1055,34 +1055,34 @@ export type SchedulerProps = React_2.PropsWithChildren<{
 
 // @public
 export interface SchedulerView {
-  displayName: string;
-  name: string;
+    displayName: string;
+    name: string;
 }
 
 // @public (undocumented)
 export type ScrollingStrategy = {
-  topBoundary: number;
-  bottomBoundary: number;
-  leftBoundary: number;
-  rightBoundary: number;
-  fixedTopHeight?: number;
-  fixedLeftWidth?: number;
-  changeVerticalScroll: (value: number) => void;
-  changeHorizontalScroll: (value: number) => void;
+    topBoundary: number;
+    bottomBoundary: number;
+    leftBoundary: number;
+    rightBoundary: number;
+    fixedTopHeight?: number;
+    fixedLeftWidth?: number;
+    changeVerticalScroll: (value: number) => void;
+    changeHorizontalScroll: (value: number) => void;
 };
 
 // @public
 export type SelectOption = {
-  text: string;
-  id: number | string;
+    text: string;
+    id: number | string;
 };
 
 // @public (undocumented)
 export interface TimeScale {
-  // (undocumented)
-  end: Date;
-  // (undocumented)
-  start: Date;
+    // (undocumented)
+    end: Date;
+    // (undocumented)
+    start: Date;
 }
 
 // @public
@@ -1090,19 +1090,19 @@ export const TodayButton: React_2.ComponentType<TodayButtonProps>;
 
 // @public (undocumented)
 export namespace TodayButton {
-  export interface ButtonProps {
-    getMessage: (messageKey: string) => string;
-    setCurrentDate: (nextDate: Date) => void;
-  }
-  export interface LocalizationMessages {
-    today?: string;
-  }
+    export interface ButtonProps {
+        getMessage: (messageKey: string) => string;
+        setCurrentDate: (nextDate: Date) => void;
+    }
+    export interface LocalizationMessages {
+        today?: string;
+    }
 }
 
 // @public (undocumented)
 export interface TodayButtonProps {
-  buttonComponent: React_2.ComponentType<TodayButton.ButtonProps>;
-  messages?: TodayButton.LocalizationMessages;
+    buttonComponent: React_2.ComponentType<TodayButton.ButtonProps>;
+    messages?: TodayButton.LocalizationMessages;
 }
 
 // @public
@@ -1110,19 +1110,19 @@ export const Toolbar: React_2.ComponentType<ToolbarProps>;
 
 // @public (undocumented)
 export namespace Toolbar {
-  // (undocumented)
-  export interface FlexibleSpaceProps {
-    children?: React_2.ReactNode;
-  }
-  export interface RootProps {
-    children?: React_2.ReactNode;
-  }
+    // (undocumented)
+    export interface FlexibleSpaceProps {
+        children?: React_2.ReactNode;
+    }
+    export interface RootProps {
+        children?: React_2.ReactNode;
+    }
 }
 
 // @public (undocumented)
 export interface ToolbarProps {
-  flexibleSpaceComponent: React_2.ComponentType<Toolbar.FlexibleSpaceProps>;
-  rootComponent: React_2.ComponentType<Toolbar.RootProps>;
+    flexibleSpaceComponent: React_2.ComponentType<Toolbar.FlexibleSpaceProps>;
+    rootComponent: React_2.ComponentType<Toolbar.RootProps>;
 }
 
 // @public
@@ -1144,31 +1144,31 @@ export type ValidResourceInstance = Required<ResourceInstance> & {
 
 // @public (undocumented)
 export namespace VerticalView {
-  export interface LayoutProps extends BaseView.LayoutProps {
-    dayScaleEmptyCellComponent: React_2.ComponentType<BaseView.DayScaleEmptyCellProps>;
-    timeScaleComponent: React_2.ComponentType<BaseView.TimeScaleLayoutProps>;
-  }
+    export interface LayoutProps extends BaseView.LayoutProps {
+        dayScaleEmptyCellComponent: React_2.ComponentType<BaseView.DayScaleEmptyCellProps>;
+        timeScaleComponent: React_2.ComponentType<BaseView.TimeScaleLayoutProps>;
+    }
 }
 
 // @public (undocumented)
 export interface VerticalViewProps extends CommonViewProps {
-  cellDuration?: number;
-  dayScaleEmptyCellComponent: React_2.ComponentType<BaseView.DayScaleEmptyCellProps>;
-  dayScaleLayoutComponent: React_2.ComponentType<BaseView.DayScaleLayoutProps>;
-  endDayHour?: number;
-  layoutComponent: React_2.ComponentType<VerticalView.LayoutProps>;
-  startDayHour?: number;
-  timeScaleLabelComponent: React_2.ComponentType<BaseView.TimeScaleLabelProps>;
-  timeScaleLayoutComponent: React_2.ComponentType<BaseView.TimeScaleLayoutProps>;
-  timeScaleTickCellComponent: React_2.ComponentType<BaseView.TimeScaleTickCellProps>;
-  timeTableLayoutComponent: React_2.ComponentType<BaseView.TimeTableLayoutProps>;
+    cellDuration?: number;
+    dayScaleEmptyCellComponent: React_2.ComponentType<BaseView.DayScaleEmptyCellProps>;
+    dayScaleLayoutComponent: React_2.ComponentType<BaseView.DayScaleLayoutProps>;
+    endDayHour?: number;
+    layoutComponent: React_2.ComponentType<VerticalView.LayoutProps>;
+    startDayHour?: number;
+    timeScaleLabelComponent: React_2.ComponentType<BaseView.TimeScaleLabelProps>;
+    timeScaleLayoutComponent: React_2.ComponentType<BaseView.TimeScaleLayoutProps>;
+    timeScaleTickCellComponent: React_2.ComponentType<BaseView.TimeScaleTickCellProps>;
+    timeTableLayoutComponent: React_2.ComponentType<BaseView.TimeTableLayoutProps>;
 }
 
 // @public (undocumented)
 export type ViewCellData = {
-  startDate: Date;
-  endDate: Date;
-  groupingInfo?: Group[];
+    startDate: Date;
+    endDate: Date;
+    groupingInfo?: Group[];
 };
 
 // @public
@@ -1176,12 +1176,12 @@ export const ViewState: React_2.ComponentType<ViewStateProps>;
 
 // @public (undocumented)
 export interface ViewStateProps {
-  currentDate?: number | string | Date;
-  currentViewName?: string;
-  defaultCurrentDate?: number | string | Date;
-  defaultCurrentViewName?: string;
-  onCurrentDateChange?: (currentDate: Date) => void;
-  onCurrentViewNameChange?: (viewName: string) => void;
+    currentDate?: number | string | Date;
+    currentViewName?: string;
+    defaultCurrentDate?: number | string | Date;
+    defaultCurrentViewName?: string;
+    onCurrentDateChange?: (currentDate: Date) => void;
+    onCurrentViewNameChange?: (viewName: string) => void;
 }
 
 // @public
@@ -1189,16 +1189,16 @@ export const ViewSwitcher: React_2.ComponentType<ViewSwitcherProps>;
 
 // @public (undocumented)
 export namespace ViewSwitcher {
-  export interface SwitcherProps {
-    availableViews: SchedulerView[];
-    currentView: SchedulerView;
-    onChange: (nextViewName: string) => void;
-  }
+    export interface SwitcherProps {
+        availableViews: SchedulerView[];
+        currentView: SchedulerView;
+        onChange: (nextViewName: string) => void;
+    }
 }
 
 // @public (undocumented)
 export interface ViewSwitcherProps {
-  switcherComponent: React_2.ComponentType<ViewSwitcher.SwitcherProps>;
+    switcherComponent: React_2.ComponentType<ViewSwitcher.SwitcherProps>;
 }
 
 // @public
@@ -1206,38 +1206,37 @@ export const WeekView: React_2.ComponentType<WeekViewProps>;
 
 // @public (undocumented)
 export namespace WeekView {
-  export interface AppointmentLayerProps extends BaseView.AppointmentLayerProps {
-  }
-  export interface CellData extends BaseView.CellData {
-  }
-  export interface DayScaleCellProps extends BaseView.DayScaleCellProps {
-  }
-  export interface DayScaleEmptyCellProps extends BaseView.DayScaleEmptyCellProps {
-  }
-  export interface DayScaleLayoutProps extends BaseView.DayScaleLayoutProps {
-  }
-  export interface LayoutProps extends BaseView.LayoutProps {
-  }
-  export interface RowProps extends BaseView.RowProps {
-  }
-  export interface TimeScaleLabelProps extends BaseView.TimeScaleLabelProps {
-  }
-  export interface TimeScaleLayoutProps extends BaseView.TimeScaleLayoutProps {
-  }
-  export interface TimeScaleTickCellProps extends BaseView.TimeScaleTickCellProps {
-  }
-  export interface TimeTableCellProps extends BaseView.TimeTableCellProps {
-  }
-  export interface TimeTableLayoutProps extends BaseView.TimeTableLayoutProps {
-  }
+    export interface AppointmentLayerProps extends BaseView.AppointmentLayerProps {
+    }
+    export interface CellData extends BaseView.CellData {
+    }
+    export interface DayScaleCellProps extends BaseView.DayScaleCellProps {
+    }
+    export interface DayScaleEmptyCellProps extends BaseView.DayScaleEmptyCellProps {
+    }
+    export interface DayScaleLayoutProps extends BaseView.DayScaleLayoutProps {
+    }
+    export interface LayoutProps extends BaseView.LayoutProps {
+    }
+    export interface RowProps extends BaseView.RowProps {
+    }
+    export interface TimeScaleLabelProps extends BaseView.TimeScaleLabelProps {
+    }
+    export interface TimeScaleLayoutProps extends BaseView.TimeScaleLayoutProps {
+    }
+    export interface TimeScaleTickCellProps extends BaseView.TimeScaleTickCellProps {
+    }
+    export interface TimeTableCellProps extends BaseView.TimeTableCellProps {
+    }
+    export interface TimeTableLayoutProps extends BaseView.TimeTableLayoutProps {
+    }
 }
 
 // @public (undocumented)
 export interface WeekViewProps extends VerticalViewProps {
-  excludedDays?: number[];
+    excludedDays?: number[];
 }
 
-
 // (No @packageDocumentation comment for this package)
 
 ```
diff --git a/packages/dx-react-scheduler/src/plugins/confirmation-dialog.tsx b/packages/dx-react-scheduler/src/plugins/confirmation-dialog.tsx
index 361a509b2d..291cf3503c 100644
--- a/packages/dx-react-scheduler/src/plugins/confirmation-dialog.tsx
+++ b/packages/dx-react-scheduler/src/plugins/confirmation-dialog.tsx
@@ -29,7 +29,7 @@ const ACTION_TYPES = {
   DELETE: 'delete',
 };
 
-const ConfirmationDialogBase: React.SFC<ConfirmationDialogProps> & {components: {
+const ConfirmationDialogBase: React.FunctionComponent<ConfirmationDialogProps> & {components: {
   overlayComponent: string, containerComponent: string,
   layoutComponent: string, buttonComponent: string,
 }} = ({
diff --git a/packages/dx-react-scheduler/src/plugins/current-time-indicator.tsx b/packages/dx-react-scheduler/src/plugins/current-time-indicator.tsx
index a81d499dc0..da64cedcb6 100644
--- a/packages/dx-react-scheduler/src/plugins/current-time-indicator.tsx
+++ b/packages/dx-react-scheduler/src/plugins/current-time-indicator.tsx
@@ -18,7 +18,7 @@ const pluginDependencies = [
   { name: 'Appointments', optional: true },
 ];
 
-const CurrentTimeIndicatorBase: React.SFC<CurrentTimeIndicatorProps>  & {components: {
+const CurrentTimeIndicatorBase: React.FunctionComponent<CurrentTimeIndicatorProps>  & {components: {
   indicatorComponent: string,
 }} = ({
   indicatorComponent, shadePreviousAppointments, shadePreviousCells, updateInterval,
diff --git a/packages/dx-react-scheduler/src/plugins/integrated-grouping.tsx b/packages/dx-react-scheduler/src/plugins/integrated-grouping.tsx
index 5a612b9f88..02c4514f78 100644
--- a/packages/dx-react-scheduler/src/plugins/integrated-grouping.tsx
+++ b/packages/dx-react-scheduler/src/plugins/integrated-grouping.tsx
@@ -90,7 +90,7 @@ const getTimeCellsDataComputed = ({
     groupOrientation(currentView.name),
   );
 
-const IntegratedGroupingBase: React.SFC<IntegratedGroupingProps> = React.memo(() => (
+const IntegratedGroupingBase: React.FunctionComponent<IntegratedGroupingProps> = React.memo(() => (
   <Plugin
     name="IntegratedGrouping"
     dependencies={pluginDependencies}
diff --git a/packages/dx-react-scheduler/src/plugins/resources.tsx b/packages/dx-react-scheduler/src/plugins/resources.tsx
index 29f917fd57..75b3db20fd 100644
--- a/packages/dx-react-scheduler/src/plugins/resources.tsx
+++ b/packages/dx-react-scheduler/src/plugins/resources.tsx
@@ -18,7 +18,7 @@ const addResourcesToAllDayAppointments = ({
   }: Getters) => allDayAppointments
     && addResourcesToAppointments(allDayAppointments[0], resources, plainResources);
 
-const ResourcesBase: React.SFC<ResourcesProps> = React.memo(({
+const ResourcesBase: React.FunctionComponent<ResourcesProps> = React.memo(({
   data, mainResourceName, palette,
 }) => {
   const convertResources = ({ resources }: Getters) =>
diff --git a/packages/dx-react-scheduler/src/scheduler.tsx b/packages/dx-react-scheduler/src/scheduler.tsx
index 1458706126..c73dccd2fa 100644
--- a/packages/dx-react-scheduler/src/scheduler.tsx
+++ b/packages/dx-react-scheduler/src/scheduler.tsx
@@ -3,7 +3,7 @@ import { PluginHost } from '@devexpress/dx-react-core';
 import { SchedulerCore } from './plugins/scheduler-core';
 import { SchedulerProps } from './types';
 
-const SchedulerBase: React.SFC<SchedulerProps> = ({
+const SchedulerBase: React.FunctionComponent<SchedulerProps> = ({
   data,
   rootComponent,
   children,