Skip to content

Support query search in V1.0.0 alpha.6 #1

New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Open
wants to merge 15 commits into
base: master
Choose a base branch
from
Open

Support query search in V1.0.0 alpha.6 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
a9dcbe4
New changes to support key-level operators enable/disable
kevalbhatt Nov 6, 2019
c7a0eb0
Initial commit for query search
sameer79 Dec 6, 2019
434809a
Pass query options from parent.
sameer79 Dec 9, 2019
6296a99
Reset after you done your work.
sameer79 Dec 9, 2019
246cff2
small fixes.
sameer79 Dec 11, 2019
bc1ccce
Fix-for-breaking-when-edit-is-enable-and-your-press.
sameer79 Dec 19, 2019
f1b416e
Pass the conditional array fomr the custom query components.
sameer79 Dec 13, 2019
298c650
Add query edit feature.
sameer79 Dec 13, 2019
c50a11d
Dynamically-add-close-bracket-to-query.
sameer79 Dec 19, 2019
4084f28
Add jsonFormat to query output.
sameer79 Dec 19, 2019
d592453
Add the display name for options in category.
sameer79 Dec 20, 2019
21629bb
Support grouping in options and string charater for operator i:e cont…
sameer79 Dec 24, 2019
c446c62
code alignment
kevalbhatt Jan 6, 2020
94a6205
key-up,down group element issue fixed, on enter token creation issue …
kevalbhatt Jan 7, 2020
8b2301d
sort lowercase chang
kevalbhatt Jan 7, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
114 changes: 91 additions & 23 deletions example/src/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,33 +12,103 @@ export default class App extends Component {
// NOTE: The operator will seen to UI only if props isAllowOperator={true}
this.options = [
{
category: "Symbol",
category: "Type",
type: "textoptions",
operator: ["==", "!="],
options: this.getSymbolOptions
},
{
category: "Name",
type: "text",
isAllowDuplicateCategories: false,
operator: () => ["==", "!==", "containes"]
options: this.getSymbolOptions
},
{ category: "Price", type: "number" },
{ category: "MarketCap", type: "number" },
{ category: "IPO", type: "date" },
{
category: "Sector",
category: "Classification",
type: "textoptions",
operator: ["==", "!="],
isAllowDuplicateCategories: false,
fuzzySearchKeyAttribute: "sectorName",
isAllowCustomValue: false,
isAllowDuplicateOptions: false,
options: this.getSectorOptions
},
{
category: "Industry",
category: "Terms",
type: "textoptions",
isAllowCustomValue: false,
operator: null,
isAllowDuplicateCategories: true,
options: this.getIndustryOptions
},
{
category: "Label",
type: "text",
isAllowDuplicateCategories: false,
operator: null
},
{
category: "Query",
isAllowDuplicateCategories: false,
type: "query",
isAllowCustomValue: true,
options: null,
operator: null,
fuzzySearchKeyAttribute: "displayName",
queryOptions: [
{
category: {
name: "QualifiedName",
displayName: "QualifiedName (string)",
group: "In house"
},
fuzzySearchKeyAttribute: "displayName",
type: "text",
operator: ["==", "!=", "contains", "begins with", "ends with", "is null", "is not null"],
options: null
},
{
category: {
name: "Description",
displayName: "Description (string)",
group: "In house"
},
fuzzySearchKeyAttribute: "displayName",
type: "text",
operator: ["==", "!=", "contains", "begins with", "ends with", "is null", "is not null"],
options: null
},
{
category: {
name: "Name",
displayName: "Name (string)",
group: "out source"
},
fuzzySearchKeyAttribute: "displayName",
type: "text",
operator: ["==", "!=", "contains", "begins with", "ends with", "is null", "is not null"],
options: null
},
{
category: {
name: "Owner",
displayName: "Owner (string)",
group: "out source"
},
fuzzySearchKeyAttribute: "displayName",
type: "textoptions",
operator: ["==", "!=", "contains", "begins with", "ends with", "is null", "is not null"],
options: [
{
name: "user1",
displayName: "User 1",
group: "In house"
},
{
name: "user2",
displayName: "User 2",
group: "out source"
},
{
name: "user3",
displayName: "User 3",
group: "In house"
}
]
}
]
}
];
}
Expand Down Expand Up @@ -74,25 +144,23 @@ export default class App extends Component {
* @return {[array]}
*/
getIndustryOptions() {
return [{ name: "Business Services", id: 1 }, { name: "Other Specialty Stores", id: 2 }];
return [{ name: "Business Services", id: 1 }, { name: "Other Specialty Stores", id: 2 }, { name: "demo test", id: 3 }];
}

getTokenItem(obj) {
let val = obj.children;
return `${val["category"]}: val`;
return <div>{`testing`}</div>;
}

render() {
return (
<div className="container">
<ReactStructuredQuerySearch
defaultSelected={[
{ category: "Sector", value: { sectorName: "Finance", id: 1 } },
{ category: "Sector", value: { sectorName: "Consumer Services", id: 2 } },
{ category: "Industry", value: { name: "Other Specialty Stores", id: 2 } }
]}
isAllowOperator={true}
defaultSelected={[]}
options={this.options}
//renderTokenItem={this.getTokenItem}
placeholder="Add filters..."
// renderTokenItem={this.getTokenItem}
updateOptions={({ updatedValues, addedValue }) => {
if (addedValue && addedValue.category === "Symbol" && addedValue.value === "TFSC") {
this.options.push({
Expand Down
Loading