[8.19] [Dashboards as code] remove client transform of panels array to map (#224314)

examples/portable_dashboards_example/public/static_by_value_example.tsx

@@ -10,10 +10,10 @@
 import React from 'react';
 
 import { EuiPanel, EuiSpacer, EuiText, EuiTitle } from '@elastic/eui';
-import type { DashboardPanelMap } from '@kbn/dashboard-plugin/common';
+import type { DashboardState } from '@kbn/dashboard-plugin/common';
 import { DashboardRenderer } from '@kbn/dashboard-plugin/public';
 
-import panelsJson from './static_by_value_example_panels.json';
+import panels from './static_by_value_example_panels.json';
 
 export const StaticByValueExample = () => {
   return (
@@ -32,7 +32,7 @@ export const StaticByValueExample = () => {
               getInitialInput: () => ({
                 timeRange: { from: 'now-30d', to: 'now' },
                 viewMode: 'view',
-                panels: panelsJson as DashboardPanelMap,
+                panels: panels as DashboardState['panels'],
               }),
             };
           }}

examples/portable_dashboards_example/public/static_by_value_example_panels.json

@@ -1,5 +1,5 @@
-{
-  "a514e5f6-1d0d-4fe9-85a9-f7ba40665033": {
+[
+  {
     "type": "visualization",
     "gridData": {
       "x": 0,
@@ -8,8 +8,8 @@
       "h": 10,
       "i": "a514e5f6-1d0d-4fe9-85a9-f7ba40665033"
     },
-    "explicitInput": {
-      "id": "a514e5f6-1d0d-4fe9-85a9-f7ba40665033",
+    "panelIndex": "a514e5f6-1d0d-4fe9-85a9-f7ba40665033",
+    "panelConfig": {
       "savedVis": {
         "id": "",
         "title": "",
@@ -35,7 +35,7 @@
       "enhancements": {}
     }
   },
-  "b06b849e-f4fd-423c-a582-5c4bfec812c9": {
+  {
     "type": "lens",
     "gridData": {
       "x": 30,
@@ -44,8 +44,8 @@
       "h": 21,
       "i": "b06b849e-f4fd-423c-a582-5c4bfec812c9"
     },
-    "explicitInput": {
-      "id": "b06b849e-f4fd-423c-a582-5c4bfec812c9",
+    "panelIndex": "b06b849e-f4fd-423c-a582-5c4bfec812c9",
+    "panelConfig": {
       "title": "Destinations",
       "attributes": {
         "title": "",
@@ -142,7 +142,7 @@
       "enhancements": {}
     }
   },
-  "a4121cab-b6f2-4de3-af71-ec9b5a6f0a2a": {
+  {
     "type": "lens",
     "gridData": {
       "x": 0,
@@ -151,8 +151,8 @@
       "h": 11,
       "i": "a4121cab-b6f2-4de3-af71-ec9b5a6f0a2a"
     },
+    "panelIndex": "a4121cab-b6f2-4de3-af71-ec9b5a6f0a2a",
     "explicitInput": {
-      "id": "a4121cab-b6f2-4de3-af71-ec9b5a6f0a2a",
       "enhancements": {},
       "attributes": {
         "visualizationType": "lnsXY",
@@ -332,4 +332,4 @@
       "title": "[Logs] Bytes distribution"
     }
   }
-}
+]

src/platform/plugins/shared/dashboard/common/content_management/v2/types.ts

@@ -19,7 +19,6 @@ import {
   GridData as GridDataV1,
   SavedDashboardPanel as SavedDashboardPanelV1,
 } from '../v1/types';
-import { DashboardSectionState } from '../..';
 
 export type GridData = GridDataV1 & {
   sectionId?: string;
@@ -33,6 +32,13 @@ export type ControlGroupAttributes = ControlGroupAttributesV1 & {
   showApplySelections?: boolean;
 };
 
+interface DashboardSectionState {
+  title: string;
+  collapsed?: boolean; // if undefined, then collapsed is false
+  readonly gridData: Pick<GridData, 'i' | 'y'>;
+  id: string;
+}
+
 export type DashboardAttributes = Omit<DashboardAttributesV1, 'controlGroupInput'> & {
   controlGroupInput?: ControlGroupAttributes;
   sections?: DashboardSectionState[];