[Graph Ontologoy] Add node_key dropdown

[tomsmith8]

Task

Add Node Key dropdown to graph ontology section above Indexes component.

1. Component Design

• Add a new dropdown UI element styled like the Indexes dropdown.
• The dropdown supports multi-select and defaults to name.
• Filter the properties to include only required properties (those without a ?).
• Render this dropdown before the existing Indexes dropdown.

2. Dropdown Behavior

• Default Selection: Preselect name as the default option.
• Multi-select Format: Allow users to select multiple options. Combine selected keys using - as a separator (e.g., name-age).
• Validation: Ensure optional properties (those with ?) are not displayed.

3. API Integration

• For the POST or PUT requests to the /schema endpoint:

When one key is selected:

{
  "node_key": "name"
}

When multiple keys are selected:

{
  "node_key": "name-age"
}

4. Workflow for Rendering Required Properties

• Parse the schema to extract properties.
• Identify required properties by checking for the absence of ?.
• Populate the dropdown options dynamically with these required properties.

5. Styling and Placement

• Ensure consistent styling with the Indexes dropdown component (e.g., font, size, and border).
• Position the new dropdown directly above or before the Indexes dropdown in the UI layout.

6. Testing

• Verify:
• Dropdown renders only required properties.
• Default selection is name.
• Multiple selections are correctly formatted with -.
• Confirm correct payload format for API requests.

[jordan-ae]

I can help

[b4s36t4]

Can I get assigned!?

[MuhammadUmer44]

Hi @tomsmith8, I am available and will make a PR today.

[MahtabBukhari]

@tomsmith8 Could you please assign me?

[tomsmith8]

@b4s36t4 hey! are you on Sphinx and the Sphinx Bounty site?

[MuhammadUmer44]

@tomsmith8 Please assign me?

[b4s36t4]

Hi @tomsmith8 no I'm not. I tried to join but invite code shown in the website is not working. Can you guide me on how to join sphinx?

[tomsmith8]

Please email me at [email protected]

[b4s36t4]

Sent!