Select option after an external adding it MUI Autocomplete - material-ui

I'm working with MUI autocomplete component. My aim is to add a new option and make it selected automatically.
In
https://codesandbox.io/s/material-demo-forked-1y651u I added the ability to update the options list, but have no clue how to make the newly added option selected in the Autocomplete's object.

Related

Adding a static "new" option to MUI5 Autocomplete

MUI5 Autocomplete does not seem to have a footer option in which you can place a custom "new item" option. The required flow is:
Autocomplete's options drawer is opened
Scroll to the bottom of the options drawer
New custom model is clicked (last option)
Result: A modal is opened to customize the new custom item
What is the best course of action to support such a behaviour?
Adding it manually can collide with the sort/search capabilities of the AutoComplete component.

Custom Work Item Types don't show in any Board or Backlog?

We've created a new work item type called "Improvement", but found that it does not show in any board or backlog - only search. After some digging in settings, I found this:
Can you really not add new work item types and get them into your workflow along side the default types?
In this page, hover with the mouse on the work item level you want to include your custom item and click "Edit":
In the screen that opens you can add the custom work item.

Tracking form properties besides fields

I have a multi-page form, using a vertical tabs UI, in redux-form, and I'd like to track the current tab selection in the redux-form store.
What's the best way of doing this?
I would track the current tab selection outside of redux-form, but I've integrated redux-form with redux-undo, and I'd really like for undoing a form change to go back to the tab of the modified control.
I tried using a selected redux-form field, but this means that changing the selected tab marks the form as dirty.
From reading the docs, I could probably use reducer.plugin to add arbitrary properties to the redux-form store, but I don't see any documentation of which arbitrary property names are "safe," and I'd have to update the plugin for every form that should behave this way.
Any ideas?

Auto complete a dropdown menu in a cq5 dialog based on input from a previous dialog field

My custom CQ5 component has a dialog which consists of 2 drop down menus. I would like to automatically set a default value to second menu depending on whatever is the value selected from the previous drop down.
How can I achieve this?
you can register handlers for different events triggered by the widgets. You can use the "selectionchanged" event to register a function that will read the new content from the dropdown and then use the setValue() method in the second dropdown to put whatever you want there.
To obtain the second dropdown from the first you can use the nextSibling() method.
The widget documentation will help you a lot. look for "selection"

Fusion charts with custom context menu

I am using Fusion charts and want to add a few custom menu on the right click(apart from the one displayed).
In the fusion charts blog, they say we cannot add our own custom menu but we can change only About menu.
Is there any work around so that i can add at least one menu of my own, clicking on which will call a javascript function
I am using flash to render fusion chart.
You cannot add a new menu item - but you can replace the text and click action of existing one, as explained at http://docs.fusioncharts.com/charts/contents/AttDesc/CustomAboutMenu.html