jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add power search config to data table column config

Browse Source 
Summary: Doc: https://docs.google.com/document/d/1miofxds9DJgWScj0zFyBbdpRH5Rj0T9FqiCapof5-vU/edit#heading=h.pg8svtdjlx7

Reviewed By: lblasa

Differential Revision: D48866308

fbshipit-source-id: 72ed7eb1401e44722d9bb9e680d6fa5d558b8eed
This commit is contained in:
Andrey Goncharov
2023-09-14 04:48:12 -07:00
committed by Facebook GitHub Bot
parent cb5b3d9f28
commit af73cbb669
3 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
desktop/flipper-plugin/src/__tests__/api.node.tsx
View File

@@ -116,6 +116,7 @@ test('Correct top level API exposed', () => {
"ElementSearchResultSet", "ElementSearchResultSet",
"ElementsInspectorElement", "ElementsInspectorElement",
"ElementsInspectorProps", "ElementsInspectorProps",
"FieldConfig",
"FileDescriptor", "FileDescriptor",
"FileEncoding", "FileEncoding",
"FlipperLib", "FlipperLib",
@@ -129,9 +130,11 @@ test('Correct top level API exposed', () => {
"MenuEntry", "MenuEntry",
"NormalizedMenuEntry", "NormalizedMenuEntry",
"Notification", "Notification",
"OperatorConfig",
"PluginClient", "PluginClient",
"PowerSearchConfig", "PowerSearchConfig",
"RemoteServerContext", "RemoteServerContext",
"SearchExpressionTerm",
"ServerAddOn", "ServerAddOn",
"ServerAddOnPluginConnection", "ServerAddOnPluginConnection",
] ]

8
desktop/flipper-plugin/src/ui/PowerSearch/index.tsx
View File

@@ -9,7 +9,11 @@
import * as React from 'react'; import * as React from 'react';
import {Space} from 'antd'; import {Space} from 'antd';
import {PowerSearchConfig} from './PowerSearchConfig'; import {
PowerSearchConfig,
FieldConfig,
OperatorConfig,
} from './PowerSearchConfig';
import {PowerSearchContainer} from './PowerSearchContainer'; import {PowerSearchContainer} from './PowerSearchContainer';
import { import {
PowerSearchTermFinder, PowerSearchTermFinder,
@@ -25,7 +29,7 @@ import {useLatestRef} from '../../utils/useLatestRef';
import {useUpdateEffect} from 'react-use'; import {useUpdateEffect} from 'react-use';
import {theme} from '../theme'; import {theme} from '../theme';
export {PowerSearchConfig}; export {PowerSearchConfig, OperatorConfig, FieldConfig, SearchExpressionTerm};
type PowerSearchProps = { type PowerSearchProps = {
config: PowerSearchConfig; config: PowerSearchConfig;

11
desktop/flipper-plugin/src/ui/data-table/DataTableWithPowerSearch.tsx
View File

@@ -57,7 +57,7 @@ import {
} from 'flipper-plugin-core'; } from 'flipper-plugin-core';
import {HighlightProvider} from '../Highlight'; import {HighlightProvider} from '../Highlight';
import {useLatestRef} from '../../utils/useLatestRef'; import {useLatestRef} from '../../utils/useLatestRef';
import {PowerSearch} from '../PowerSearch'; import {PowerSearch, OperatorConfig} from '../PowerSearch';
import {powerSearchExampleConfig} from '../PowerSearch/PowerSearchExampleConfig'; import {powerSearchExampleConfig} from '../PowerSearch/PowerSearchExampleConfig';
type DataTableBaseProps<T = any> = { type DataTableBaseProps<T = any> = {
@@ -115,16 +115,9 @@ export type DataTableColumn<T = any> = {
wrap?: boolean; wrap?: boolean;
align?: 'left' | 'right' | 'center'; align?: 'left' | 'right' | 'center';
visible?: boolean; visible?: boolean;
filters?: {
label: string;
value: string;
enabled: boolean;
predefined?: boolean;
strict?: boolean;
exact?: boolean;
}[];
inversed?: boolean; inversed?: boolean;
sortable?: boolean; sortable?: boolean;
powerSearchConfig?: {[key: string]: OperatorConfig};
}; };
export interface TableRowRenderContext<T = any> { export interface TableRowRenderContext<T = any> {