converted file to ts

public/app/plugins/datasource/graphite/add_graphite_func.js → public/app/plugins/datasource/graphite/add_graphite_func.ts

-define(['angular', 'lodash', 'jquery', 'rst2html', 'tether-drop'], function(angular, _, $, rst2html, Drop) {
-  'use strict';
+import angular from 'angular';
+import _ from 'lodash';
+import $ from 'jquery';
+import rst2html from 'rst2html';
+import Drop from 'tether-drop';
 
 
-  angular.module('grafana.directives').directive('graphiteAddFunc', function($compile) {
+export function graphiteAddFunc($compile) {
   var inputTemplate =
   var inputTemplate =
     '<input type="text"' + ' class="gf-form-input"' + ' spellcheck="false" style="display:none"></input>';
     '<input type="text"' + ' class="gf-form-input"' + ' spellcheck="false" style="display:none"></input>';
 
 
@@ -40,7 +43,7 @@ define(['angular', 'lodash', 'jquery', 'rst2html', 'tether-drop'], function(angu
               });
               });
 
 
               if (!funcDef) {
               if (!funcDef) {
-                  return;
+                return '';
               }
               }
             }
             }
 
 
@@ -124,9 +127,11 @@ define(['angular', 'lodash', 'jquery', 'rst2html', 'tether-drop'], function(angu
       $scope.$on('$destroy', cleanUpDrop);
       $scope.$on('$destroy', cleanUpDrop);
     },
     },
   };
   };
-  });
+}
 
 
-  function createFunctionDropDownMenu(funcDefs) {
+angular.module('grafana.directives').directive('graphiteAddFunc', graphiteAddFunc);
+
+function createFunctionDropDownMenu(funcDefs) {
   var categories = {};
   var categories = {};
 
 
   _.forEach(funcDefs, function(funcDef) {
   _.forEach(funcDefs, function(funcDef) {
@@ -151,5 +156,4 @@ define(['angular', 'lodash', 'jquery', 'rst2html', 'tether-drop'], function(angu
     }),
     }),
     'text'
     'text'
   );
   );
-  }
-});
+}