Skip to content

Commit

Permalink
Fix lints
Browse files Browse the repository at this point in the history
  • Loading branch information
@yacchin1205
yacchin1205 committed Dec 27, 2023
1 parent adfc971 commit 7a3ff01
Show file tree
Hide file tree
Showing 13 changed files with 545 additions and 513 deletions.
278 changes: 147 additions & 131 deletions src/components/fields-query.tsx
View file
@@ -1,71 +1,73 @@
import React, { ChangeEvent, useCallback, useState } from 'react';

import { Box, Button, TextField, Select, MenuItem, SelectChangeEvent } from '@mui/material';
import {
Box,
Button,
TextField,
Select,
MenuItem,
SelectChangeEvent
} from '@mui/material';
import AddIcon from '@mui/icons-material/Add';
import DeleteIcon from '@mui/icons-material/Delete';

import { IndexedColumnId } from './result';


export enum Composition {
And = 'AND',
Or = 'OR',
};

Or = 'OR'
}

type CompositionMode = {
type: Composition,
label: string,
type: Composition;
label: string;
};


type Field = {
id: IndexedColumnId,
label: string,
id: IndexedColumnId;
label: string;
};


const COMPOSITIONS: CompositionMode[] = [
{
type: Composition.And,
label: 'All conditions',
label: 'All conditions'
},
{
type: Composition.Or,
label: 'Any of the conditions',
},
label: 'Any of the conditions'
}
];


const FIELDS: Field[] = [
{
id: IndexedColumnId.FullText,
label: 'Full text search',
label: 'Full text search'
},
{
id: IndexedColumnId.Owner,
label: 'Owner name',
label: 'Owner name'
},
{
id: IndexedColumnId.Path,
label: 'File name',
label: 'File name'
},
{
id: IndexedColumnId.Server,
label: 'Server URL',
label: 'Server URL'
},
{
id: IndexedColumnId.Cells,
label: 'Text in cell',
label: 'Text in cell'
},
{
id: IndexedColumnId.Outputs,
label: 'Output of cell',
label: 'Output of cell'
},
{
id: IndexedColumnId.CellMemes,
label: 'MEME of cell',
},
label: 'MEME of cell'
}
/*
['lc_notebook_meme__current', 'MEME of notebook'],
['signature_notebook_path', 'File path'],
Expand All @@ -83,145 +85,159 @@ const FIELDS: Field[] = [
*/
];


type FieldQuery = {
target: IndexedColumnId,
target: IndexedColumnId;
query: string;
};


export type CompositeQuery = {
composition: Composition,
fields: FieldQuery[],
composition: Composition;
fields: FieldQuery[];
};


export type FieldsQueryProps = {
onChange?: (query: CompositeQuery) => void;
};


