Update event still holding the table data even when everything is removed.

Hi,

I've only just started with the custom visuals so I might have missed something but I've tried to my best research.

PBI Visuals API Version: 4.7.0

I'm trying to create simple custom visual that will be rendering the JSON data of a single selection. I cannot use the single dataViewMapping, hence using the table. For testing I have a simplest table with one column and one row that contains the JSON data.

capabilities.json:

    "privileges": [],
    "dataRoles": [
        {
            "displayName": "JSON Data",
            "name": "jsonData",
            "kind": "GroupingOrMeasure"
        }
    ],
    "dataViewMappings": [
        {
            "conditions": [{"jsonData":  { "min":  1, "max": 1}}],
            "table": { "rows": {
                "for": {
                    "in": "jsonData"
                }
            }}
        }
    ]

visual.ts:

   public update(options: VisualUpdateOptions) {
        this.settings = Visual.parseSettings(options && options.dataViews && options.dataViews[0]);
        console.log('Update: ', options);
        const dataView: DataView = options.dataViews[0];
        const dataViewDatable: DataViewTable = dataView.table;
        const dataViewRow: DataViewTableRow = dataViewDatable.rows[0];

        console.log('Visual update', this.jsonViewerInstance);
        if (this.jsonViewerInstance && this.jsonViewerInstance.json != JSON.parse(<string>dataViewRow[0])) {
           this.renderJSON(dataViewRow[0]);
        }


        // You could've done this also using the 
        // this.visualSettings = VisualSettings.parse<VisualSettings>(dataView);

        if (options.dataViews[0].metadata && options.dataViews[0].metadata.objects.jsonFormatterProperties.fontSize) {
            this.parentElement.style.fontSize = options.dataViews[0].metadata.objects.jsonFormatterProperties.fontSize + 'px';
        }
        if (options.dataViews[0].metadata && options.dataViews[0].metadata.objects.jsonFormatterProperties.fontFamily) {
            this.parentElement.style.fontFamily = <string>options.dataViews[0].metadata.objects.jsonFormatterProperties.fontFamily;
        }
    }

However, when I remove that single column from the visual's JSON Data property, the update is fired but the dataViews still contain the table data so I don't know when to clear the visual ?!

There is this odd type=36 event but I don't know what that refers to.
According the typings: https://github.com/microsoft/powerbi-visuals-api/blob/main/index.d.ts the type=36 is not even included?

Thank you for any pointers.

Start with the update method in visual.ts and the table mapping in capabilities.json. Reproduce the update after removing the JSON Data column, inspect the resulting dataViews and the reported type=36 event, and compare them with the API typings in index.d.ts. Done when the cleared state can be identified reliably or the API behavior is documented.