devextreme-react 23.2.6 → 24.1.2-beta

package/cjs/file-manager.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,15 +11,15 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-/// <reference types="react" />
+import * as React from "react";
+import { Ref, ReactElement } from "react";
 import dxFileManager, { Properties } from "devextreme/ui/file_manager";
-import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-import NestedOption from "./core/nested-option";
+import { IHtmlOptions, IElementDescriptor } from "./core/component";
 import type { ContentReadyEvent, ContextMenuItemClickEvent, ContextMenuShowingEvent, DirectoryCreatedEvent, DirectoryCreatingEvent, DisposingEvent, ErrorOccurredEvent, FileUploadedEvent, FileUploadingEvent, InitializedEvent, ItemCopiedEvent, ItemCopyingEvent, ItemDeletedEvent, ItemDeletingEvent, ItemDownloadingEvent, ItemMovedEvent, ItemMovingEvent, ItemRenamedEvent, ItemRenamingEvent, SelectedFileOpenedEvent, ToolbarItemClickEvent, dxFileManagerContextMenuItem, dxFileManagerDetailsColumn, dxFileManagerToolbarItem } from "devextreme/ui/file_manager";
-declare type ReplaceFieldTypes<TSource, TReplacement> = {
+type ReplaceFieldTypes<TSource, TReplacement> = {
     [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
 };
-declare type IFileManagerOptionsNarrowedEvents = {
+type IFileManagerOptionsNarrowedEvents = {
     onContentReady?: ((e: ContentReadyEvent) => void);
     onContextMenuItemClick?: ((e: ContextMenuItemClickEvent) => void);
     onContextMenuShowing?: ((e: ContextMenuShowingEvent) => void);
@@ -42,39 +42,14 @@ declare type IFileManagerOptionsNarrowedEvents = {
     onSelectedFileOpened?: ((e: SelectedFileOpenedEvent) => void);
     onToolbarItemClick?: ((e: ToolbarItemClickEvent) => void);
 };
-declare type IFileManagerOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IFileManagerOptionsNarrowedEvents> & IHtmlOptions>;
-declare class FileManager extends BaseComponent<React.PropsWithChildren<IFileManagerOptions>> {
-    get instance(): dxFileManager;
-    protected _WidgetClass: typeof dxFileManager;
-    protected independentEvents: string[];
-    protected _expectedChildren: {
-        contextMenu: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        itemView: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        notifications: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        permissions: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        toolbar: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        upload: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
+type IFileManagerOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IFileManagerOptionsNarrowedEvents> & IHtmlOptions>;
+interface FileManagerRef {
+    instance: () => dxFileManager;
 }
-declare type IColumnProps = React.PropsWithChildren<{
+declare const FileManager: (props: React.PropsWithChildren<IFileManagerOptions> & {
+    ref?: Ref<FileManagerRef>;
+}) => ReactElement | null;
+type IColumnProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
     caption?: string;
     cssClass?: string;
@@ -87,27 +62,14 @@ declare type IColumnProps = React.PropsWithChildren<{
     visibleIndex?: number;
     width?: number | string;
 }>;
-declare class Column extends NestedOption<IColumnProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-}
-declare type IContextMenuProps = React.PropsWithChildren<{
+declare const _componentColumn: React.MemoExoticComponent<(props: IColumnProps) => React.FunctionComponentElement<IColumnProps>>;
+declare const Column: typeof _componentColumn & IElementDescriptor;
+type IContextMenuProps = React.PropsWithChildren<{
     items?: Array<dxFileManagerContextMenuItem | "create" | "upload" | "refresh" | "download" | "move" | "copy" | "rename" | "delete">;
 }>;
-declare class ContextMenu extends NestedOption<IContextMenuProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        contextMenuItem: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        item: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IContextMenuItemProps = React.PropsWithChildren<{
+declare const _componentContextMenu: React.MemoExoticComponent<(props: IContextMenuProps) => React.FunctionComponentElement<IContextMenuProps>>;
+declare const ContextMenu: typeof _componentContextMenu & IElementDescriptor;
+type IContextMenuItemProps = React.PropsWithChildren<{
     beginGroup?: boolean;
     closeMenuOnClick?: boolean;
     disabled?: boolean;
@@ -119,23 +81,14 @@ declare type IContextMenuItemProps = React.PropsWithChildren<{
     text?: string;
     visible?: boolean;
 }>;
-declare class ContextMenuItem extends NestedOption<IContextMenuItemProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-}
-declare type IDetailsProps = React.PropsWithChildren<{
+declare const _componentContextMenuItem: React.MemoExoticComponent<(props: IContextMenuItemProps) => React.FunctionComponentElement<IContextMenuItemProps>>;
+declare const ContextMenuItem: typeof _componentContextMenuItem & IElementDescriptor;
+type IDetailsProps = React.PropsWithChildren<{
     columns?: Array<dxFileManagerDetailsColumn | string>;
 }>;
-declare class Details extends NestedOption<IDetailsProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        column: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IFileSelectionItemProps = React.PropsWithChildren<{
+declare const _componentDetails: React.MemoExoticComponent<(props: IDetailsProps) => React.FunctionComponentElement<IDetailsProps>>;
+declare const Details: typeof _componentDetails & IElementDescriptor;
+type IFileSelectionItemProps = React.PropsWithChildren<{
     cssClass?: string;
     disabled?: boolean;
     icon?: string;
@@ -148,11 +101,9 @@ declare type IFileSelectionItemProps = React.PropsWithChildren<{
     visible?: boolean;
     widget?: "dxAutocomplete" | "dxButton" | "dxButtonGroup" | "dxCheckBox" | "dxDateBox" | "dxDropDownButton" | "dxMenu" | "dxSelectBox" | "dxSwitch" | "dxTabs" | "dxTextBox";
 }>;
-declare class FileSelectionItem extends NestedOption<IFileSelectionItemProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-}
-declare type IItemProps = React.PropsWithChildren<{
+declare const _componentFileSelectionItem: React.MemoExoticComponent<(props: IFileSelectionItemProps) => React.FunctionComponentElement<IFileSelectionItemProps>>;
+declare const FileSelectionItem: typeof _componentFileSelectionItem & IElementDescriptor;
+type IItemProps = React.PropsWithChildren<{
     beginGroup?: boolean;
     closeMenuOnClick?: boolean;
     disabled?: boolean;
@@ -170,11 +121,9 @@ declare type IItemProps = React.PropsWithChildren<{
     showText?: "always" | "inMenu";
     widget?: "dxAutocomplete" | "dxButton" | "dxButtonGroup" | "dxCheckBox" | "dxDateBox" | "dxDropDownButton" | "dxMenu" | "dxSelectBox" | "dxSwitch" | "dxTabs" | "dxTextBox";
 }>;
-declare class Item extends NestedOption<IItemProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-}
-declare type IItemViewProps = React.PropsWithChildren<{
+declare const _componentItem: React.MemoExoticComponent<(props: IItemProps) => React.FunctionComponentElement<IItemProps>>;
+declare const Item: typeof _componentItem & IElementDescriptor;
+type IItemViewProps = React.PropsWithChildren<{
     details?: Record<string, any> | {
         columns?: Array<dxFileManagerDetailsColumn | string>;
     };
@@ -182,23 +131,15 @@ declare type IItemViewProps = React.PropsWithChildren<{
     showFolders?: boolean;
     showParentFolder?: boolean;
 }>;
-declare class ItemView extends NestedOption<IItemViewProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        details: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type INotificationsProps = React.PropsWithChildren<{
+declare const _componentItemView: React.MemoExoticComponent<(props: IItemViewProps) => React.FunctionComponentElement<IItemViewProps>>;
+declare const ItemView: typeof _componentItemView & IElementDescriptor;
+type INotificationsProps = React.PropsWithChildren<{
     showPanel?: boolean;
     showPopup?: boolean;
 }>;
-declare class Notifications extends NestedOption<INotificationsProps> {
-    static OptionName: string;
-}
-declare type IPermissionsProps = React.PropsWithChildren<{
+declare const _componentNotifications: React.MemoExoticComponent<(props: INotificationsProps) => React.FunctionComponentElement<INotificationsProps>>;
+declare const Notifications: typeof _componentNotifications & IElementDescriptor;
+type IPermissionsProps = React.PropsWithChildren<{
     copy?: boolean;
     create?: boolean;
     delete?: boolean;
@@ -207,31 +148,15 @@ declare type IPermissionsProps = React.PropsWithChildren<{
     rename?: boolean;
     upload?: boolean;
 }>;
-declare class Permissions extends NestedOption<IPermissionsProps> {
-    static OptionName: string;
-}
-declare type IToolbarProps = React.PropsWithChildren<{
+declare const _componentPermissions: React.MemoExoticComponent<(props: IPermissionsProps) => React.FunctionComponentElement<IPermissionsProps>>;
+declare const Permissions: typeof _componentPermissions & IElementDescriptor;
+type IToolbarProps = React.PropsWithChildren<{
     fileSelectionItems?: Array<dxFileManagerToolbarItem | "showNavPane" | "create" | "upload" | "refresh" | "switchView" | "download" | "move" | "copy" | "rename" | "delete" | "clearSelection" | "separator">;
     items?: Array<dxFileManagerToolbarItem | "showNavPane" | "create" | "upload" | "refresh" | "switchView" | "download" | "move" | "copy" | "rename" | "delete" | "clearSelection" | "separator">;
 }>;
-declare class Toolbar extends NestedOption<IToolbarProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        fileSelectionItem: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        item: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        toolbarItem: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IToolbarItemProps = React.PropsWithChildren<{
+declare const _componentToolbar: React.MemoExoticComponent<(props: IToolbarProps) => React.FunctionComponentElement<IToolbarProps>>;
+declare const Toolbar: typeof _componentToolbar & IElementDescriptor;
+type IToolbarItemProps = React.PropsWithChildren<{
     cssClass?: string;
     disabled?: boolean;
     icon?: string;
@@ -244,18 +169,15 @@ declare type IToolbarItemProps = React.PropsWithChildren<{
     visible?: boolean;
     widget?: "dxAutocomplete" | "dxButton" | "dxButtonGroup" | "dxCheckBox" | "dxDateBox" | "dxDropDownButton" | "dxMenu" | "dxSelectBox" | "dxSwitch" | "dxTabs" | "dxTextBox";
 }>;
-declare class ToolbarItem extends NestedOption<IToolbarItemProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-}
-declare type IUploadProps = React.PropsWithChildren<{
+declare const _componentToolbarItem: React.MemoExoticComponent<(props: IToolbarItemProps) => React.FunctionComponentElement<IToolbarItemProps>>;
+declare const ToolbarItem: typeof _componentToolbarItem & IElementDescriptor;
+type IUploadProps = React.PropsWithChildren<{
     chunkSize?: number;
     maxFileSize?: number;
 }>;
-declare class Upload extends NestedOption<IUploadProps> {
-    static OptionName: string;
-}
+declare const _componentUpload: React.MemoExoticComponent<(props: IUploadProps) => React.FunctionComponentElement<IUploadProps>>;
+declare const Upload: typeof _componentUpload & IElementDescriptor;
 export default FileManager;
-export { FileManager, IFileManagerOptions, Column, IColumnProps, ContextMenu, IContextMenuProps, ContextMenuItem, IContextMenuItemProps, Details, IDetailsProps, FileSelectionItem, IFileSelectionItemProps, Item, IItemProps, ItemView, IItemViewProps, Notifications, INotificationsProps, Permissions, IPermissionsProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, Upload, IUploadProps };
+export { FileManager, IFileManagerOptions, FileManagerRef, Column, IColumnProps, ContextMenu, IContextMenuProps, ContextMenuItem, IContextMenuItemProps, Details, IDetailsProps, FileSelectionItem, IFileSelectionItemProps, Item, IItemProps, ItemView, IItemViewProps, Notifications, INotificationsProps, Permissions, IPermissionsProps, Toolbar, IToolbarProps, ToolbarItem, IToolbarItemProps, Upload, IUploadProps };
 import type * as FileManagerTypes from 'devextreme/ui/file_manager_types';
 export { FileManagerTypes };