Chore: Fix all Typescript strict null errors (#26204)

* Chore: Fix typescript strict null errors

* Added new limit

* Fixed ts issue

* fixed tests

* trying to fix type inference

* Fixing more ts errors

* Revert tsconfig option

* Fix

* Fixed code

* More fixes

* fix tests

* Updated snapshot

* Chore: More ts strict null fixes

* More fixes in some really messed up azure config components

* More fixes, current count: 441

* 419

* More fixes

* Fixed invalid initial state in explore

* Fixing tests

* Fixed tests

* Explore fix

* More fixes

* Progress

* Sub 300

* Now at 218

* Progress

* Update

* Progress

* Updated tests

* at 159

* fixed tests

* Progress

* YAy blow 100! at 94

* 10,9,8,7,6,5,4,3,2,1... lift off

* Fixed tests

* Fixed more type errors

Co-authored-by: Ryan McKinley <ryantxu@gmail.com>

packages/grafana-data/src/panel/PanelPlugin.ts

@@ -158,11 +158,14 @@ export class PanelPlugin<TOptions = any, TFieldConfigOptions extends object = an
     return this._fieldConfigRegistry;
   }
 
-  get optionEditors() {
-    if (!this._optionEditors && this.registerOptionEditors) {
+  get optionEditors(): PanelOptionEditorsRegistry {
+    if (!this._optionEditors) {
       const builder = new PanelOptionsEditorBuilder<TOptions>();
-      this.registerOptionEditors(builder);
       this._optionEditors = builder.getRegistry();
+
+      if (this.registerOptionEditors) {
+        this.registerOptionEditors(builder);
+      }
     }
 
     return this._optionEditors;

packages/grafana-data/src/types/panel.ts

@@ -81,7 +81,7 @@ export interface PanelEditorProps<T = any> {
     callback?: () => void
   ) => void;
   /** Result set of panel queries */
-  data: PanelData;
+  data?: PanelData;
 }
 
 export interface PanelModel<TOptions = any> {

packages/grafana-ui/src/components/Tabs/Tab.tsx

@@ -16,7 +16,7 @@ export interface TabProps extends HTMLProps<HTMLLIElement> {
   icon?: IconName;
   onChangeTab: (event?: React.MouseEvent<HTMLLIElement>) => void;
   /** A number rendered next to the text. Usually used to display the number of items in a tab's view. */
-  counter?: number;
+  counter?: number | null;
 }
 
 export const Tab = React.forwardRef<HTMLLIElement, TabProps>(