@syncfusion/ej2-filemanager 20.1.52-10460 → 20.1.52-10461

package/dist/ts/file-manager/models/ajax-settings.ts

@@ -0,0 +1,39 @@
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
+
+/**
+ * Specifies the Ajax settings of the File Manager.
+ */
+export class AjaxSettings extends ChildProperty<AjaxSettings> {
+    /**
+     * Specifies URL to download the files from server.
+     *
+     * @default null
+     */
+    @Property(null)
+    public downloadUrl: string;
+
+    /**
+     * Specifies URL to get the images from server.
+     *
+     * @default null
+     */
+    @Property(null)
+    public getImageUrl: string;
+
+    /**
+     * Specifies URL to upload the files to server.
+     *
+     * @default null
+     */
+    @Property(null)
+    public uploadUrl: string;
+
+    /**
+     * Specifies URL to read the files from server.
+     *
+     * @default null
+     */
+    @Property(null)
+    public url: string;
+}
+

package/dist/ts/file-manager/models/column.ts

@@ -0,0 +1,197 @@
+import { Property, ChildProperty, NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';
+
+/**
+ * Defines alignments of text, they are
+ * * Left
+ * * Right
+ * * Center
+ * * Justify
+ */
+export type TextAlign =
+    /**  Defines Left alignment */
+    'Left' |
+    /**  Defines Right alignment */
+    'Right' |
+    /**  Defines Center alignment */
+    'Center' |
+    /**  Defines Justify alignment */
+    'Justify';
+
+/**
+ * Defines the cell content's overflow mode. The available modes are
+ * * `Clip` -  Truncates the cell content when it overflows its area.
+ * * `Ellipsis` -  Displays ellipsis when the cell content overflows its area.
+ * * `EllipsisWithTooltip` - Displays ellipsis when the cell content overflows its area
+ * also it will display tooltip while hover on ellipsis applied cell.
+ */
+export type ClipMode =
+    /**  Truncates the cell content when it overflows its area */
+    'Clip' |
+    /** Displays ellipsis when the cell content overflows its area */
+    'Ellipsis' |
+    /** Displays ellipsis when the cell content overflows its area also it will display tooltip while hover on ellipsis applied cell. */
+    'EllipsisWithTooltip';
+
+/**
+ * Interface for a class Column
+ */
+/* istanbul ignore next */
+export class Column extends ChildProperty<Column> {
+
+    /**
+     * Defines the field name of column which is mapped with mapping name of DataSource.
+     * The bounded columns can be sort, filter and group etc.,
+     * The `field` name must be a valid JavaScript identifier,
+     * the first character must be an alphabet and should not contain spaces and special characters.
+     *
+     * @default ''
+     */
+    @Property('')
+    public field: string;
+
+    /**
+     * Defines the header text of column which is used to display in column header.
+     * If `headerText` is not defined, then field name value will be assigned to header text.
+     *
+     * @default ''
+     */
+    @Property('')
+    public headerText: string;
+
+    /**
+     * Defines the width of the column in pixels or percentage.
+     *
+     * @default ''
+     */
+    @Property('')
+    public width: string | number;
+
+    /**
+     * Defines the minimum width of the column in pixels or percentage.
+     *
+     * @default ''
+     */
+    @Property('')
+    public minWidth: string | number;
+
+    /**
+     * Defines the maximum width of the column in pixel or percentage, which will restrict resizing beyond this pixel or percentage.
+     *
+     * @default ''
+     */
+    @Property('')
+    public maxWidth: string | number;
+
+    /**
+     * Defines the alignment of the column in both header and content cells.
+     *
+     * @default Left
+     */
+    @Property('Left')
+    public textAlign: TextAlign;
+
+    /**
+     * Defines the cell content's overflow mode. The available modes are
+     * * `Clip` -  Truncates the cell content when it overflows its area.
+     * * `Ellipsis` -  Displays ellipsis when the cell content overflows its area.
+     * * `EllipsisWithTooltip` - Displays ellipsis when the cell content overflows its area
+     * also it will display tooltip while hover on ellipsis applied cell.
+     *
+     * @default Ellipsis
+     */
+    public clipMode: ClipMode;
+
+    /**
+     * Define the alignment of column header which is used to align the text of column header.
+     *
+     * @default null
+     */
+    @Property(null)
+    public headerTextAlign: TextAlign;
+
+    /**
+     * Defines the data type of the column.
+     *
+     * @default null
+     */
+    @Property(null)
+    public type: string;
+
+    /**
+     * It is used to change display value with the given format and does not affect the original data.
+     * Gets the format from the user which can be standard or custom
+     * [`number`](../../common/internationalization/#manipulating-numbers)
+     * and [`date`](../../common/internationalization/#manipulating-datetime) formats.
+     *
+     * @default null
+     * @aspType string
+     */
+    @Property(null)
+    public format: string | NumberFormatOptions | DateFormatOptions;
+
+    /**
+     * Defines the column template that renders customized element in each cell of the column.
+     * It accepts either [template string](https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID.
+     *
+     * @default null
+     */
+    @Property(null)
+    public template: string;
+
+    /**
+     * Defines the column template as string or HTML element ID which is used to add customized element in the column header.
+     *
+     * @default null
+     */
+    @Property(null)
+    public headerTemplate: string;
+
+    /**
+     * If `allowSorting` set to false, then it disables sorting option of a particular column.
+     * By default all columns are sortable.
+     *
+     * @default true
+     */
+    @Property(true)
+    public allowSorting: boolean;
+
+    /**
+     * If `allowResizing` set to false, it disables resize option of a particular column.
+     *
+     * @default true
+     */
+    @Property(true)
+    public allowResizing: boolean;
+
+    /**
+     * The CSS styles and attributes of the content cells of a particular column can be customized.
+     *
+     * @default null
+     */
+    /* eslint-disable */
+    @Property(null)
+    public customAttributes: { [x: string]: Object };
+    /* eslint-enable */
+
+    /**
+     * Column visibility can change based on [`Media Queries`](http://cssmediaqueries.com/what-are-css-media-queries.html).
+     * `hideAtMedia` accepts only valid Media Queries.
+     *
+     * @default ''
+     */
+    @Property('')
+    public hideAtMedia: string;
+
+    /**
+     * It is used to change display value with the given format and does not affect the original data.
+     * Gets the format from the user which can be standard or custom
+     * [`number`](../../common/internationalization/#manipulating-numbers)
+     * and [`date`](../../common/internationalization/#manipulating-datetime) formats.
+     *
+     * @default null
+     */
+    /* eslint-disable */
+    @Property(null)
+    public customFormat: { [x: string]: Object };
+    /* eslint-enable */
+}

package/dist/ts/file-manager/models/contextMenu-settings.ts

@@ -0,0 +1,44 @@
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
+
+export const fileItems: string[] = ['Open', '|', 'Cut', 'Copy', '|', 'Delete', 'Download', 'Rename', '|', 'Details'];
+export const folderItems: string[] = ['Open', '|', 'Cut', 'Copy', 'Paste', '|', 'Delete', 'Rename', 'Download', '|', 'Details'];
+export const layoutItems: string[] = [
+    'SortBy', 'View', 'Refresh', '|', 'Paste', '|', 'NewFolder', 'Upload', '|', 'Details', '|', 'SelectAll'
+];
+
+/**
+ * Specifies the ContextMenu settings of the File Manager.
+ */
+export class ContextMenuSettings extends ChildProperty<ContextMenuSettings> {
+    /**
+     * Specifies the array of string or object that is used to configure file items.
+     *
+     * @default fileItems
+     */
+    @Property(fileItems)
+    public file: string[];
+
+    /**
+     * An array of string or object that is used to configure folder items.
+     *
+     * @default folderItems
+     */
+    @Property(folderItems)
+    public folder: string[];
+
+    /**
+     * An array of string or object that is used to configure layout items.
+     *
+     * @default layoutItems
+     */
+    @Property(layoutItems)
+    public layout: string[];
+
+    /**
+     * Enables or disables the ContextMenu.
+     *
+     * @default true
+     */
+    @Property(true)
+    public visible: boolean;
+}

package/dist/ts/file-manager/models/default-locale.ts

@@ -0,0 +1,102 @@
+/**
+ * Specifies the default locale of FileManager component
+ */
+
+// eslint-disable-next-line
+export const defaultLocale: Object = {
+    'NewFolder': 'New folder',
+    'Upload': 'Upload',
+    'Delete': 'Delete',
+    'Rename': 'Rename',
+    'Download': 'Download',
+    'Cut': 'Cut',
+    'Copy': 'Copy',
+    'Paste': 'Paste',
+    'SortBy': 'Sort by',
+    'Refresh': 'Refresh',
+    'Item-Selection': 'item selected',
+    'Items-Selection': 'items selected',
+    'View': 'View',
+    'Details': 'Details',
+    'SelectAll': 'Select all',
+    'Open': 'Open',
+    'Tooltip-NewFolder': 'New folder',
+    'Tooltip-Upload': 'Upload',
+    'Tooltip-Delete': 'Delete',
+    'Tooltip-Rename': 'Rename',
+    'Tooltip-Download': 'Download',
+    'Tooltip-Cut': 'Cut',
+    'Tooltip-Copy': 'Copy',
+    'Tooltip-Paste': 'Paste',
+    'Tooltip-SortBy': 'Sort by',
+    'Tooltip-Refresh': 'Refresh',
+    'Tooltip-Selection': 'Clear selection',
+    'Tooltip-View': 'View',
+    'Tooltip-Details': 'Details',
+    'Tooltip-SelectAll': 'Select all',
+    'Name': 'Name',
+    'Size': 'Size',
+    'DateModified': 'Modified',
+    'DateCreated': 'Date created',
+    'Path': 'Path',
+    'Modified': 'Modified',
+    'Created': 'Created',
+    'Location': 'Location',
+    'Type': 'Type',
+    'Permission': 'Permission',
+    'Ascending': 'Ascending',
+    'Descending': 'Descending',
+    'None': 'None',
+    'View-LargeIcons': 'Large icons',
+    'View-Details': 'Details',
+    'Search': 'Search',
+    'Button-Ok': 'OK',
+    'Button-Cancel': 'Cancel',
+    'Button-Yes': 'Yes',
+    'Button-No': 'No',
+    'Button-Create': 'Create',
+    'Button-Save': 'Save',
+    'Header-NewFolder': 'Folder',
+    'Content-NewFolder': 'Enter your folder name',
+    'Header-Rename': 'Rename',
+    'Content-Rename': 'Enter your new name',
+    'Header-Rename-Confirmation': 'Rename Confirmation',
+    'Content-Rename-Confirmation': 'If you change a file name extension, the file might become unstable. ' +
+        'Are you sure you want to change it?',
+    'Header-Delete': 'Delete File',
+    'Content-Delete': 'Are you sure you want to delete this file?',
+    'Header-Folder-Delete': 'Delete Folder',
+    'Content-Folder-Delete': 'Are you sure you want to delete this folder?',
+    'Header-Multiple-Delete': 'Delete Multiple Items',
+    'Content-Multiple-Delete': 'Are you sure you want to delete these {0} items?',
+    'Header-Duplicate': 'File/Folder exists',
+    'Content-Duplicate': '{0} already exists. Do you want to rename and paste?',
+    'Header-Upload': 'Upload Files',
+    'Error': 'Error',
+    'Validation-Empty': 'The file or folder name cannot be empty.',
+    'Validation-Invalid': 'The file or folder name {0} contains invalid characters. Please use a different name. ' +
+        // eslint-disable-next-line no-useless-escape
+        'Valid file or folder names cannot end with a dot or space, and cannot contain any of the following characters: \\/:*?\"<>|',
+    'Validation-NewFolder-Exists': 'A file or folder with the name {0} already exists.',
+    'Validation-Rename-Exists': 'Cannot rename {0} to {1}: destination already exists.',
+    'Folder-Empty': 'This folder is empty',
+    'File-Upload': 'Drag files here to upload',
+    'Search-Empty': 'No results found',
+    'Search-Key': 'Try with different keywords',
+    'Filter-Empty': 'No results found',
+    'Filter-Key': 'Try with different filter',
+    'Sub-Folder-Error': 'The destination folder is the subfolder of the source folder.',
+    'Same-Folder-Error': 'The destination folder is the same as the source folder.',
+    'Access-Denied': 'Access Denied',
+    'Access-Details': 'You don"t have permission to access this folder.',
+    'Header-Retry': 'File Already Exists',
+    'Content-Retry': 'A file with this name already exists in this folder. What would you like to do?',
+    'Button-Keep-Both': 'Keep both',
+    'Button-Replace': 'Replace',
+    'Button-Skip': 'Skip',
+    'ApplyAll-Label': 'Do this for all current items',
+    'KB': 'KB',
+    'Access-Message': '{0} is not accessible. You need permission to perform the {1} action.',
+    'Network-Error': 'NetworkError: Failed to send on XMLHTTPRequest: Failed to load',
+    'Server-Error': 'ServerError: Invalid response from'
+};

package/dist/ts/file-manager/models/details-view-settings.ts

@@ -0,0 +1,48 @@
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
+import { ColumnModel } from './index';
+/**
+ * Specifies the columns in the details view of the file manager.
+ */
+export const columnArray: ColumnModel[] = [
+    {
+        field: 'name', headerText: 'Name', minWidth: 120,
+        template: '<span class="e-fe-text">${name}</span>', customAttributes: { class: 'e-fe-grid-name'}
+    },
+    {
+        field: '_fm_modified', headerText: 'DateModified', type: 'dateTime',
+        format: 'MMMM dd, yyyy HH:mm', minWidth: 120, width: '190'
+    },
+    {
+        field: 'size', headerText: 'Size', minWidth: 90, width: '110', template: '<span class="e-fe-size">${size}</span>'
+    }
+];
+/**
+ * Specifies the grid settings of the File Manager.
+ */
+export class DetailsViewSettings extends ChildProperty<DetailsViewSettings> {
+
+    /**
+     * If `columnResizing` is set to true, Grid columns can be resized.
+     *
+     * @default true
+     */
+    @Property(true)
+    public columnResizing: boolean;
+
+    /**
+     * Specifies the customizable details view.
+     *
+     * @default {
+     * columns: [{
+     * field: 'name', headerText: 'Name', minWidth: 120, customAttributes: { class: 'e-fe-grid-name' },
+     * template: '\<span class="e-fe-text">${name}\</span>'},{field: 'size', headerText: 'Size',
+     * minWidth: 50, width: '110', template: '\<span class="e-fe-size">${size}\</span>'},
+     * { field: '_fm_modified', headerText: 'DateModified',
+     * minWidth: 50, width: '190'}
+     * ]
+     * }
+     */
+    @Property(columnArray)
+    public columns: ColumnModel[];
+
+}

package/dist/ts/file-manager/models/navigation-pane-settings.ts

@@ -0,0 +1,42 @@
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
+
+/**
+ * Specifies the navigationpane settings of the File Manager.
+ */
+export class NavigationPaneSettings extends ChildProperty<NavigationPaneSettings> {
+    /**
+     * Specifies the maximum width of navigationpane.
+     *
+     * @default '650px'
+     */
+    @Property('650px')
+    public maxWidth: string | number;
+
+    /**
+     * Specifies the minimum width of navigationpane.
+     *
+     * @default '240px'
+     */
+    @Property('240px')
+    public minWidth: string | number;
+
+    /**
+     * Enables or disables the navigation pane.
+     *
+     * @default true
+     */
+    @Property(true)
+    public visible: boolean;
+
+    /**
+     * Specifies a value that indicates how to sort the folders in the navigation pane of the file manager component.
+     *
+     * If the sortOrder is Ascending, the folders are sorted in ascending order.
+     * If the sortOrder is Descending, the folders are sorted in descending order.
+     * If the sortOrder is None, the folders are not sorted.
+     *
+     * @default 'None'
+     */
+    @Property('None')
+    public sortOrder: 'None' | 'Ascending' | 'Descending';
+}

package/dist/ts/file-manager/models/search-settings.ts

@@ -0,0 +1,48 @@
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
+/**
+ * Specifies the filter type for Search settings of the File Manager.
+ */
+export type FilterType = 'contains' | 'startsWith' | 'endsWith';
+
+/**
+ * Specifies the Search settings of the File Manager.
+ */
+export class SearchSettings extends ChildProperty<SearchSettings> {
+    /**
+     * Enables or disables the allowSearchOnTyping.
+     *
+     * @default true
+     */
+    @Property(true)
+    public allowSearchOnTyping: boolean;
+
+    /**
+     * Specifies the filter type while searching the content. The available filter types are:
+     * * `contains`
+     * * `startsWith`
+     * * `endsWith`
+     *
+     * @default 'contains'
+     */
+    @Property('contains')
+    public filterType: FilterType;
+
+    /**
+     * If ignoreCase is set to false, searches files that match exactly,
+     * else searches files that are case insensitive(uppercase and lowercase letters treated the same).
+     *
+     * @default true
+     */
+    @Property(true)
+    public ignoreCase: boolean;
+
+    /**
+     * Specifies the placeholder value to the search input of the File Manager component.
+     * It accepts string.
+     *
+     * @default null
+     */
+    @Property(null)
+    public placeholder: string;
+}
+

package/dist/ts/file-manager/models/toolbar-settings.ts

@@ -0,0 +1,25 @@
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
+
+export const toolbarItems: string[] = ['NewFolder', 'Upload', 'Cut', 'Copy', 'Paste', 'Delete', 'Download', 'Rename',
+    'SortBy', 'Refresh', 'Selection', 'View', 'Details'];
+
+/**
+ * Specifies the Toolbar settings of the FileManager.
+ */
+export class ToolbarSettings extends ChildProperty<ToolbarSettings> {
+    /**
+     * An array of string or object that is used to configure the toolbar items.
+     *
+     * @default toolbarItems
+     */
+    @Property(toolbarItems)
+    public items: string[];
+
+    /**
+     * Enables or disables the toolbar rendering in the file manager component.
+     *
+     * @default true
+     */
+    @Property(true)
+    public visible: boolean;
+}

package/dist/ts/file-manager/models/upload-settings.ts

@@ -0,0 +1,51 @@
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
+
+/**
+ * Specifies the Ajax settings of the File Manager.
+ */
+export class UploadSettings extends ChildProperty<UploadSettings> {
+    /**
+     * Specifies the extensions of the file types allowed in the file manager component and pass the extensions with comma separators.
+     * For example, if you want to upload specific image files, pass allowedExtensions as ".jpg,.png".
+     *
+     * @defaults ''
+     */
+    @Property('')
+    public allowedExtensions: string;
+
+    /**
+     * By default, the FileManager component initiates automatic upload when the files are added in upload queue.
+     * If you want to manipulate the files before uploading to server, disable the autoUpload property.
+     * The buttons "upload" and "clear" will be hided from file list when the autoUpload property is true.
+     *
+     * @default true
+     */
+    @Property(true)
+    public autoUpload: boolean;
+
+    /**
+     * Defines whether to close the upload dialog after uploading all the files.
+     *
+     * @default false
+     */
+    @Property(false)
+    public autoClose: boolean;
+
+    /**
+     * Specifies the minimum file size to be uploaded in bytes.
+     * The property is used to make sure that you cannot upload empty files and small files.
+     *
+     * @default 0
+     */
+    @Property(0)
+    public minFileSize: number;
+
+    /**
+     * Specifies the maximum allowed file size to be uploaded in bytes.
+     * The property is used to make sure that you cannot upload too large files.
+     *
+     * @default 30000000
+     */
+    @Property(30000000)
+    public maxFileSize: number;
+}