CONFIGURE?
;
- case StorageView.Perms:
- return Permissions
;
- case StorageView.History:
- return TODO... history
;
- }
-
- let src = `api/storage/read/${path}`;
- if (src.endsWith('/')) {
- src = src.substring(0, src.length - 1);
- }
-
- switch (info.category) {
- case 'svg':
- return (
-
-
- );
- case 'image':
- return (
-
-
- 
-
-
- );
- case 'text':
- return (
-
-
- {({ width, height }) => (
- {
- console.log('CHANGED!', text);
- }}
- />
- )}
-
-
- );
- }
-
- return (
-
- FILE: {path}
-
- );
-}
-
-function getFileDisplayInfo(path: string): FileDisplayInfo {
- const idx = path.lastIndexOf('.');
- if (idx < 0) {
- return {};
- }
- const suffix = path.substring(idx + 1).toLowerCase();
- switch (suffix) {
- case 'svg':
- return { category: 'svg' };
- case 'jpg':
- case 'jpeg':
- case 'png':
- case 'webp':
- case 'gif':
- return { category: 'image' };
-
- case 'geojson':
- case 'json':
- return { category: 'text', language: 'json' };
- case 'text':
- case 'go':
- case 'md':
- return { category: 'text' };
- }
- return {};
-}
-
-const getStyles = (theme: GrafanaTheme2) => ({
- // TODO: remove `height: 90%`
- wrapper: css({
- display: 'flex',
- flexDirection: 'column',
- height: '100%',
- }),
- tableControlRowWrapper: css({
- display: 'flex',
- flexDirection: 'row',
- alignItems: 'center',
- marginBottom: theme.spacing(2),
- }),
- // TODO: remove `height: 100%`
- tableWrapper: css({
- border: `1px solid ${theme.colors.border.medium}`,
- height: '100%',
- }),
- uploadSpot: css({
- marginLeft: theme.spacing(2),
- }),
- border: css({
- border: `1px solid ${theme.colors.border.medium}`,
- padding: theme.spacing(2),
- }),
- img: css({
- maxWidth: '100%',
- }),
- icon: css({}),
-});
diff --git a/public/app/features/storage/FolderView.tsx b/public/app/features/storage/FolderView.tsx
deleted file mode 100644
index 2ada5b0ae33..00000000000
--- a/public/app/features/storage/FolderView.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { css } from '@emotion/css';
-import AutoSizer from 'react-virtualized-auto-sizer';
-
-import { DataFrame, GrafanaTheme2 } from '@grafana/data';
-import { Table, useStyles2 } from '@grafana/ui';
-
-import { StorageView } from './types';
-
-interface Props {
- listing: DataFrame;
- view: StorageView;
-}
-
-export function FolderView({ listing, view }: Props) {
- const styles = useStyles2(getStyles);
-
- switch (view) {
- case StorageView.Config:
- return CONFIGURE?
;
- case StorageView.Perms:
- return Permissions
;
- }
-
- return (
-
-
- {({ width, height }) => (
-
-
- );
-}
-
-const getStyles = (theme: GrafanaTheme2) => ({
- // TODO: remove `height: 90%`
- wrapper: css({
- display: 'flex',
- flexDirection: 'column',
- height: '100%',
- }),
- tableControlRowWrapper: css({
- display: 'flex',
- flexDirection: 'row',
- alignItems: 'center',
- marginBottom: theme.spacing(2),
- }),
- // TODO: remove `height: 100%`
- tableWrapper: css({
- border: `1px solid ${theme.colors.border.medium}`,
- height: '100%',
- }),
- uploadSpot: css({
- marginLeft: theme.spacing(2),
- }),
- border: css({
- border: `1px solid ${theme.colors.border.medium}`,
- padding: theme.spacing(2),
- }),
-});
diff --git a/public/app/features/storage/RootView.tsx b/public/app/features/storage/RootView.tsx
deleted file mode 100644
index bfa87d16458..00000000000
--- a/public/app/features/storage/RootView.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import { css } from '@emotion/css';
-import { useMemo, useState } from 'react';
-import { useAsync } from 'react-use';
-
-import { DataFrame, GrafanaTheme2 } from '@grafana/data';
-import { Alert, Button, Card, FilterInput, Icon, IconName, TagList, useStyles2, Stack, InlineField } from '@grafana/ui';
-
-import { getGrafanaStorage } from './storage';
-import { StorageInfo, StorageView } from './types';
-
-interface Props {
- root: DataFrame;
- onPathChange: (p: string, v?: StorageView) => void;
-}
-
-export function RootView({ root, onPathChange }: Props) {
- const styles = useStyles2(getStyles);
- const storage = useAsync(getGrafanaStorage().getConfig);
- const [searchQuery, setSearchQuery] = useState
-
-
- )}
-
-
- );
-}
-
-function getStyles(theme: GrafanaTheme2) {
- return {
- secondaryTextColor: css({
- color: theme.colors.text.secondary,
- }),
- clickable: css({
- pointerEvents: 'none',
- }),
- };
-}
-
-function getTags(v: StorageInfo) {
- const tags: string[] = [];
- if (v.builtin) {
- tags.push('Builtin');
- }
-
- // Error
- if (!v.ready) {
- tags.push('Not ready');
- }
- return tags;
-}
-
-export function getIconName(type: string): IconName {
- switch (type) {
- case 'git':
- return 'code-branch';
- case 'disk':
- return 'folder-open';
- case 'sql':
- return 'database';
- default:
- return 'folder-open';
- }
-}
diff --git a/public/app/features/storage/StorageFolderPage.tsx b/public/app/features/storage/StorageFolderPage.tsx
deleted file mode 100644
index 1808f6c51c2..00000000000
--- a/public/app/features/storage/StorageFolderPage.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import { useParams } from 'react-router-dom-v5-compat';
-import { useAsync } from 'react-use';
-
-import { DataFrame, NavModel, NavModelItem } from '@grafana/data';
-import { Card, Icon, Spinner } from '@grafana/ui';
-import { Page } from 'app/core/components/Page/Page';
-
-import { getGrafanaStorage } from './storage';
-
-export function StorageFolderPage() {
- const { slug = '' } = useParams();
- const listing = useAsync((): Promise
-
-
-
-
-
-
- {renderRoots('', roots.base)}
-
-
-
- Content
- {renderRoots('content/', roots.content)} -?
;
- };
-
- const navModel = getRootContentNavModel();
-
- return (
-
-
- {errorMessages.map((error) => {
- return
-
- );
- };
-
- const clearAlert = () => {
- setErrorMessages([]);
- };
-
- return (
- {error}
;
- })}
-
-
-
- {canAddFolder && (
- <>
-
-
-
- {errorMessages.length > 0 && getErrorMessages()}
-
-
- {opts.map((opt) => (
- setPath(path, opt.what)}
- />
- ))}
-
- {isFolder ? (
- {
- const folderPath = `${path}/${folderName}`;
- const res = await getGrafanaStorage().createFolder(folderPath);
- if (typeof res?.error !== 'string') {
- setPath(folderPath);
- setIsAddingNewFolder(false);
- }
- }}
- onDismiss={() => {
- setIsAddingNewFolder(false);
- }}
- validate={(folderName) => {
- const lowerCase = folderName.toLowerCase();
-
- if (filenameAlreadyExists(folderName, fileNames)) {
- return 'A file or a folder with the same name already exists';
- }
-
- if (!folderNameRegex.test(lowerCase)) {
- return 'Name contains illegal characters';
- }
-
- if (folderName.length > folderNameMaxLength) {
- return `Name is too long, maximum length: ${folderNameMaxLength} characters`;
- }
-
- return true;
- }}
- />
- )}
-
- );
- };
-
- return (
- {file?.name}
-A file with this name already exists.
-What would you like to do?
- - } - title={'This file already exists'} - confirmText={'Replace'} - onConfirm={onOverwriteConfirm} - onDismiss={onOverwriteDismiss} - /> - )} - - ); -} - -const getStyles = (theme: GrafanaTheme2) => ({ - uploadButton: css({ - marginRight: theme.spacing(2), - }), -}); diff --git a/public/app/features/storage/storage.ts b/public/app/features/storage/storage.ts deleted file mode 100644 index 38c05e9ec38..00000000000 --- a/public/app/features/storage/storage.ts +++ /dev/null @@ -1,145 +0,0 @@ -import { DataFrame, dataFrameFromJSON, DataFrameJSON, getDisplayProcessor } from '@grafana/data'; -import { config, getBackendSrv } from '@grafana/runtime'; -import { backendSrv } from 'app/core/services/backend_srv'; - -import { UploadResponse, StorageInfo, ItemOptions, WriteValueRequest, WriteValueResponse } from './types'; - -// Likely should be built into the search interface! -export interface GrafanaStorage { - get: