mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
* Create basic feature toggle * Rename context to reflect it contains query history and query library * Update icons and variants * Rename hooks * Update tests * Fix mock * Add tracking * Turn button into a toggle * Make dropdown active as well This is required to have better UI and an indication of selected state in split view * Update Query Library icon This is to make it consistent with the toolbar button * Hide query history button when query library is available This is to avoid confusing UX with 2 button triggering the drawer but with slightly different behavior * Make the drawer bigger for query library To avoid confusion for current users and test it internally a bit more it's behind a feature toggle. Bigger drawer may obstruct the view and add more friction in the UX. * Fix tests The test was failing because queryLibraryAvailable was set to true for tests. This change makes it more explicit what use case is being tested * Remove active state underline from the dropdown * Add basic types and api methods This is just moved from the app. To be cleaned up and refactored later. * Move API utils from Query Library app to Grafana packages * Move API utils from Query Library app to Grafana packages * Move API utils from Query Library app to Grafana packages * Add basic table for query templates * Add sorting * Style cells * Style table cells * Allow closing Query Library drawer from the toolbar * Remove Private Query toggle It will be moved to the kebab * Add empty state * Remove variables detection for now Just to simplify the PR, it's not needed for Explore yet. * Simplify getting useDatasource.tsx * Rename cell * Move QueryTemplatesTable to a separate folder * Use RTK Query to get list of query templates * Clean up query templates table * Simplify useDatasource hook * Add a test * Retrigger the build * Remove unused code * Small clean up * Update import * Add reduxjs/toolkit as a peer dependecy * Revert "Add reduxjs/toolkit as a peer dependecy" This reverts commitaa9da6e442
. * Update import * Add reduxjs/toolkit as a peer dependecy * Revert "Add reduxjs/toolkit as a peer dependecy" This reverts commit2e68a62ab6
. * Add @reduxjs/toolkit as peer dependency * Add @reduxjs/toolkit as peer dependecy * Move reactjs/toolkit to dev dependecies * Minor clean up and use react-redux as a peer dependency * Move query library code to core features * Update code owners * Update export * Update exports * Use Redux store instead of APIProvider * Await for query templates to show during the test * Add more explicit docs that the feature is experimental --------- Co-authored-by: Kristina Durivage <kristina.durivage@grafana.com>
87 lines
3.5 KiB
TypeScript
87 lines
3.5 KiB
TypeScript
import { ReducersMapObject } from '@reduxjs/toolkit';
|
|
import { AnyAction, combineReducers } from 'redux';
|
|
|
|
import sharedReducers from 'app/core/reducers';
|
|
import ldapReducers from 'app/features/admin/state/reducers';
|
|
import alertingReducers from 'app/features/alerting/state/reducers';
|
|
import apiKeysReducers from 'app/features/api-keys/state/reducers';
|
|
import authConfigReducers from 'app/features/auth-config/state/reducers';
|
|
import { browseDashboardsAPI } from 'app/features/browse-dashboards/api/browseDashboardsAPI';
|
|
import browseDashboardsReducers from 'app/features/browse-dashboards/state/slice';
|
|
import { publicDashboardApi } from 'app/features/dashboard/api/publicDashboardApi';
|
|
import panelEditorReducers from 'app/features/dashboard/components/PanelEditor/state/reducers';
|
|
import dashboardReducers from 'app/features/dashboard/state/reducers';
|
|
import dataSourcesReducers from 'app/features/datasources/state/reducers';
|
|
import exploreReducers from 'app/features/explore/state/main';
|
|
import foldersReducers from 'app/features/folders/state/reducers';
|
|
import invitesReducers from 'app/features/invites/state/reducers';
|
|
import importDashboardReducers from 'app/features/manage-dashboards/state/reducers';
|
|
import { cloudMigrationAPI } from 'app/features/migrate-to-cloud/api';
|
|
import organizationReducers from 'app/features/org/state/reducers';
|
|
import panelsReducers from 'app/features/panel/state/reducers';
|
|
import { reducer as pluginsReducer } from 'app/features/plugins/admin/state/reducer';
|
|
import userReducers from 'app/features/profile/state/reducers';
|
|
import serviceAccountsReducer from 'app/features/serviceaccounts/state/reducers';
|
|
import supportBundlesReducer from 'app/features/support-bundles/state/reducers';
|
|
import teamsReducers from 'app/features/teams/state/reducers';
|
|
import usersReducers from 'app/features/users/state/reducers';
|
|
import templatingReducers from 'app/features/variables/state/keyedVariablesReducer';
|
|
|
|
import { alertingApi } from '../../features/alerting/unified/api/alertingApi';
|
|
import { queryLibraryApi } from '../../features/query-library/api/factory';
|
|
import { cleanUpAction } from '../actions/cleanUp';
|
|
|
|
const rootReducers = {
|
|
...sharedReducers,
|
|
...alertingReducers,
|
|
...teamsReducers,
|
|
...apiKeysReducers,
|
|
...foldersReducers,
|
|
...dashboardReducers,
|
|
...exploreReducers,
|
|
...dataSourcesReducers,
|
|
...usersReducers,
|
|
...serviceAccountsReducer,
|
|
...userReducers,
|
|
...invitesReducers,
|
|
...organizationReducers,
|
|
...browseDashboardsReducers,
|
|
...ldapReducers,
|
|
...importDashboardReducers,
|
|
...panelEditorReducers,
|
|
...panelsReducers,
|
|
...templatingReducers,
|
|
...supportBundlesReducer,
|
|
...authConfigReducers,
|
|
plugins: pluginsReducer,
|
|
[alertingApi.reducerPath]: alertingApi.reducer,
|
|
[publicDashboardApi.reducerPath]: publicDashboardApi.reducer,
|
|
[browseDashboardsAPI.reducerPath]: browseDashboardsAPI.reducer,
|
|
[cloudMigrationAPI.reducerPath]: cloudMigrationAPI.reducer,
|
|
[queryLibraryApi.reducerPath]: queryLibraryApi.reducer,
|
|
};
|
|
|
|
const addedReducers = {};
|
|
|
|
export const addReducer = (newReducers: ReducersMapObject) => {
|
|
Object.assign(addedReducers, newReducers);
|
|
};
|
|
|
|
export const createRootReducer = () => {
|
|
const appReducer = combineReducers({
|
|
...rootReducers,
|
|
...addedReducers,
|
|
});
|
|
|
|
return (state: Parameters<typeof appReducer>[0], action: AnyAction) => {
|
|
if (action.type !== cleanUpAction.type) {
|
|
return appReducer(state, action);
|
|
}
|
|
|
|
const { cleanupAction } = action.payload;
|
|
cleanupAction(state);
|
|
|
|
return appReducer(state, action);
|
|
};
|
|
};
|