How to add dynamic drop down for mdms data

Common container name : DynamicMdmsContainer

Need to form a JSON like below format for Dynamic drop down :-

Example JSON for Trade License

{
            uiFramework: "custom-containers",
            componentPath: "DynamicMdmsContainer",
            props: {
              dropdownFields: [
                {
                  key : 'tradeCategory'
                },
                {
                  key : 'tradeType'
                },
                {
                  key : 'tradeSubType', 
                  callBack: tradeSubTypeChange
                }
              ],
              moduleName: "TradeLicense",
              masterName: "TradeType",
              rootBlockSub : 'tradeUnits',
              type : 'TL',
              callBackEdit: updateMdmsDropDowns
            }
          }

The “dropdownFields” Values are the main picture to manage number of dynamic drop down’s .

In Common container Level Functionality :

• First it will trigger API call to get MDMS data Based on Module name and master name after that it will make filter the data based on type ( “TL“ ) .

• Once we get response after that this function “getTransformData“ will handle to transform to required format .

• First drop down array of value’s will be auto fill once we get response from MDMS Api and transformed.

• Then other drop down array of value’s will be transform based on previous drop down selection .