@hansevision/tp-richtexteditor-control 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +74 -0
- package/dist/errorBoundary/errorBoundary.d.ts +18 -0
- package/dist/errorBoundary/errorService.d.ts +6 -0
- package/dist/errorBoundary/i18n/IErrorBoundaryStrings.d.ts +6 -0
- package/dist/errorBoundary/i18n/de.d.ts +3 -0
- package/dist/errorBoundary/i18n/en.d.ts +3 -0
- package/dist/errorBoundary/i18n/errorBoundaryStrings.d.ts +3 -0
- package/dist/errorBoundary/interfaces/IRepairError.d.ts +8 -0
- package/dist/i18n.d.ts +6 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.esm.js +10690 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +10712 -0
- package/dist/index.js.map +1 -0
- package/dist/richTextEditor/RichTextEditor.d.ts +41 -0
- package/dist/richTextEditor/RichTextEditorContext.d.ts +21 -0
- package/dist/richTextEditor/components/controls/CustomTool.d.ts +9 -0
- package/dist/richTextEditor/components/controls/ImagePickerControl.d.ts +3 -0
- package/dist/richTextEditor/components/controls/VideoPickerControl/ContainsValueChangedObserver.d.ts +1 -0
- package/dist/richTextEditor/components/controls/VideoPickerControl/VideoPickerControl.d.ts +4 -0
- package/dist/richTextEditor/components/controls/handleUpload.d.ts +3 -0
- package/dist/richTextEditor/components/dialogs/progressDialog.d.ts +4 -0
- package/dist/richTextEditor/components/filePicker/common/Constants.d.ts +39 -0
- package/dist/richTextEditor/components/filePicker/common/SPEntities.d.ts +178 -0
- package/dist/richTextEditor/components/filePicker/common/interfaces.d.ts +26 -0
- package/dist/richTextEditor/components/filePicker/components/dragDropFiles/DragDropFiles.d.ts +53 -0
- package/dist/richTextEditor/components/filePicker/components/dragDropFiles/IDragDropFiles.d.ts +28 -0
- package/dist/richTextEditor/components/filePicker/components/dragDropFiles/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldAttachmentsRenderer/FieldAttachmentsRenderer.d.ts +25 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldAttachmentsRenderer/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldBaseTextRenderer/FieldBaseTextRenderer.d.ts +25 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldBaseTextRenderer/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldCommon/IFieldRendererProps.d.ts +15 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldCommon/index.d.ts +1 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldDateRenderer/FieldDateRenderer.d.ts +22 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldDateRenderer/index.d.ts +1 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldFileTypeRenderer/FieldFileTypeRenderer.d.ts +26 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldFileTypeRenderer/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldLookupRenderer/FieldLookupRenderer.d.ts +59 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldLookupRenderer/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldNameRenderer/FieldNameRenderer.d.ts +60 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldNameRenderer/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldTaxonomyRenderer/FieldTaxonomyRenderer.d.ts +23 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldTaxonomyRenderer/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldTextRenderer/FieldTextRenderer.d.ts +35 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldTextRenderer/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldTitleRenderer/FieldTitleRenderer.d.ts +50 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldTitleRenderer/index.d.ts +1 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldUrlRenderer/FieldUrlRenderer.d.ts +31 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldUrlRenderer/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldUserRenderer/FieldUserHoverCard.d.ts +26 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldUserRenderer/FieldUserRenderer.d.ts +103 -0
- package/dist/richTextEditor/components/filePicker/components/fields/fieldUserRenderer/index.d.ts +3 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/FilePicker.d.ts +45 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/FilePicker.themedStyles.d.ts +28 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/FilePicker.types.d.ts +46 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/IFilePickerProps.d.ts +147 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/IFilePickerState.d.ts +7 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/LinkFilePickerTab/ILinkFilePickerTabProps.d.ts +8 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/LinkFilePickerTab/ILinkFilePickerTabState.d.ts +5 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/LinkFilePickerTab/LinkFilePickerTab.d.ts +30 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/LinkFilePickerTab/index.d.ts +3 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/MultipleUploadFilePickerTab/IMultipleUploadFilePickerTabProps.d.ts +5 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/MultipleUploadFilePickerTab/IMultipleUploadFilePickerTabState.d.ts +5 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/MultipleUploadFilePickerTab/MultipleUploadFilePickerTab.d.ts +24 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/MultipleUploadFilePickerTab/MultipleUploadFilePickerTab.themedStyles.d.ts +9 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/MultipleUploadFilePickerTab/index.d.ts +3 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/OneDriveFilesTab/IOneDriveFilesTabProps.d.ts +5 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/OneDriveFilesTab/IOneDriveFilesTabState.d.ts +10 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/OneDriveFilesTab/OneDriveFilesTab.d.ts +29 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/OneDriveFilesTab/OneDriveFilesTab.types.d.ts +5 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/OneDriveFilesTab/index.d.ts +3 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/RecentFilesTab/IRecentFilesTabProps.d.ts +5 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/RecentFilesTab/IRecentFilesTabState.d.ts +7 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/RecentFilesTab/RecentFilesTab.d.ts +59 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/RecentFilesTab/RecentFilesTab.themedStyles.d.ts +24 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/RecentFilesTab/index.d.ts +3 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/SiteFilePickerTab/ISiteFilePickerTabProps.d.ts +19 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/SiteFilePickerTab/ISiteFilePickerTabState.d.ts +9 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/SiteFilePickerTab/SiteFilePickerTab.d.ts +36 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/SiteFilePickerTab/index.d.ts +3 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/StockImagesTab/IStockImagesProps.d.ts +8 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/StockImagesTab/StockImageSizeType.d.ts +1 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/StockImagesTab/StockImages.d.ts +17 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/StockImagesTab/StockImagesModel.d.ts +31 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/StockImagesTab/index.d.ts +3 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/UploadFilePickerTab/IUploadFilePickerTabProps.d.ts +5 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/UploadFilePickerTab/IUploadFilePickerTabState.d.ts +5 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/UploadFilePickerTab/UploadFilePickerTab.d.ts +20 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/UploadFilePickerTab/UploadFilePickerTab.themedStyles.d.ts +9 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/UploadFilePickerTab/index.d.ts +3 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/WebSearchTab/IWebSearchTabProps.d.ts +7 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/WebSearchTab/IWebSearchTabState.d.ts +12 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/WebSearchTab/WebSearchTab.d.ts +91 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/WebSearchTab/WebSearchTab.themedStyles.d.ts +35 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/WebSearchTab/WebSearchTab.types.d.ts +21 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/WebSearchTab/index.d.ts +4 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.d.ts +38 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/DocumentLibraryBrowser/DocumentLibraryBrowser.themedStyles.d.ts +25 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/DocumentLibraryBrowser/IDocumentLibraryBrowserProps.d.ts +7 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/DocumentLibraryBrowser/IDocumentLibraryBrowserState.d.ts +5 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/DocumentLibraryBrowser/index.d.ts +3 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/DocumentTile/DocumentTile.d.ts +5 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/DocumentTile/IDocumentTileProps.d.ts +12 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/DocumentTile/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/FileBrowser/FileBrowser.d.ts +56 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/FileBrowser/FileBrowser.types.d.ts +1 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/FileBrowser/IFileBrowserProps.d.ts +11 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/FileBrowser/IFileBrowserState.d.ts +17 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/FileBrowser/index.d.ts +4 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/FolderTile/FolderTile.d.ts +5 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/FolderTile/FolderTile.themedStyles.d.ts +6 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/FolderTile/IFolderTileProps.d.ts +10 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/FolderTile/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/TilesList/ITilesListProps.d.ts +13 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/TilesList/TilesList.d.ts +30 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/TilesList/TilesList.themedStyles.d.ts +32 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/TilesList/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/controls/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/filePicker/index.d.ts +4 -0
- package/dist/richTextEditor/components/filePicker/components/fileTypeIcon/FileTypeIcon.d.ts +44 -0
- package/dist/richTextEditor/components/filePicker/components/fileTypeIcon/IFileTypeIcon.d.ts +88 -0
- package/dist/richTextEditor/components/filePicker/components/fileTypeIcon/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/components/iFrameDialog/IFrameDialog.d.ts +78 -0
- package/dist/richTextEditor/components/filePicker/components/iFrameDialog/IFrameDialogContent.d.ts +17 -0
- package/dist/richTextEditor/components/filePicker/components/iFrameDialog/index.d.ts +3 -0
- package/dist/richTextEditor/components/filePicker/components/placeholder/IPlaceholderComponent.d.ts +41 -0
- package/dist/richTextEditor/components/filePicker/components/placeholder/PlaceholderComponent.d.ts +44 -0
- package/dist/richTextEditor/components/filePicker/components/placeholder/PlaceholderComponent.themedStyles.d.ts +16 -0
- package/dist/richTextEditor/components/filePicker/components/placeholder/index.d.ts +2 -0
- package/dist/richTextEditor/components/filePicker/index.d.ts +1 -0
- package/dist/richTextEditor/components/filePicker/services/FileBrowserService.d.ts +71 -0
- package/dist/richTextEditor/components/filePicker/services/FileBrowserService.types.d.ts +33 -0
- package/dist/richTextEditor/components/filePicker/services/FilesSearchService.d.ts +45 -0
- package/dist/richTextEditor/components/filePicker/services/FilesSearchService.types.d.ts +62 -0
- package/dist/richTextEditor/components/filePicker/services/IOneDriveService.d.ts +230 -0
- package/dist/richTextEditor/components/filePicker/services/OneDriveService.d.ts +38 -0
- package/dist/richTextEditor/components/filePicker/services/OrgAssetsService.d.ts +10 -0
- package/dist/richTextEditor/components/filePicker/utilities/FieldRendererHelper.d.ts +17 -0
- package/dist/richTextEditor/components/filePicker/utilities/GeneralHelper.d.ts +78 -0
- package/dist/richTextEditor/components/filePicker/utilities/LocalesHelper.d.ts +5 -0
- package/dist/richTextEditor/components/filePicker/utilities/SPHelper.d.ts +67 -0
- package/dist/richTextEditor/components/filePicker/utilities/index.d.ts +4 -0
- package/dist/richTextEditor/components/filePicker/utilities/utils.d.ts +3 -0
- package/dist/richTextEditor/components/hooks/useRange.d.ts +6 -0
- package/dist/richTextEditor/components/richTextEditor/RichTextEditorInner.d.ts +1 -0
- package/dist/richTextEditor/components/richTextEditor/rteContextProvider.d.ts +19 -0
- package/dist/richTextEditor/components/syncfusion/SyncFusionProvider.d.ts +7 -0
- package/dist/richTextEditor/components/syncfusion/licenseKey.d.ts +4 -0
- package/dist/richTextEditor/components/syncfusion/syncfusionRichText.d.ts +22 -0
- package/dist/richTextEditor/components/syncfusion/syncfusionSetup.d.ts +1 -0
- package/dist/richTextEditor/i18n/IRteStrings.d.ts +142 -0
- package/dist/richTextEditor/i18n/de.d.ts +3 -0
- package/dist/richTextEditor/i18n/en.d.ts +3 -0
- package/dist/richTextEditor/i18n/rteStrings.d.ts +3 -0
- package/dist/richTextEditor/themeProvider.d.ts +6 -0
- package/package.json +71 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FileBrowserService } from '../../../../services/FileBrowserService';
|
|
2
|
+
import { ILibrary } from '../../../../services/FileBrowserService.types';
|
|
3
|
+
export interface IDocumentLibraryBrowserProps {
|
|
4
|
+
fileBrowserService: FileBrowserService;
|
|
5
|
+
onOpenLibrary: (selectedLibrary: ILibrary) => void;
|
|
6
|
+
includePageLibraries?: boolean;
|
|
7
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FileBrowserService } from '../../../../services/FileBrowserService';
|
|
2
|
+
import { IFile } from '../../../../services/FileBrowserService.types';
|
|
3
|
+
import { IDimensions } from '../../../../services/IOneDriveService';
|
|
4
|
+
export interface IDocumentTileProps {
|
|
5
|
+
fileBroserService: FileBrowserService;
|
|
6
|
+
item: IFile;
|
|
7
|
+
index: number;
|
|
8
|
+
isSelected: boolean;
|
|
9
|
+
pageWidth: number;
|
|
10
|
+
tileDimensions: IDimensions;
|
|
11
|
+
onItemInvoked: (item: IFile) => void;
|
|
12
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IFileBrowserProps } from './IFileBrowserProps';
|
|
3
|
+
import { IFileBrowserState } from './IFileBrowserState';
|
|
4
|
+
export declare class FileBrowser extends React.Component<IFileBrowserProps, IFileBrowserState> {
|
|
5
|
+
private _selection;
|
|
6
|
+
constructor(props: IFileBrowserProps);
|
|
7
|
+
/**
|
|
8
|
+
* Gets the list of files when settings change
|
|
9
|
+
* @param prevProps
|
|
10
|
+
* @param prevState
|
|
11
|
+
*/
|
|
12
|
+
componentDidUpdate(prevProps: IFileBrowserProps): void;
|
|
13
|
+
/**
|
|
14
|
+
* Gets the list of files when tab first loads
|
|
15
|
+
*/
|
|
16
|
+
componentDidMount(): void;
|
|
17
|
+
render(): React.ReactElement<IFileBrowserProps>;
|
|
18
|
+
/**
|
|
19
|
+
* Triggers paged data load
|
|
20
|
+
*/
|
|
21
|
+
private _loadNextDataRequest;
|
|
22
|
+
/**
|
|
23
|
+
* Renders a placeholder to indicate that the folder is empty
|
|
24
|
+
*/
|
|
25
|
+
private _renderEmptyFolder;
|
|
26
|
+
/**
|
|
27
|
+
* Renders row with file or folder style.
|
|
28
|
+
*/
|
|
29
|
+
private _onRenderRow;
|
|
30
|
+
/**
|
|
31
|
+
* Get the list of toolbar items on the left side of the toolbar.
|
|
32
|
+
* We leave it empty for now, but we may add the ability to upload later.
|
|
33
|
+
*/
|
|
34
|
+
private _getToolbarItems;
|
|
35
|
+
private getFarItems;
|
|
36
|
+
/**
|
|
37
|
+
* Called when users switch the view
|
|
38
|
+
*/
|
|
39
|
+
private _handleSwitchLayout;
|
|
40
|
+
/**
|
|
41
|
+
* Gratuitous sorting
|
|
42
|
+
*/
|
|
43
|
+
private _onColumnClick;
|
|
44
|
+
/**
|
|
45
|
+
* When a folder is opened, calls parent tab to navigate down
|
|
46
|
+
*/
|
|
47
|
+
private _handleOpenFolder;
|
|
48
|
+
/**
|
|
49
|
+
* Handles selected item change
|
|
50
|
+
*/
|
|
51
|
+
private _itemSelectionChanged;
|
|
52
|
+
/**
|
|
53
|
+
* Gets all files in a library with a matchihg path
|
|
54
|
+
*/
|
|
55
|
+
private _getListItems;
|
|
56
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type ViewType = 'list' | 'compact' | 'tiles';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FileBrowserService } from '../../../../services/FileBrowserService';
|
|
2
|
+
import { IFile } from '../../../../services/FileBrowserService.types';
|
|
3
|
+
import { IFilePickerResult } from '../../FilePicker.types';
|
|
4
|
+
export interface IFileBrowserProps {
|
|
5
|
+
fileBrowserService: FileBrowserService;
|
|
6
|
+
libraryUrl: string;
|
|
7
|
+
folderPath: string;
|
|
8
|
+
accepts: string[];
|
|
9
|
+
onChange: (filePickerResult: IFilePickerResult[]) => void;
|
|
10
|
+
onOpenFolder: (folder: IFile) => void;
|
|
11
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { IColumn } from '@fluentui/react/lib/DetailsList';
|
|
2
|
+
import { IFile } from '../../../../services/FileBrowserService.types';
|
|
3
|
+
import { IFilePickerResult } from '../../FilePicker.types';
|
|
4
|
+
import { ViewType } from './FileBrowser.types';
|
|
5
|
+
export declare enum LoadingState {
|
|
6
|
+
idle = 1,
|
|
7
|
+
loading = 2,
|
|
8
|
+
loadingNextPage = 3
|
|
9
|
+
}
|
|
10
|
+
export interface IFileBrowserState {
|
|
11
|
+
loadingState: LoadingState;
|
|
12
|
+
items: IFile[];
|
|
13
|
+
nextPageQueryString: string;
|
|
14
|
+
filePickerResults: IFilePickerResult[];
|
|
15
|
+
columns: IColumn[];
|
|
16
|
+
selectedView: ViewType;
|
|
17
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IFile } from '../../../../services/FileBrowserService.types';
|
|
2
|
+
import { IDimensions } from '../../../../services/IOneDriveService';
|
|
3
|
+
export interface IFolderTileProps {
|
|
4
|
+
item: IFile;
|
|
5
|
+
index: number;
|
|
6
|
+
isSelected: boolean;
|
|
7
|
+
pageWidth: number;
|
|
8
|
+
onItemInvoked: (item: IFile) => void;
|
|
9
|
+
tileDimensions: IDimensions;
|
|
10
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Selection } from '@fluentui/react/lib/Selection';
|
|
2
|
+
import { FileBrowserService } from '../../../../services/FileBrowserService';
|
|
3
|
+
import { IFile } from '../../../../services/FileBrowserService.types';
|
|
4
|
+
import { IFilePickerResult } from '../../FilePicker.types';
|
|
5
|
+
export interface ITilesListProps {
|
|
6
|
+
fileBrowserService: FileBrowserService;
|
|
7
|
+
filePickerResult: IFilePickerResult;
|
|
8
|
+
selection: Selection;
|
|
9
|
+
items: IFile[];
|
|
10
|
+
onFolderOpen: (item: IFile) => void;
|
|
11
|
+
onFileSelected: (item: IFile) => void;
|
|
12
|
+
onNextPageDataRequest: () => void;
|
|
13
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ITilesListProps } from './ITilesListProps';
|
|
3
|
+
export declare class TilesList extends React.Component<ITilesListProps> {
|
|
4
|
+
private _columnCount;
|
|
5
|
+
private _columnWidth;
|
|
6
|
+
private _rowHeight;
|
|
7
|
+
private _listElem;
|
|
8
|
+
private _pageWidth;
|
|
9
|
+
constructor(props: ITilesListProps);
|
|
10
|
+
componentDidUpdate(prevProps: ITilesListProps): void;
|
|
11
|
+
render(): React.ReactElement<ITilesListProps>;
|
|
12
|
+
/**
|
|
13
|
+
* Gets called what a file is selected.
|
|
14
|
+
*/
|
|
15
|
+
private _handleItemInvoked;
|
|
16
|
+
/**
|
|
17
|
+
* Calculates how many items there should be in the page
|
|
18
|
+
*/
|
|
19
|
+
private _getItemCountForPage;
|
|
20
|
+
/**
|
|
21
|
+
* Renders a custom list page
|
|
22
|
+
*/
|
|
23
|
+
private _onRenderPage;
|
|
24
|
+
/** Calculates the list "page" height (a.k.a. row) */
|
|
25
|
+
private _getPageHeight;
|
|
26
|
+
/**
|
|
27
|
+
* Renders a file folder cover
|
|
28
|
+
*/
|
|
29
|
+
private _onRenderCell;
|
|
30
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { IPalette } from '@fluentui/react/lib/Styling';
|
|
2
|
+
export declare const getThemedStyles: (palette: Partial<IPalette>) => import("@fluentui/merge-styles/lib/IStyleSet").IProcessedStyleSet<{
|
|
3
|
+
tile: {
|
|
4
|
+
backgroundColor: string;
|
|
5
|
+
color: string;
|
|
6
|
+
};
|
|
7
|
+
namePlate: {
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
color: string;
|
|
10
|
+
};
|
|
11
|
+
name: {
|
|
12
|
+
color: string;
|
|
13
|
+
};
|
|
14
|
+
tileSelectableHover: {
|
|
15
|
+
backgroundColor: string;
|
|
16
|
+
};
|
|
17
|
+
checkHoverCheck: {
|
|
18
|
+
color: string;
|
|
19
|
+
};
|
|
20
|
+
checkSelectedCheck: {
|
|
21
|
+
color: string;
|
|
22
|
+
};
|
|
23
|
+
dialogTitleColor: {
|
|
24
|
+
color: string;
|
|
25
|
+
};
|
|
26
|
+
dialogSubTextColor: {
|
|
27
|
+
color: string;
|
|
28
|
+
};
|
|
29
|
+
itemTileBlankCover: {
|
|
30
|
+
background: string;
|
|
31
|
+
};
|
|
32
|
+
}>;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IFileTypeIconProps } from './IFileTypeIcon';
|
|
3
|
+
/**
|
|
4
|
+
* File type icon component
|
|
5
|
+
*/
|
|
6
|
+
export declare class FileTypeIcon extends React.Component<IFileTypeIconProps, {}> {
|
|
7
|
+
constructor(props: IFileTypeIconProps);
|
|
8
|
+
/**
|
|
9
|
+
* Function which returns the font icon
|
|
10
|
+
*/
|
|
11
|
+
private _getIconClassName;
|
|
12
|
+
/**
|
|
13
|
+
* Function which returns the image icon
|
|
14
|
+
*/
|
|
15
|
+
private _getIconImageName;
|
|
16
|
+
/**
|
|
17
|
+
* Function to retrieve the file extension from the path
|
|
18
|
+
*
|
|
19
|
+
* @param value File path
|
|
20
|
+
*/
|
|
21
|
+
private _getFileExtension;
|
|
22
|
+
/**
|
|
23
|
+
* Find the icon name for the provided extension
|
|
24
|
+
*
|
|
25
|
+
* @param extension File extension
|
|
26
|
+
*/
|
|
27
|
+
private _getIconByExtension;
|
|
28
|
+
/**
|
|
29
|
+
* Find the icon name for the application
|
|
30
|
+
*
|
|
31
|
+
* @param application
|
|
32
|
+
*/
|
|
33
|
+
private _getIconByApplicationType;
|
|
34
|
+
/**
|
|
35
|
+
* Return the right image size for the provided value
|
|
36
|
+
*
|
|
37
|
+
* @param value Image size value
|
|
38
|
+
*/
|
|
39
|
+
private _getFileSizeName;
|
|
40
|
+
/**
|
|
41
|
+
* Default React component render method
|
|
42
|
+
*/
|
|
43
|
+
render(): React.ReactElement<IFileTypeIconProps>;
|
|
44
|
+
}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Available icon types
|
|
3
|
+
*/
|
|
4
|
+
export declare enum IconType {
|
|
5
|
+
font = 1,
|
|
6
|
+
image = 2
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Available applications / types
|
|
10
|
+
*/
|
|
11
|
+
export declare enum ApplicationType {
|
|
12
|
+
Access = 1,
|
|
13
|
+
ASPX = 2,
|
|
14
|
+
Code = 3,
|
|
15
|
+
CSS = 4,
|
|
16
|
+
CSV = 5,
|
|
17
|
+
Excel = 6,
|
|
18
|
+
HTML = 7,
|
|
19
|
+
Image = 8,
|
|
20
|
+
Mail = 9,
|
|
21
|
+
OneNote = 10,
|
|
22
|
+
PDF = 11,
|
|
23
|
+
PowerApps = 12,
|
|
24
|
+
PowerPoint = 13,
|
|
25
|
+
Project = 14,
|
|
26
|
+
Publisher = 15,
|
|
27
|
+
SASS = 16,
|
|
28
|
+
Visio = 17,
|
|
29
|
+
Word = 18
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* Available image sizes
|
|
33
|
+
*/
|
|
34
|
+
export declare enum ImageSize {
|
|
35
|
+
small = 1,
|
|
36
|
+
medium = 2,
|
|
37
|
+
large = 3,
|
|
38
|
+
normal = 4
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Interface for the application icons list
|
|
42
|
+
*/
|
|
43
|
+
export interface IApplicationIcons {
|
|
44
|
+
application: ApplicationType;
|
|
45
|
+
extensions: string[];
|
|
46
|
+
iconName: string;
|
|
47
|
+
imageName: string[];
|
|
48
|
+
cdnImageName?: string[];
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Array with all the known applications and their icon and image names
|
|
52
|
+
*/
|
|
53
|
+
export declare const ApplicationIconList: IApplicationIcons[];
|
|
54
|
+
/**
|
|
55
|
+
* Array with the known icon image sizes
|
|
56
|
+
*/
|
|
57
|
+
export declare const IconSizes: {
|
|
58
|
+
size: ImageSize;
|
|
59
|
+
name: string;
|
|
60
|
+
}[];
|
|
61
|
+
/**
|
|
62
|
+
* Interface for the image result when return the image instead of the icon font
|
|
63
|
+
*/
|
|
64
|
+
export interface IImageResult {
|
|
65
|
+
size: string;
|
|
66
|
+
image: string;
|
|
67
|
+
cdnFallback: string;
|
|
68
|
+
}
|
|
69
|
+
export interface ImageInformation {
|
|
70
|
+
image: string;
|
|
71
|
+
cdnFallback: string;
|
|
72
|
+
}
|
|
73
|
+
/**
|
|
74
|
+
* Interface for the FileTypeIcon component properties
|
|
75
|
+
*/
|
|
76
|
+
export interface IFileTypeIconProps {
|
|
77
|
+
type: IconType;
|
|
78
|
+
application?: ApplicationType;
|
|
79
|
+
path?: string;
|
|
80
|
+
size?: ImageSize;
|
|
81
|
+
}
|
|
82
|
+
/**
|
|
83
|
+
* Generic file type icons base64 encoded
|
|
84
|
+
*/
|
|
85
|
+
export declare const ICON_GENERIC_16 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAACxUExURf///6CgoZeYmJ+goJSVlpydnaampqWlpaOjo6KioqCgoZ+fn52enpycnJqbm/39/fz9/fz8/dzc3Pr7+/r6+/n6+vn5+vj5+vj4+erq6oyMjJGSk/n6+/f4+fv8/JCRkvj5+Y+QkPv7/I2Oj/f4+IyNjvb3+IqMjJmZmvz8/ImKi5eYmPf3+IeJipaXl/X294aHiJSVlvb394SGh5OUlPb294OFhZKTk4GDhICCg////6edRp4AAAAGdFJOUwD5MPww+XxQO+MAAAABYktHRACIBR1IAAAAsElEQVQY0z3L2RqCIBCGYdq0MkPCgqxxQaI9LFvs/m8smIP+s++dZwghQTieTKNZPO/1CS6klCaMsWAxGCKMKU+XKyGD9WKEMKGpBxFk2QZhStPl1gFAXiBEiW9ZSsgrhBlzZwluqkaImVgJKAG02iHMmRAuQRu1RzgcSyl9G3VCOOf+/2KM4VeEW661T2N5g3BXvszDWt4iPD28rBt/I3z4fx1CUdW7/enatO/uS8gP83oU3WB3gUcAAAAASUVORK5CYII=";
|
|
86
|
+
export declare const ICON_GENERIC_20 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALBJREFUeNpiYKAyYETmJMTFzARSXETom7Vg0ZLDBFUBDVz88+fP//gASE1+bs4WIG2LzQwmdAE2NjaCFgeHhFixsrLlYDOUiZxwsrWzFwwLD3cFWp4ENFSeIgO5uLl53r59y+Di6iYYGhbuDxSqQpZnIdVAU1Mzvbra6g3fvn79ArMDb6T8JxGA9FAchvjAqIGjBg5KA3/9+kW0Zmxq0fPyt/TU5CUkOuobAy0BQIABAAt9e++IKuZcAAAAAElFTkSuQmCC";
|
|
87
|
+
export declare const ICON_GENERIC_48 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAGeUExURf///6Kio5iZmaSkpZeYmKOjpJaXl6ChopWWlp+goZSVlZ6en5OTlJucnZGSk5qbm6ampqWlpaSkpaSkpKOjo6KioqGioqGhoaCgoJ+goJ+fn56fn56enp2enp2dnZydnZycnJubnJqbm5qam5mamv39/fz9/fz8/fz9/Pz8/Pv8/P3+/unp6fv7+/r7+/r6+/r6+vn6+vn6+/n5+vj5+vj4+ff4+fj5+fLy8unq6vT09PHx8ejp6fv7/PPz8+/v7+Xl5e3t7evr6+Hh4e7u7ufn597e3vn6+erq6ujo6OPj49ra2vn5+YyMjJCSkuLi497f4N7f397e393e3+Hh4pCRkff4+Pf3+Pb3+I+QkY+QkI6PkI6Pj42Oj4yOjoyNjouNjYuMjYqMjIqLjImLi4mKi/b294iKipmZmvX294eJipiZmfb394eIiZiYmYaIiZeYmIaHiJeXmIWHiJaXl4WGh5WWl4SGh5WWloSFhpSVloOFhpSVlYKEhZOUlZOTlIKDhJKTlIGDhJKTk4CCg5GSkn+Bgn+BgX6Agf///0viRIgAAAAQdFJOUwD5MPww/DD8MPww/DD7MPl5g3acAAAAAWJLR0QAiAUdSAAAAmRJREFUSMfN0Wdf01AUwOG6twYolL3T2NjeEpMmao1AHTgq1kEb9i4Gi4iIiFhFrODH9o4kve1J+5rz+v+cc/NLIHByRxAaGpuCweaWUKi1rb2js6u7p7evf2Dw1OlaQHQmjEeSbkpSRJIjt4TombP+oEGMxRCKx+NDinJbVRVNS2i6IQt37p477wsaMWCCBxHhXvL+hYt+oEk0AdAweJAcHrl02QcE6ZOqL8hCcng09fDK1VqA+waVgUejqejjJ9euA9Assv34AAFjLkg9jT4bef7iBgAtIuvxAUVVVUNLM/CSzTgAITEeLx9wvtlIvMpkMq/fvH03UQMMsd59kZHQ8WRzljkJQKvIcvdAWsNA98AUAG1hheW41wxygLzIA9MAtIfd9ao2Rr+AO2CZMwB0hNl21qfZF5TBLACdkspGMWiPH+QcoGAOgC4GFLye9uRB3gHLnAegW9LwJ5BcTdDeexAFCwD0SBodlawv9+yAZS4C0Cux2llf2VvmEgB9kUSC1pW9C5YB6HeeRHO9qrdiKwAMEKCTmuRVvYVWARiMGGy8nOvzaA2A9wTopHZyvrfROgAf2Ee7Nd8XbBttAPBR1vnJsh9Gx8ZgE4BPckXO9XkCtgD4LPvntLfRNgBfZK4u5wXa22gHgK9ylk6Oz9l6AnYB+GbmcpUx19toD4DvplU9Ba+30T4AP8zaOQZFAH6atXNf8IsH+cocgwMAfpve7uqagEMA/sTydGzfQSUA/iK7zviA8frgCIAJVHeOAZicmp6ZnZtfWFxaXlldW9/Y3Nre2d3bLxYPDkulo+N/gZM7/wGRlGTTsm+SowAAAABJRU5ErkJggg==";
|
|
88
|
+
export declare const ICON_GENERIC_96 = "data:image/png;base64,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";
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { IDialogProps } from '@fluentui/react/lib/Dialog';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export interface IFrameDialogProps extends IDialogProps {
|
|
4
|
+
/**
|
|
5
|
+
* iframe Url
|
|
6
|
+
*/
|
|
7
|
+
url: string;
|
|
8
|
+
/**
|
|
9
|
+
* iframe's onload event handler
|
|
10
|
+
*/
|
|
11
|
+
iframeOnLoad?: (iframe: any) => void;
|
|
12
|
+
/**
|
|
13
|
+
* iframe width
|
|
14
|
+
*/
|
|
15
|
+
width: string;
|
|
16
|
+
/**
|
|
17
|
+
* iframe height
|
|
18
|
+
*/
|
|
19
|
+
height: string;
|
|
20
|
+
/**
|
|
21
|
+
* Specifies if iframe content can be displayed in a full screen.
|
|
22
|
+
* Usage: <IFrameDialog allowFullScreen />
|
|
23
|
+
*/
|
|
24
|
+
allowFullScreen?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Specifies if transparency is allowed in iframe
|
|
27
|
+
*/
|
|
28
|
+
allowTransparency?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Specifies the top and bottom margins of the content of an <iframe>
|
|
31
|
+
*/
|
|
32
|
+
marginHeight?: number;
|
|
33
|
+
/**
|
|
34
|
+
* Specifies the left and right margins of the content of an <iframe>
|
|
35
|
+
*/
|
|
36
|
+
marginWidth?: number;
|
|
37
|
+
/**
|
|
38
|
+
* Specifies the name of an <iframe>
|
|
39
|
+
*/
|
|
40
|
+
name?: string;
|
|
41
|
+
/**
|
|
42
|
+
* Enables an extra set of restrictions for the content in an <iframe>
|
|
43
|
+
*/
|
|
44
|
+
sandbox?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Specifies whether or not to display scrollbars in an <iframe>
|
|
47
|
+
*/
|
|
48
|
+
scrolling?: string;
|
|
49
|
+
/**
|
|
50
|
+
* When present, it specifies that the <iframe> should look like it is a part of the containing document (no borders or scrollbars)
|
|
51
|
+
*/
|
|
52
|
+
seamless?: boolean;
|
|
53
|
+
}
|
|
54
|
+
export interface IFrameDialogState {
|
|
55
|
+
dialogId: string | null;
|
|
56
|
+
isStylingSet?: boolean;
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* Dialog component to display content in iframe
|
|
60
|
+
*/
|
|
61
|
+
export declare class IFrameDialog extends React.Component<IFrameDialogProps, IFrameDialogState> {
|
|
62
|
+
constructor(props: IFrameDialogProps, state: IFrameDialogState);
|
|
63
|
+
/**
|
|
64
|
+
* componentWillMount lifecycle hook
|
|
65
|
+
*/
|
|
66
|
+
UNSAFE_componentWillMount(): void;
|
|
67
|
+
/**
|
|
68
|
+
* componentDidMount lifecycle hook
|
|
69
|
+
*/
|
|
70
|
+
componentDidMount(): void;
|
|
71
|
+
UNSAFE_componentWillReceiveProps(nextProps: IFrameDialogProps): void;
|
|
72
|
+
componentDidUpdate(): void;
|
|
73
|
+
render(): JSX.Element;
|
|
74
|
+
/**
|
|
75
|
+
* Set the dialog style
|
|
76
|
+
*/
|
|
77
|
+
private setDialogStyling;
|
|
78
|
+
}
|
package/dist/richTextEditor/components/filePicker/components/iFrameDialog/IFrameDialogContent.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface IIFrameDialogContentProps extends React.IframeHTMLAttributes<HTMLIFrameElement> {
|
|
3
|
+
close: () => void;
|
|
4
|
+
iframeOnLoad?: (iframe: any) => void;
|
|
5
|
+
}
|
|
6
|
+
export interface IIFrameDialogContentState {
|
|
7
|
+
isContentVisible?: boolean;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* IFrame Dialog content
|
|
11
|
+
*/
|
|
12
|
+
export declare class IFrameDialogContent extends React.Component<IIFrameDialogContentProps, IIFrameDialogContentState> {
|
|
13
|
+
private _iframe;
|
|
14
|
+
constructor(props: IIFrameDialogContentProps);
|
|
15
|
+
render(): JSX.Element;
|
|
16
|
+
private _iframeOnLoad;
|
|
17
|
+
}
|
package/dist/richTextEditor/components/filePicker/components/placeholder/IPlaceholderComponent.d.ts
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Used to display a placeholder in case of no or temporary content. Button is optional.
|
|
3
|
+
*
|
|
4
|
+
*/
|
|
5
|
+
export interface IPlaceholderProps {
|
|
6
|
+
/**
|
|
7
|
+
* Text description or component for the placeholder. Appears bellow the Icon and IconText.
|
|
8
|
+
*/
|
|
9
|
+
description: string;
|
|
10
|
+
/**
|
|
11
|
+
* Icon name used for the className from the MDL2 set. Example: 'Add'.
|
|
12
|
+
*/
|
|
13
|
+
iconName: string;
|
|
14
|
+
/**
|
|
15
|
+
* Heading displayed against the Icon.
|
|
16
|
+
*/
|
|
17
|
+
iconText: string;
|
|
18
|
+
/**
|
|
19
|
+
* Text label to be displayed on button below the description.
|
|
20
|
+
* Optional: As the button is optional.
|
|
21
|
+
*/
|
|
22
|
+
buttonLabel?: string;
|
|
23
|
+
/**
|
|
24
|
+
* This className is applied to the root element of content. Use this to
|
|
25
|
+
* apply custom styles to the placeholder.
|
|
26
|
+
*/
|
|
27
|
+
contentClassName?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Specify if you want to hide the config button
|
|
30
|
+
*/
|
|
31
|
+
hideButton?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* onConfigure handler for the button.
|
|
34
|
+
* Optional: As the button is optional.
|
|
35
|
+
*/
|
|
36
|
+
onConfigure?: () => void;
|
|
37
|
+
children?: React.ReactNode;
|
|
38
|
+
}
|
|
39
|
+
export interface IPlaceholderState {
|
|
40
|
+
width: number;
|
|
41
|
+
}
|
package/dist/richTextEditor/components/filePicker/components/placeholder/PlaceholderComponent.d.ts
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IPlaceholderProps, IPlaceholderState } from './IPlaceholderComponent';
|
|
3
|
+
/**
|
|
4
|
+
* Placeholder component
|
|
5
|
+
*/
|
|
6
|
+
export declare class Placeholder extends React.Component<IPlaceholderProps, IPlaceholderState> {
|
|
7
|
+
private _crntElm;
|
|
8
|
+
/**
|
|
9
|
+
* Constructor
|
|
10
|
+
*/
|
|
11
|
+
constructor(props: IPlaceholderProps);
|
|
12
|
+
/**
|
|
13
|
+
* componentDidMount lifecycle hook
|
|
14
|
+
*/
|
|
15
|
+
componentDidMount(): void;
|
|
16
|
+
/**
|
|
17
|
+
* componentDidUpdate lifecycle hook
|
|
18
|
+
* @param prevProps
|
|
19
|
+
* @param prevState
|
|
20
|
+
*/
|
|
21
|
+
componentDidUpdate(): void;
|
|
22
|
+
/**
|
|
23
|
+
* shouldComponentUpdate lifecycle hook
|
|
24
|
+
* @param nextProps
|
|
25
|
+
* @param nextState
|
|
26
|
+
*/
|
|
27
|
+
shouldComponentUpdate(nextProps: IPlaceholderProps, nextState: IPlaceholderState): boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Execute the onConfigure function
|
|
30
|
+
*/
|
|
31
|
+
private _handleBtnClick;
|
|
32
|
+
/**
|
|
33
|
+
* Set the current zone width
|
|
34
|
+
*/
|
|
35
|
+
private _setZoneWidth;
|
|
36
|
+
/**
|
|
37
|
+
* Stores the current element
|
|
38
|
+
*/
|
|
39
|
+
private _linkElm;
|
|
40
|
+
/**
|
|
41
|
+
* Default React component render method
|
|
42
|
+
*/
|
|
43
|
+
render(): React.ReactElement<IPlaceholderProps>;
|
|
44
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { IPalette } from '@fluentui/react/lib/Styling';
|
|
2
|
+
export declare const getThemedStyles: (palette: Partial<IPalette>) => import("@fluentui/merge-styles/lib/IStyleSet").IProcessedStyleSet<{
|
|
3
|
+
placeholderContainer: {
|
|
4
|
+
color: string;
|
|
5
|
+
backgroundColor: string;
|
|
6
|
+
};
|
|
7
|
+
placeholderHead: {
|
|
8
|
+
color: string;
|
|
9
|
+
};
|
|
10
|
+
placeholderDescriptionText: {
|
|
11
|
+
color: string;
|
|
12
|
+
};
|
|
13
|
+
button: {
|
|
14
|
+
backgroundColor: string;
|
|
15
|
+
};
|
|
16
|
+
}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/filePicker';
|