From 79d9b64f82f2e86f23f5e84d4de0d66a716301c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Tue, 12 Dec 2017 11:00:16 +0100
Subject: [PATCH] fix: fixed issue with optimized build grid directive missing
 ngInject comment, fixes #10161

---
 public/app/features/dashboard/all.ts                          | 2 +-
 public/app/features/dashboard/dashgrid/DashboardGrid.tsx      | 4 ----
 .../app/features/dashboard/dashgrid/DashboardGridDirective.ts | 4 ++++
 3 files changed, 5 insertions(+), 5 deletions(-)
 create mode 100644 public/app/features/dashboard/dashgrid/DashboardGridDirective.ts

diff --git a/public/app/features/dashboard/all.ts b/public/app/features/dashboard/all.ts
index f21338f5d6a..50c83803471 100644
--- a/public/app/features/dashboard/all.ts
+++ b/public/app/features/dashboard/all.ts
@@ -19,7 +19,7 @@ import './export/export_modal';
 import './export_data/export_data_modal';
 import './ad_hoc_filters';
 import './repeat_option/repeat_option';
-import './dashgrid/DashboardGrid';
+import './dashgrid/DashboardGridDirective';
 import './dashgrid/PanelLoader';
 import './dashgrid/RowOptions';
 import './acl/acl';
diff --git a/public/app/features/dashboard/dashgrid/DashboardGrid.tsx b/public/app/features/dashboard/dashgrid/DashboardGrid.tsx
index 7b0f040e199..c640e06cc9b 100644
--- a/public/app/features/dashboard/dashgrid/DashboardGrid.tsx
+++ b/public/app/features/dashboard/dashgrid/DashboardGrid.tsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import coreModule from 'app/core/core_module';
 import ReactGridLayout from 'react-grid-layout';
 import {GRID_CELL_HEIGHT, GRID_CELL_VMARGIN, GRID_COLUMN_COUNT} from 'app/core/constants';
 import {DashboardPanel} from './DashboardPanel';
@@ -174,6 +173,3 @@ export class DashboardGrid extends React.Component<DashboardGridProps, any> {
   }
 }
 
-coreModule.directive('dashboardGrid', function(reactDirective) {
-  return reactDirective(DashboardGrid, [['getPanelContainer', {watchDepth: 'reference', wrapApply: false}]]);
-});
diff --git a/public/app/features/dashboard/dashgrid/DashboardGridDirective.ts b/public/app/features/dashboard/dashgrid/DashboardGridDirective.ts
new file mode 100644
index 00000000000..84a0e0653e8
--- /dev/null
+++ b/public/app/features/dashboard/dashgrid/DashboardGridDirective.ts
@@ -0,0 +1,4 @@
+import { react2AngularDirective } from 'app/core/utils/react2angular';
+import { DashboardGrid } from './DashboardGrid';
+
+react2AngularDirective('dashboardGrid', DashboardGrid, [['getPanelContainer', {watchDepth: 'reference', wrapApply: false}]]);