export function FieldsQuery(props: FieldsQueryProps): JSX.Element {
const { onChange } = props;
const [composition, setComposition] = useState<Composition>(Composition.And);
const [fieldQueries, setFieldQueries] = useState<FieldQuery[]>([
{
target: IndexedColumnId.FullText,
query: '*',
query: '*'
}
]);
const updateFieldQueriesTarget = useCallback((index: number, target: IndexedColumnId) => {
const newQueries: FieldQuery[] = fieldQueries.map((q) => Object.assign({}, q));
newQueries[index].target = target;
setFieldQueries(newQueries);
if (!onChange) {
return;
}
onChange({
composition,
fields: newQueries,
});
}, [fieldQueries, composition]);
const updateFieldQueriesQuery = useCallback((index: number, value: string) => {
const newQueries: FieldQuery[] = fieldQueries.map((q) => Object.assign({}, q));
newQueries[index].query = value;
setFieldQueries(newQueries);
if (!onChange) {
return;
}
onChange({
composition,
fields: newQueries,
});
}, [fieldQueries, composition]);
const deleteFieldQueries = useCallback((index: number) => {
const newQueries: FieldQuery[] = fieldQueries.map((q) => Object.assign({}, q));
const removedQueries = newQueries.splice(index, 1);
setFieldQueries(removedQueries);
if (!onChange) {
return;
}
onChange({
composition,
fields: removedQueries,
});
}, [fieldQueries, composition]);
const updateFieldQueriesTarget = useCallback(
(index: number, target: IndexedColumnId) => {
const newQueries: FieldQuery[] = fieldQueries.map(q =>
Object.assign({}, q)
);
newQueries[index].target = target;
setFieldQueries(newQueries);
if (!onChange) {
return;
}
onChange({
composition,
fields: newQueries
});
},
[fieldQueries, composition]
);
const updateFieldQueriesQuery = useCallback(
(index: number, value: string) => {
const newQueries: FieldQuery[] = fieldQueries.map(q =>
Object.assign({}, q)
);
newQueries[index].query = value;
setFieldQueries(newQueries);
if (!onChange) {
return;
}
onChange({
composition,
fields: newQueries
});
},
[fieldQueries, composition]
);
const deleteFieldQueries = useCallback(
(index: number) => {
const newQueries: FieldQuery[] = fieldQueries.map(q =>
Object.assign({}, q)
);
const removedQueries = newQueries.splice(index, 1);
setFieldQueries(removedQueries);
if (!onChange) {
return;
}
onChange({
composition,
fields: removedQueries
});
},
[fieldQueries, composition]
);
const addFieldQueries = useCallback(() => {
const newQueries: FieldQuery[] = fieldQueries.map((q) => Object.assign({}, q));
const newQueries: FieldQuery[] = fieldQueries.map(q =>
Object.assign({}, q)
);
newQueries.push({
target: IndexedColumnId.FullText,
query: '*',
query: '*'
});
setFieldQueries(newQueries);
if (!onChange) {
return;
}
onChange({
composition,
fields: newQueries,
fields: newQueries
});
}, [fieldQueries, composition]);
const compositionChanged = useCallback((event: SelectChangeEvent) => {
const changed = event.target.value as Composition;
setComposition(changed);
if (!onChange) {
return;
}
onChange({
composition: changed,
fields: fieldQueries,
});
}, [fieldQueries]);

return <Box>
const compositionChanged = useCallback(
(event: SelectChangeEvent) => {
const changed = event.target.value as Composition;
setComposition(changed);
if (!onChange) {
return;
}
onChange({
composition: changed,
fields: fieldQueries
});
},
[fieldQueries]
);

return (
<Box>
<Select
value={composition}
onChange={compositionChanged}
>
{COMPOSITIONS.map((composition) => (<MenuItem
value={composition.type}
>
{composition.label}
</MenuItem>))}
</Select> are satisfied
</Box>
<Box sx={{ p: '0.5em' }}>
{fieldQueries.map((query, index) => {
return <Box key={index} sx={{ p: '0.5em' }}>
<Select
value={query.target}
onChange={(event: SelectChangeEvent) => updateFieldQueriesTarget(index, event.target.value as IndexedColumnId)}
sx={{ marginRight: '0.5em' }}
>
{FIELDS.map((field) => (<MenuItem
value={field.id}
<Box>
<Select value={composition} onChange={compositionChanged}>
{COMPOSITIONS.map(composition => (
<MenuItem value={composition.type}>{composition.label}</MenuItem>
))}
</Select>{' '}
are satisfied
</Box>
<Box sx={{ p: '0.5em' }}>
{fieldQueries.map((query, index) => {
return (
<Box key={index} sx={{ p: '0.5em' }}>
<Select
value={query.target}
onChange={(event: SelectChangeEvent) =>
updateFieldQueriesTarget(
index,
event.target.value as IndexedColumnId
)
}
sx={{ marginRight: '0.5em' }}
>
{field.label}
</MenuItem>))}
</Select>
<TextField
label='Query'
helperText='Solr Query: e.g. *'
defaultValue={query.query}
onChange={
(event: ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) =>
updateFieldQueriesQuery(index, event.target.value)
}
/>
<Button
onClick={() => deleteFieldQueries(index)}
>
<DeleteIcon />
</Button>
</Box>
})}
<Button
onClick={() => addFieldQueries()}
>
<AddIcon />
Add Condition
</Button>
{FIELDS.map(field => (
<MenuItem value={field.id}>{field.label}</MenuItem>
))}
</Select>
<TextField
label="Query"
helperText="Solr Query: e.g. *"
defaultValue={query.query}
onChange={(
event: ChangeEvent<HTMLTextAreaElement | HTMLInputElement>
) => updateFieldQueriesQuery(index, event.target.value)}
/>
<Button onClick={() => deleteFieldQueries(index)}>
<DeleteIcon />
</Button>
</Box>
);
})}
<Button onClick={() => addFieldQueries()}>
<AddIcon />
Add Condition
</Button>
</Box>
</Box>
</Box>;
}
);
}

0 comments on commit 7a3ff01

Please sign in to comment.