@perses-dev/dashboards 0.22.0 → 0.23.0

package/dist/context/useDashboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/useDashboard.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createPanelRef, DashboardResource, GridDefinition } from '@perses-dev/core';\nimport { PanelGroupDefinition, PanelGroupId, useDashboardStore } from './DashboardProvider';\nimport { useTemplateVariableActions, useTemplateVariableDefinitions } from './TemplateVariableProvider';\n\nexport function useDashboard() {\n  const {\n    panels,\n    panelGroups,\n    panelGroupOrder,\n    defaultTimeRange,\n    metadata,\n    setDashboard: setDashboardResource,\n  } = useDashboardStore(({ panels, panelGroups, panelGroupOrder, defaultTimeRange, setDashboard, metadata }) => ({\n    panels,\n    panelGroups,\n    panelGroupOrder,\n    defaultTimeRange,\n    setDashboard,\n    metadata,\n  }));\n  const { setVariableDefinitions } = useTemplateVariableActions();\n  const variables = useTemplateVariableDefinitions();\n  const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);\n\n  const dashboard: DashboardResource = {\n    kind: 'Dashboard',\n    metadata,\n    spec: {\n      panels,\n      layouts,\n      variables,\n      duration: defaultTimeRange.pastDuration,\n    },\n  };\n\n  const setDashboard = (dashboardResource: DashboardResource) => {\n    setVariableDefinitions(dashboardResource.spec.variables);\n    setDashboardResource(dashboardResource);\n  };\n\n  return {\n    dashboard,\n    setDashboard,\n  };\n}\n\nfunction convertPanelGroupsToLayouts(\n  panelGroups: Record<number, PanelGroupDefinition>,\n  panelGroupOrder: PanelGroupId[]\n): GridDefinition[] {\n  const layouts: GridDefinition[] = [];\n  panelGroupOrder.map((groupOrderId) => {\n    const group = panelGroups[groupOrderId];\n    if (group === undefined) {\n      throw new Error('panel group not found');\n    }\n    const { title, isCollapsed, itemLayouts, itemPanelKeys } = group;\n    let display = undefined;\n    if (title) {\n      display = {\n        title,\n        collapse: {\n          open: !isCollapsed,\n        },\n      };\n    }\n    const layout: GridDefinition = {\n      kind: 'Grid',\n      spec: {\n        display,\n        items: itemLayouts.map((layout) => {\n          const panelKey = itemPanelKeys[layout.i];\n          if (panelKey === undefined) {\n            throw new Error(`Missing panel key of layout ${layout.i}`);\n          }\n          return {\n            x: layout.x,\n            y: layout.y,\n            width: layout.w,\n            height: layout.h,\n            content: createPanelRef(panelKey),\n          };\n        }),\n      },\n    };\n    layouts.push(layout);\n  });\n\n  return layouts;\n}\n"],"names":["createPanelRef","useDashboardStore","useTemplateVariableActions","useTemplateVariableDefinitions","useDashboard","panels","panelGroups","panelGroupOrder","defaultTimeRange","metadata","setDashboard","setDashboardResource","setVariableDefinitions","variables","layouts","convertPanelGroupsToLayouts","dashboard","kind","spec","duration","pastDuration","dashboardResource","map","groupOrderId","group","undefined","Error","title","isCollapsed","itemLayouts","itemPanelKeys","display","collapse","open","layout","items","panelKey","i","x","y","width","w","height","h","content","push"],"mappings":"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"}
+{"version":3,"sources":["../../src/context/useDashboard.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createPanelRef, DashboardResource, GridDefinition } from '@perses-dev/core';\nimport { PanelGroupDefinition, PanelGroupId, useDashboardStore } from './DashboardProvider';\nimport { useTemplateVariableActions, useTemplateVariableDefinitions } from './TemplateVariableProvider';\n\nexport function useDashboard() {\n  const {\n    panels,\n    panelGroups,\n    panelGroupOrder,\n    defaultTimeRange,\n    setDashboard: setDashboardResource,\n    metadata,\n    display,\n  } = useDashboardStore(\n    ({ panels, panelGroups, panelGroupOrder, defaultTimeRange, setDashboard, metadata, display }) => ({\n      panels,\n      panelGroups,\n      panelGroupOrder,\n      defaultTimeRange,\n      setDashboard,\n      metadata,\n      display,\n    })\n  );\n  const { setVariableDefinitions } = useTemplateVariableActions();\n  const variables = useTemplateVariableDefinitions();\n  const layouts = convertPanelGroupsToLayouts(panelGroups, panelGroupOrder);\n\n  const dashboard: DashboardResource = {\n    kind: 'Dashboard',\n    metadata,\n    spec: {\n      display,\n      panels,\n      layouts,\n      variables,\n      duration: defaultTimeRange.pastDuration,\n    },\n  };\n\n  const setDashboard = (dashboardResource: DashboardResource) => {\n    setVariableDefinitions(dashboardResource.spec.variables);\n    setDashboardResource(dashboardResource);\n  };\n\n  return {\n    dashboard,\n    setDashboard,\n  };\n}\n\nfunction convertPanelGroupsToLayouts(\n  panelGroups: Record<number, PanelGroupDefinition>,\n  panelGroupOrder: PanelGroupId[]\n): GridDefinition[] {\n  const layouts: GridDefinition[] = [];\n  panelGroupOrder.map((groupOrderId) => {\n    const group = panelGroups[groupOrderId];\n    if (group === undefined) {\n      throw new Error('panel group not found');\n    }\n    const { title, isCollapsed, itemLayouts, itemPanelKeys } = group;\n    let display = undefined;\n    if (title) {\n      display = {\n        title,\n        collapse: {\n          open: !isCollapsed,\n        },\n      };\n    }\n    const layout: GridDefinition = {\n      kind: 'Grid',\n      spec: {\n        display,\n        items: itemLayouts.map((layout) => {\n          const panelKey = itemPanelKeys[layout.i];\n          if (panelKey === undefined) {\n            throw new Error(`Missing panel key of layout ${layout.i}`);\n          }\n          return {\n            x: layout.x,\n            y: layout.y,\n            width: layout.w,\n            height: layout.h,\n            content: createPanelRef(panelKey),\n          };\n        }),\n      },\n    };\n    layouts.push(layout);\n  });\n\n  return layouts;\n}\n"],"names":["createPanelRef","useDashboardStore","useTemplateVariableActions","useTemplateVariableDefinitions","useDashboard","panels","panelGroups","panelGroupOrder","defaultTimeRange","setDashboard","setDashboardResource","metadata","display","setVariableDefinitions","variables","layouts","convertPanelGroupsToLayouts","dashboard","kind","spec","duration","pastDuration","dashboardResource","map","groupOrderId","group","undefined","Error","title","isCollapsed","itemLayouts","itemPanelKeys","collapse","open","layout","items","panelKey","i","x","y","width","w","height","h","content","push"],"mappings":"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"}

package/dist/utils/index.d.ts

@@ -1,2 +1,2 @@
-export * from './functions';
+export * from './panelUtils';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAaA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAaA,cAAc,cAAc,CAAC"}

package/dist/utils/index.js

@@ -10,6 +10,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export * from './functions';
+export * from './panelUtils';
 
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './functions';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,aAAa,CAAC"}
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './panelUtils';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,cAAc,CAAC"}

package/dist/utils/panelUtils.d.ts

@@ -0,0 +1,27 @@
+import { PanelDefinition } from '@perses-dev/core';
+import { PanelGroupDefinition, PanelGroupItemLayout } from '../context';
+export declare function getYForNewRow(group: PanelGroupDefinition): number;
+export declare type UnpositionedPanelGroupItemLayout = Omit<PanelGroupItemLayout, 'x' | 'y'>;
+/**
+ * Inserts a new panel into the layout with placement determined by a specified
+ * reference panel. The new panel is placed:
+ * - To the right of the reference panel if there is space available without
+ *   moving other panels.
+ * - Otherwise, directly below the reference panel. If other panels are below
+ *   this location, they will also shift downward because the grid uses
+ *   vertical-based compacting.
+ *
+ * @param newLayout - Layout for new panel to insert into the grid.
+ * @param referenceLayout - Layout for reference panel used to determine the
+ *   placement of the new panel.
+ * @param itemLayouts - Full grid layout.
+ * @returns - Item layouts modified to insert the new panel.
+ */
+export declare function insertPanelInLayout(newLayout: UnpositionedPanelGroupItemLayout, referenceLayout: PanelGroupItemLayout, itemLayouts: PanelGroupItemLayout[]): PanelGroupItemLayout[];
+/**
+ * Get a valid panel key, where a valid key:
+ * - does not include invalid characters
+ * - is unique
+ */
+export declare function getValidPanelKey(panelKey: string, panels: Record<string, PanelDefinition>): string;
+//# sourceMappingURL=panelUtils.d.ts.map

package/dist/utils/panelUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelUtils.d.ts","sourceRoot":"","sources":["../../src/utils/panelUtils.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAIxE,wBAAgB,aAAa,CAAC,KAAK,EAAE,oBAAoB,UASxD;AA8BD,oBAAY,gCAAgC,GAAG,IAAI,CAAC,oBAAoB,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;AAErF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,gCAAgC,EAC3C,eAAe,EAAE,oBAAoB,EACrC,WAAW,EAAE,oBAAoB,EAAE,GAClC,oBAAoB,EAAE,CAyExB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,MAAM,CASlG"}

package/dist/utils/panelUtils.js

@@ -0,0 +1,174 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { GRID_LAYOUT_SMALL_BREAKPOINT, GRID_LAYOUT_COLS } from '../constants';
+// Given a PanelGroup, will find the Y coordinate for adding a new row to the grid, taking into account the items present
+export function getYForNewRow(group) {
+    let newRowY = 0;
+    for (const layout of group.itemLayouts){
+        const itemMaxY = layout.y + layout.h;
+        if (itemMaxY > newRowY) {
+            newRowY = itemMaxY;
+        }
+    }
+    return newRowY;
+}
+function getPanelBounds({ x , y , w , h  }) {
+    return {
+        x1: x,
+        x2: x + w,
+        y1: y,
+        y2: y + h
+    };
+}
+/**
+ * Inserts a new panel into the layout with placement determined by a specified
+ * reference panel. The new panel is placed:
+ * - To the right of the reference panel if there is space available without
+ *   moving other panels.
+ * - Otherwise, directly below the reference panel. If other panels are below
+ *   this location, they will also shift downward because the grid uses
+ *   vertical-based compacting.
+ *
+ * @param newLayout - Layout for new panel to insert into the grid.
+ * @param referenceLayout - Layout for reference panel used to determine the
+ *   placement of the new panel.
+ * @param itemLayouts - Full grid layout.
+ * @returns - Item layouts modified to insert the new panel.
+ */ export function insertPanelInLayout(newLayout, referenceLayout, itemLayouts) {
+    const MAX_LAYOUT_WIDTH = GRID_LAYOUT_COLS[GRID_LAYOUT_SMALL_BREAKPOINT];
+    const referenceBounds = getPanelBounds(referenceLayout);
+    // Organize layouts based on vertical relation to the item being inserted
+    // after.
+    const aboveInsertRow = [];
+    const insertRow = [];
+    const belowInsertRow = [];
+    itemLayouts.forEach((itemLayout)=>{
+        const itemBounds = getPanelBounds(itemLayout);
+        if (itemBounds.y2 <= referenceBounds.y1) {
+            aboveInsertRow.push(itemLayout);
+        } else if (itemBounds.y1 >= referenceBounds.y2) {
+            belowInsertRow.push(itemLayout);
+        } else {
+            insertRow.push(itemLayout);
+        }
+    });
+    // Cannot safely assume that the order of item layouts array is strictly
+    // left to right. Sorting the row by horizontal position to more easily find
+    // gaps.
+    insertRow.sort((a, b)=>a.x - b.x);
+    const insertAfterIndex = insertRow.findIndex((item)=>item.i === referenceLayout.i);
+    if (insertAfterIndex === insertRow.length - 1) {
+        // Insert to the right when space is available and the reference is the last
+        // item in the row.
+        if (referenceBounds.x2 + newLayout.w <= MAX_LAYOUT_WIDTH) {
+            return [
+                ...aboveInsertRow,
+                ...insertRow,
+                {
+                    ...newLayout,
+                    x: referenceBounds.x2,
+                    y: referenceBounds.y1
+                },
+                ...belowInsertRow
+            ];
+        }
+    } else if (insertAfterIndex >= 0) {
+        const nextItem = insertRow[insertAfterIndex + 1];
+        if (nextItem && getPanelBounds(nextItem).x1 - referenceBounds.x2 >= newLayout.w) {
+            // Insert to the right when space is available between the reference and
+            // the next item in the row.
+            insertRow.splice(insertAfterIndex + 1, 0, {
+                ...newLayout,
+                x: referenceBounds.x2,
+                y: referenceBounds.y1
+            });
+            return [
+                ...aboveInsertRow,
+                ...insertRow,
+                ...belowInsertRow
+            ];
+        }
+    }
+    // Insert the new item below the original and shift the items below the
+    // row where the reference is located.
+    return [
+        ...aboveInsertRow,
+        ...insertRow,
+        {
+            x: referenceBounds.x1,
+            y: referenceBounds.y2,
+            ...newLayout
+        },
+        ...belowInsertRow.map((itemLayout)=>{
+            // Note: the grid will not necessarily display all of these items shifted
+            // all the way down because of vertical compacting, but shifing their
+            // y position ensures the new item gets vertical precedence over items
+            // below it in that compacting.
+            return {
+                ...itemLayout,
+                y: itemLayout.y + newLayout.h
+            };
+        })
+    ];
+}
+/**
+ * Get a valid panel key, where a valid key:
+ * - does not include invalid characters
+ * - is unique
+ */ export function getValidPanelKey(panelKey, panels) {
+    const uniquePanelKeys = getUniquePanelKeys(panels);
+    let normalizedPanelKey = getPanelKeyParts(removeWhiteSpaces(panelKey)).name;
+    const matchingKey = uniquePanelKeys[normalizedPanelKey];
+    if (typeof matchingKey === 'number') {
+        normalizedPanelKey += `-${matchingKey + 1}`;
+    }
+    return normalizedPanelKey;
+}
+const removeWhiteSpaces = (str)=>{
+    return str.replace(/\s+/g, '');
+};
+/**
+ * Breaks the specified panel key into the name and the optional `-number` used
+ * for deduping panels with the same name.
+ */ function getPanelKeyParts(panelKey) {
+    const parts = panelKey.match(/(.+)-([0-9]+)/);
+    if (parts && parts[1] && parts[2]) {
+        return {
+            name: parts[1],
+            number: parseInt(parts[2], 10)
+        };
+    }
+    return {
+        name: panelKey
+    };
+}
+// Find all the unique panel keys and the largest number used for each.
+// ex: cpu, cpu-1, cpu-2 count as the same panel key since these panels have the same name
+function getUniquePanelKeys(panels) {
+    const uniquePanelKeys = {};
+    Object.keys(panels).forEach((panelKey)=>{
+        const { name , number  } = getPanelKeyParts(panelKey);
+        if (uniquePanelKeys[name] === undefined) {
+            uniquePanelKeys[name] = 0;
+        }
+        const currentValue = uniquePanelKeys[name];
+        if (typeof currentValue === 'number' && number) {
+            // Check for the maximum value because we cannot rely on a sequential
+            // set of numbers when panels are modified.
+            uniquePanelKeys[name] = Math.max(currentValue, number);
+        }
+    });
+    return uniquePanelKeys;
+}
+
+//# sourceMappingURL=panelUtils.js.map

package/dist/utils/panelUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/panelUtils.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PanelDefinition } from '@perses-dev/core';\nimport { PanelGroupDefinition, PanelGroupItemLayout } from '../context';\nimport { GRID_LAYOUT_SMALL_BREAKPOINT, GRID_LAYOUT_COLS } from '../constants';\n\n// Given a PanelGroup, will find the Y coordinate for adding a new row to the grid, taking into account the items present\nexport function getYForNewRow(group: PanelGroupDefinition) {\n  let newRowY = 0;\n  for (const layout of group.itemLayouts) {\n    const itemMaxY = layout.y + layout.h;\n    if (itemMaxY > newRowY) {\n      newRowY = itemMaxY;\n    }\n  }\n  return newRowY;\n}\n\ntype PanelGroupItemBounds = {\n  /**\n   * Left horizontal position.\n   */\n  x1: number;\n  /**\n   * Right horizontal position.\n   */\n  x2: number;\n  /**\n   * Top vertical position.\n   */\n  y1: number;\n  /**\n   * Bottom vertical position\n   */\n  y2: number;\n};\n\nfunction getPanelBounds({ x, y, w, h }: PanelGroupItemLayout): PanelGroupItemBounds {\n  return {\n    x1: x,\n    x2: x + w,\n    y1: y,\n    y2: y + h,\n  };\n}\n\nexport type UnpositionedPanelGroupItemLayout = Omit<PanelGroupItemLayout, 'x' | 'y'>;\n\n/**\n * Inserts a new panel into the layout with placement determined by a specified\n * reference panel. The new panel is placed:\n * - To the right of the reference panel if there is space available without\n *   moving other panels.\n * - Otherwise, directly below the reference panel. If other panels are below\n *   this location, they will also shift downward because the grid uses\n *   vertical-based compacting.\n *\n * @param newLayout - Layout for new panel to insert into the grid.\n * @param referenceLayout - Layout for reference panel used to determine the\n *   placement of the new panel.\n * @param itemLayouts - Full grid layout.\n * @returns - Item layouts modified to insert the new panel.\n */\nexport function insertPanelInLayout(\n  newLayout: UnpositionedPanelGroupItemLayout,\n  referenceLayout: PanelGroupItemLayout,\n  itemLayouts: PanelGroupItemLayout[]\n): PanelGroupItemLayout[] {\n  const MAX_LAYOUT_WIDTH = GRID_LAYOUT_COLS[GRID_LAYOUT_SMALL_BREAKPOINT];\n\n  const referenceBounds = getPanelBounds(referenceLayout);\n\n  // Organize layouts based on vertical relation to the item being inserted\n  // after.\n  const aboveInsertRow: PanelGroupItemLayout[] = [];\n  const insertRow: PanelGroupItemLayout[] = [];\n  const belowInsertRow: PanelGroupItemLayout[] = [];\n  itemLayouts.forEach((itemLayout) => {\n    const itemBounds = getPanelBounds(itemLayout);\n\n    if (itemBounds.y2 <= referenceBounds.y1) {\n      aboveInsertRow.push(itemLayout);\n    } else if (itemBounds.y1 >= referenceBounds.y2) {\n      belowInsertRow.push(itemLayout);\n    } else {\n      insertRow.push(itemLayout);\n    }\n  });\n\n  // Cannot safely assume that the order of item layouts array is strictly\n  // left to right. Sorting the row by horizontal position to more easily find\n  // gaps.\n  insertRow.sort((a, b) => a.x - b.x);\n  const insertAfterIndex = insertRow.findIndex((item) => item.i === referenceLayout.i);\n\n  if (insertAfterIndex === insertRow.length - 1) {\n    // Insert to the right when space is available and the reference is the last\n    // item in the row.\n    if (referenceBounds.x2 + newLayout.w <= MAX_LAYOUT_WIDTH) {\n      return [\n        ...aboveInsertRow,\n        ...insertRow,\n        {\n          ...newLayout,\n          x: referenceBounds.x2,\n          y: referenceBounds.y1,\n        },\n        ...belowInsertRow,\n      ];\n    }\n  } else if (insertAfterIndex >= 0) {\n    const nextItem = insertRow[insertAfterIndex + 1];\n\n    if (nextItem && getPanelBounds(nextItem).x1 - referenceBounds.x2 >= newLayout.w) {\n      // Insert to the right when space is available between the reference and\n      // the next item in the row.\n      insertRow.splice(insertAfterIndex + 1, 0, {\n        ...newLayout,\n        x: referenceBounds.x2,\n        y: referenceBounds.y1,\n      });\n\n      return [...aboveInsertRow, ...insertRow, ...belowInsertRow];\n    }\n  }\n\n  // Insert the new item below the original and shift the items below the\n  // row where the reference is located.\n  return [\n    ...aboveInsertRow,\n    ...insertRow,\n    { x: referenceBounds.x1, y: referenceBounds.y2, ...newLayout },\n    ...belowInsertRow.map((itemLayout) => {\n      // Note: the grid will not necessarily display all of these items shifted\n      // all the way down because of vertical compacting, but shifing their\n      // y position ensures the new item gets vertical precedence over items\n      // below it in that compacting.\n      return { ...itemLayout, y: itemLayout.y + newLayout.h };\n    }),\n  ];\n}\n\n/**\n * Get a valid panel key, where a valid key:\n * - does not include invalid characters\n * - is unique\n */\nexport function getValidPanelKey(panelKey: string, panels: Record<string, PanelDefinition>): string {\n  const uniquePanelKeys = getUniquePanelKeys(panels);\n  let normalizedPanelKey = getPanelKeyParts(removeWhiteSpaces(panelKey)).name;\n\n  const matchingKey = uniquePanelKeys[normalizedPanelKey];\n  if (typeof matchingKey === 'number') {\n    normalizedPanelKey += `-${matchingKey + 1}`;\n  }\n  return normalizedPanelKey;\n}\n\ntype PanelKeyParts = {\n  name: string;\n  number?: number;\n};\n\nconst removeWhiteSpaces = (str: string) => {\n  return str.replace(/\\s+/g, '');\n};\n\n/**\n * Breaks the specified panel key into the name and the optional `-number` used\n * for deduping panels with the same name.\n */\nfunction getPanelKeyParts(panelKey: string): PanelKeyParts {\n  const parts = panelKey.match(/(.+)-([0-9]+)/);\n  if (parts && parts[1] && parts[2]) {\n    return {\n      name: parts[1],\n      number: parseInt(parts[2], 10),\n    };\n  }\n\n  return {\n    name: panelKey,\n  };\n}\n\n// Find all the unique panel keys and the largest number used for each.\n// ex: cpu, cpu-1, cpu-2 count as the same panel key since these panels have the same name\nfunction getUniquePanelKeys(panels: Record<string, PanelDefinition>): Record<string, number> {\n  const uniquePanelKeys: Record<string, number> = {};\n  Object.keys(panels).forEach((panelKey) => {\n    const { name, number } = getPanelKeyParts(panelKey);\n    if (uniquePanelKeys[name] === undefined) {\n      uniquePanelKeys[name] = 0;\n    }\n    const currentValue = uniquePanelKeys[name];\n    if (typeof currentValue === 'number' && number) {\n      // Check for the maximum value because we cannot rely on a sequential\n      // set of numbers when panels are modified.\n      uniquePanelKeys[name] = Math.max(currentValue, number);\n    }\n  });\n  return uniquePanelKeys;\n}\n"],"names":["GRID_LAYOUT_SMALL_BREAKPOINT","GRID_LAYOUT_COLS","getYForNewRow","group","newRowY","layout","itemLayouts","itemMaxY","y","h","getPanelBounds","x","w","x1","x2","y1","y2","insertPanelInLayout","newLayout","referenceLayout","MAX_LAYOUT_WIDTH","referenceBounds","aboveInsertRow","insertRow","belowInsertRow","forEach","itemLayout","itemBounds","push","sort","a","b","insertAfterIndex","findIndex","item","i","length","nextItem","splice","map","getValidPanelKey","panelKey","panels","uniquePanelKeys","getUniquePanelKeys","normalizedPanelKey","getPanelKeyParts","removeWhiteSpaces","name","matchingKey","str","replace","parts","match","number","parseInt","Object","keys","undefined","currentValue","Math","max"],"mappings":"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"}

package/dist/utils/panelUtils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=panelUtils.test.d.ts.map

package/dist/utils/panelUtils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelUtils.test.d.ts","sourceRoot":"","sources":["../../src/utils/panelUtils.test.ts"],"names":[],"mappings":""}

package/dist/utils/panelUtils.test.js

@@ -0,0 +1,193 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { getValidPanelKey, insertPanelInLayout } from './panelUtils';
+describe('insertPanelInLayout', ()=>{
+    describe('inserts the panel to the right when space is available', ()=>{
+        test('with a single panel in that row', ()=>{
+            const newLayout = {
+                i: 'abc',
+                w: 10,
+                h: 8
+            };
+            const referenceLayout = {
+                i: 'one',
+                x: 0,
+                y: 0,
+                w: 6,
+                h: 6
+            };
+            const layouts = [
+                referenceLayout
+            ];
+            expect(insertPanelInLayout(newLayout, referenceLayout, layouts)).toEqual([
+                referenceLayout,
+                {
+                    x: 6,
+                    y: 0,
+                    ...newLayout
+                }
+            ]);
+        });
+        test('with multiple panels in that row with space between them', ()=>{
+            const newLayout = {
+                i: 'abc',
+                w: 10,
+                h: 8
+            };
+            const referenceLayout = {
+                i: 'one',
+                x: 0,
+                y: 0,
+                w: 3,
+                h: 4
+            };
+            const otherPanelInRow = {
+                i: 'two',
+                x: 20,
+                y: 0,
+                w: 4,
+                h: 4
+            };
+            const layouts = [
+                referenceLayout,
+                otherPanelInRow
+            ];
+            expect(insertPanelInLayout(newLayout, referenceLayout, layouts)).toEqual([
+                referenceLayout,
+                {
+                    x: 3,
+                    y: 0,
+                    ...newLayout
+                },
+                otherPanelInRow
+            ]);
+        });
+    });
+    describe('inserts the panel below when space is not available to the right', ()=>{
+        test('with a single panel in the initial layout', ()=>{
+            const newLayout = {
+                i: 'abc',
+                w: 10,
+                h: 8
+            };
+            const referenceLayout = {
+                i: 'one',
+                x: 1,
+                y: 0,
+                w: 18,
+                h: 4
+            };
+            const layouts = [
+                referenceLayout
+            ];
+            expect(insertPanelInLayout(newLayout, referenceLayout, layouts)).toEqual([
+                referenceLayout,
+                {
+                    x: 1,
+                    y: 4,
+                    ...newLayout
+                }
+            ]);
+        });
+        test('with a single panel in the same row and additional panels below', ()=>{
+            const newLayout = {
+                i: 'abc',
+                w: 10,
+                h: 8
+            };
+            const referenceLayout = {
+                i: 'one',
+                x: 0,
+                y: 0,
+                w: 18,
+                h: 4
+            };
+            const nextRowItem = {
+                i: 'two',
+                x: 0,
+                y: 4,
+                w: 6,
+                h: 6
+            };
+            const layouts = [
+                referenceLayout,
+                nextRowItem
+            ];
+            expect(insertPanelInLayout(newLayout, referenceLayout, layouts)).toEqual([
+                referenceLayout,
+                {
+                    x: 0,
+                    y: 4,
+                    ...newLayout
+                },
+                {
+                    ...nextRowItem,
+                    y: nextRowItem.y + newLayout.h
+                }
+            ]);
+        });
+    });
+});
+describe('getValidPanelKey', ()=>{
+    test('removes whitespace', ()=>{
+        expect(getValidPanelKey('my panel name', {})).toBe('mypanelname');
+    });
+    test('does not include a counter if the key is not in use', ()=>{
+        const mockPanelDefs = {
+            alreadyInUse: {
+                kind: 'Panel',
+                spec: {}
+            }
+        };
+        expect(getValidPanelKey('newPanelName', mockPanelDefs)).toBe('newPanelName');
+    });
+    test('includes a counter if the key is already in use', ()=>{
+        const mockPanelDefs = {
+            alreadyInUse: {
+                kind: 'Panel',
+                spec: {}
+            }
+        };
+        expect(getValidPanelKey('alreadyInUse', mockPanelDefs)).toBe('alreadyInUse-1');
+    });
+    test('includes an incremented counter if the key is already in use multiple times', ()=>{
+        const mockPanelDefs = {
+            popularKey: {
+                kind: 'Panel',
+                spec: {}
+            },
+            'popularKey-1': {
+                kind: 'Panel',
+                spec: {}
+            }
+        };
+        expect(getValidPanelKey('popularKey', mockPanelDefs)).toBe('popularKey-2');
+        expect(getValidPanelKey('popularKey-1', mockPanelDefs)).toBe('popularKey-2');
+    });
+    test('does not duplicate counters when they are out of order', ()=>{
+        const mockPanelDefs = {
+            outoforder: {
+                kind: 'Panel',
+                spec: {}
+            },
+            'outoforder-2': {
+                kind: 'Panel',
+                spec: {}
+            }
+        };
+        expect(getValidPanelKey('outoforder', mockPanelDefs)).toBe('outoforder-3');
+        expect(getValidPanelKey('outoforder-2', mockPanelDefs)).toBe('outoforder-3');
+    });
+});
+
+//# sourceMappingURL=panelUtils.test.js.map

package/dist/utils/panelUtils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/panelUtils.test.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PanelDefinition } from '@perses-dev/core';\nimport { PanelGroupItemLayout } from '../context';\nimport { getValidPanelKey, insertPanelInLayout, UnpositionedPanelGroupItemLayout } from './panelUtils';\n\ndescribe('insertPanelInLayout', () => {\n  describe('inserts the panel to the right when space is available', () => {\n    test('with a single panel in that row', () => {\n      const newLayout: UnpositionedPanelGroupItemLayout = { i: 'abc', w: 10, h: 8 };\n      const referenceLayout: PanelGroupItemLayout = {\n        i: 'one',\n        x: 0,\n        y: 0,\n        w: 6,\n        h: 6,\n      };\n      const layouts: PanelGroupItemLayout[] = [referenceLayout];\n      expect(insertPanelInLayout(newLayout, referenceLayout, layouts)).toEqual([\n        referenceLayout,\n        {\n          x: 6,\n          y: 0,\n          ...newLayout,\n        },\n      ]);\n    });\n\n    test('with multiple panels in that row with space between them', () => {\n      const newLayout: UnpositionedPanelGroupItemLayout = { i: 'abc', w: 10, h: 8 };\n      const referenceLayout: PanelGroupItemLayout = {\n        i: 'one',\n        x: 0,\n        y: 0,\n        w: 3,\n        h: 4,\n      };\n      const otherPanelInRow: PanelGroupItemLayout = {\n        i: 'two',\n        x: 20,\n        y: 0,\n        w: 4,\n        h: 4,\n      };\n      const layouts: PanelGroupItemLayout[] = [referenceLayout, otherPanelInRow];\n\n      expect(insertPanelInLayout(newLayout, referenceLayout, layouts)).toEqual([\n        referenceLayout,\n        {\n          x: 3,\n          y: 0,\n          ...newLayout,\n        },\n        otherPanelInRow,\n      ]);\n    });\n  });\n\n  describe('inserts the panel below when space is not available to the right', () => {\n    test('with a single panel in the initial layout', () => {\n      const newLayout: UnpositionedPanelGroupItemLayout = { i: 'abc', w: 10, h: 8 };\n      const referenceLayout: PanelGroupItemLayout = {\n        i: 'one',\n        x: 1,\n        y: 0,\n        w: 18,\n        h: 4,\n      };\n      const layouts: PanelGroupItemLayout[] = [referenceLayout];\n      expect(insertPanelInLayout(newLayout, referenceLayout, layouts)).toEqual([\n        referenceLayout,\n        {\n          x: 1,\n          y: 4,\n          ...newLayout,\n        },\n      ]);\n    });\n\n    test('with a single panel in the same row and additional panels below', () => {\n      const newLayout: UnpositionedPanelGroupItemLayout = { i: 'abc', w: 10, h: 8 };\n      const referenceLayout: PanelGroupItemLayout = {\n        i: 'one',\n        x: 0,\n        y: 0,\n        w: 18,\n        h: 4,\n      };\n      const nextRowItem: PanelGroupItemLayout = {\n        i: 'two',\n        x: 0,\n        y: 4,\n        w: 6,\n        h: 6,\n      };\n      const layouts: PanelGroupItemLayout[] = [referenceLayout, nextRowItem];\n\n      expect(insertPanelInLayout(newLayout, referenceLayout, layouts)).toEqual([\n        referenceLayout,\n        {\n          x: 0,\n          y: 4,\n          ...newLayout,\n        },\n        {\n          ...nextRowItem,\n          y: nextRowItem.y + newLayout.h,\n        },\n      ]);\n    });\n  });\n});\n\ndescribe('getValidPanelKey', () => {\n  test('removes whitespace', () => {\n    expect(getValidPanelKey('my panel name', {})).toBe('mypanelname');\n  });\n\n  test('does not include a counter if the key is not in use', () => {\n    const mockPanelDefs = {\n      alreadyInUse: {\n        kind: 'Panel',\n        spec: {},\n      } as PanelDefinition,\n    };\n    expect(getValidPanelKey('newPanelName', mockPanelDefs)).toBe('newPanelName');\n  });\n\n  test('includes a counter if the key is already in use', () => {\n    const mockPanelDefs = {\n      alreadyInUse: {\n        kind: 'Panel',\n        spec: {},\n      } as PanelDefinition,\n    };\n    expect(getValidPanelKey('alreadyInUse', mockPanelDefs)).toBe('alreadyInUse-1');\n  });\n\n  test('includes an incremented counter if the key is already in use multiple times', () => {\n    const mockPanelDefs = {\n      popularKey: {\n        kind: 'Panel',\n        spec: {},\n      } as PanelDefinition,\n      'popularKey-1': {\n        kind: 'Panel',\n        spec: {},\n      } as PanelDefinition,\n    };\n    expect(getValidPanelKey('popularKey', mockPanelDefs)).toBe('popularKey-2');\n    expect(getValidPanelKey('popularKey-1', mockPanelDefs)).toBe('popularKey-2');\n  });\n\n  test('does not duplicate counters when they are out of order', () => {\n    const mockPanelDefs = {\n      outoforder: {\n        kind: 'Panel',\n        spec: {},\n      } as PanelDefinition,\n      'outoforder-2': {\n        kind: 'Panel',\n        spec: {},\n      } as PanelDefinition,\n    };\n    expect(getValidPanelKey('outoforder', mockPanelDefs)).toBe('outoforder-3');\n    expect(getValidPanelKey('outoforder-2', mockPanelDefs)).toBe('outoforder-3');\n  });\n});\n"],"names":["getValidPanelKey","insertPanelInLayout","describe","test","newLayout","i","w","h","referenceLayout","x","y","layouts","expect","toEqual","otherPanelInRow","nextRowItem","toBe","mockPanelDefs","alreadyInUse","kind","spec","popularKey","outoforder"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,SAASA,gBAAgB,EAAEC,mBAAmB,QAA0C,cAAc,CAAC;AAEvGC,QAAQ,CAAC,qBAAqB,EAAE,IAAM;IACpCA,QAAQ,CAAC,wDAAwD,EAAE,IAAM;QACvEC,IAAI,CAAC,iCAAiC,EAAE,IAAM;YAC5C,MAAMC,SAAS,GAAqC;gBAAEC,CAAC,EAAE,KAAK;gBAAEC,CAAC,EAAE,EAAE;gBAAEC,CAAC,EAAE,CAAC;aAAE,AAAC;YAC9E,MAAMC,eAAe,GAAyB;gBAC5CH,CAAC,EAAE,KAAK;gBACRI,CAAC,EAAE,CAAC;gBACJC,CAAC,EAAE,CAAC;gBACJJ,CAAC,EAAE,CAAC;gBACJC,CAAC,EAAE,CAAC;aACL,AAAC;YACF,MAAMI,OAAO,GAA2B;gBAACH,eAAe;aAAC,AAAC;YAC1DI,MAAM,CAACX,mBAAmB,CAACG,SAAS,EAAEI,eAAe,EAAEG,OAAO,CAAC,CAAC,CAACE,OAAO,CAAC;gBACvEL,eAAe;gBACf;oBACEC,CAAC,EAAE,CAAC;oBACJC,CAAC,EAAE,CAAC;oBACJ,GAAGN,SAAS;iBACb;aACF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEHD,IAAI,CAAC,0DAA0D,EAAE,IAAM;YACrE,MAAMC,SAAS,GAAqC;gBAAEC,CAAC,EAAE,KAAK;gBAAEC,CAAC,EAAE,EAAE;gBAAEC,CAAC,EAAE,CAAC;aAAE,AAAC;YAC9E,MAAMC,eAAe,GAAyB;gBAC5CH,CAAC,EAAE,KAAK;gBACRI,CAAC,EAAE,CAAC;gBACJC,CAAC,EAAE,CAAC;gBACJJ,CAAC,EAAE,CAAC;gBACJC,CAAC,EAAE,CAAC;aACL,AAAC;YACF,MAAMO,eAAe,GAAyB;gBAC5CT,CAAC,EAAE,KAAK;gBACRI,CAAC,EAAE,EAAE;gBACLC,CAAC,EAAE,CAAC;gBACJJ,CAAC,EAAE,CAAC;gBACJC,CAAC,EAAE,CAAC;aACL,AAAC;YACF,MAAMI,OAAO,GAA2B;gBAACH,eAAe;gBAAEM,eAAe;aAAC,AAAC;YAE3EF,MAAM,CAACX,mBAAmB,CAACG,SAAS,EAAEI,eAAe,EAAEG,OAAO,CAAC,CAAC,CAACE,OAAO,CAAC;gBACvEL,eAAe;gBACf;oBACEC,CAAC,EAAE,CAAC;oBACJC,CAAC,EAAE,CAAC;oBACJ,GAAGN,SAAS;iBACb;gBACDU,eAAe;aAChB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEHZ,QAAQ,CAAC,kEAAkE,EAAE,IAAM;QACjFC,IAAI,CAAC,2CAA2C,EAAE,IAAM;YACtD,MAAMC,SAAS,GAAqC;gBAAEC,CAAC,EAAE,KAAK;gBAAEC,CAAC,EAAE,EAAE;gBAAEC,CAAC,EAAE,CAAC;aAAE,AAAC;YAC9E,MAAMC,eAAe,GAAyB;gBAC5CH,CAAC,EAAE,KAAK;gBACRI,CAAC,EAAE,CAAC;gBACJC,CAAC,EAAE,CAAC;gBACJJ,CAAC,EAAE,EAAE;gBACLC,CAAC,EAAE,CAAC;aACL,AAAC;YACF,MAAMI,OAAO,GAA2B;gBAACH,eAAe;aAAC,AAAC;YAC1DI,MAAM,CAACX,mBAAmB,CAACG,SAAS,EAAEI,eAAe,EAAEG,OAAO,CAAC,CAAC,CAACE,OAAO,CAAC;gBACvEL,eAAe;gBACf;oBACEC,CAAC,EAAE,CAAC;oBACJC,CAAC,EAAE,CAAC;oBACJ,GAAGN,SAAS;iBACb;aACF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEHD,IAAI,CAAC,iEAAiE,EAAE,IAAM;YAC5E,MAAMC,SAAS,GAAqC;gBAAEC,CAAC,EAAE,KAAK;gBAAEC,CAAC,EAAE,EAAE;gBAAEC,CAAC,EAAE,CAAC;aAAE,AAAC;YAC9E,MAAMC,eAAe,GAAyB;gBAC5CH,CAAC,EAAE,KAAK;gBACRI,CAAC,EAAE,CAAC;gBACJC,CAAC,EAAE,CAAC;gBACJJ,CAAC,EAAE,EAAE;gBACLC,CAAC,EAAE,CAAC;aACL,AAAC;YACF,MAAMQ,WAAW,GAAyB;gBACxCV,CAAC,EAAE,KAAK;gBACRI,CAAC,EAAE,CAAC;gBACJC,CAAC,EAAE,CAAC;gBACJJ,CAAC,EAAE,CAAC;gBACJC,CAAC,EAAE,CAAC;aACL,AAAC;YACF,MAAMI,OAAO,GAA2B;gBAACH,eAAe;gBAAEO,WAAW;aAAC,AAAC;YAEvEH,MAAM,CAACX,mBAAmB,CAACG,SAAS,EAAEI,eAAe,EAAEG,OAAO,CAAC,CAAC,CAACE,OAAO,CAAC;gBACvEL,eAAe;gBACf;oBACEC,CAAC,EAAE,CAAC;oBACJC,CAAC,EAAE,CAAC;oBACJ,GAAGN,SAAS;iBACb;gBACD;oBACE,GAAGW,WAAW;oBACdL,CAAC,EAAEK,WAAW,CAACL,CAAC,GAAGN,SAAS,CAACG,CAAC;iBAC/B;aACF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEHL,QAAQ,CAAC,kBAAkB,EAAE,IAAM;IACjCC,IAAI,CAAC,oBAAoB,EAAE,IAAM;QAC/BS,MAAM,CAACZ,gBAAgB,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,CAACgB,IAAI,CAAC,aAAa,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEHb,IAAI,CAAC,qDAAqD,EAAE,IAAM;QAChE,MAAMc,aAAa,GAAG;YACpBC,YAAY,EAAE;gBACZC,IAAI,EAAE,OAAO;gBACbC,IAAI,EAAE,EAAE;aACT;SACF,AAAC;QACFR,MAAM,CAACZ,gBAAgB,CAAC,cAAc,EAAEiB,aAAa,CAAC,CAAC,CAACD,IAAI,CAAC,cAAc,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IAEHb,IAAI,CAAC,iDAAiD,EAAE,IAAM;QAC5D,MAAMc,aAAa,GAAG;YACpBC,YAAY,EAAE;gBACZC,IAAI,EAAE,OAAO;gBACbC,IAAI,EAAE,EAAE;aACT;SACF,AAAC;QACFR,MAAM,CAACZ,gBAAgB,CAAC,cAAc,EAAEiB,aAAa,CAAC,CAAC,CAACD,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACjF,CAAC,CAAC,CAAC;IAEHb,IAAI,CAAC,6EAA6E,EAAE,IAAM;QACxF,MAAMc,aAAa,GAAG;YACpBI,UAAU,EAAE;gBACVF,IAAI,EAAE,OAAO;gBACbC,IAAI,EAAE,EAAE;aACT;YACD,cAAc,EAAE;gBACdD,IAAI,EAAE,OAAO;gBACbC,IAAI,EAAE,EAAE;aACT;SACF,AAAC;QACFR,MAAM,CAACZ,gBAAgB,CAAC,YAAY,EAAEiB,aAAa,CAAC,CAAC,CAACD,IAAI,CAAC,cAAc,CAAC,CAAC;QAC3EJ,MAAM,CAACZ,gBAAgB,CAAC,cAAc,EAAEiB,aAAa,CAAC,CAAC,CAACD,IAAI,CAAC,cAAc,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IAEHb,IAAI,CAAC,wDAAwD,EAAE,IAAM;QACnE,MAAMc,aAAa,GAAG;YACpBK,UAAU,EAAE;gBACVH,IAAI,EAAE,OAAO;gBACbC,IAAI,EAAE,EAAE;aACT;YACD,cAAc,EAAE;gBACdD,IAAI,EAAE,OAAO;gBACbC,IAAI,EAAE,EAAE;aACT;SACF,AAAC;QACFR,MAAM,CAACZ,gBAAgB,CAAC,YAAY,EAAEiB,aAAa,CAAC,CAAC,CAACD,IAAI,CAAC,cAAc,CAAC,CAAC;QAC3EJ,MAAM,CAACZ,gBAAgB,CAAC,cAAc,EAAEiB,aAAa,CAAC,CAAC,CAACD,IAAI,CAAC,cAAc,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/views/ViewDashboard/DashboardApp.d.ts

@@ -4,6 +4,7 @@ export interface DashboardAppProps {
     dashboardResource: DashboardResource;
     dashboardTitleComponent?: JSX.Element;
     onSave?: (entity: DashboardResource) => Promise<DashboardResource>;
+    onDiscard?: (entity: DashboardResource) => void;
     initialVariableIsSticky?: boolean;
     isReadonly: boolean;
 }

package/dist/views/ViewDashboard/DashboardApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardApp.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAYrD,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACnE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB,gBAsEpD,CAAC"}
+{"version":3,"file":"DashboardApp.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAYrD,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACnE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,UAAW,iBAAiB,gBAyEpD,CAAC"}

package/dist/views/ViewDashboard/DashboardApp.js

@@ -17,7 +17,7 @@ import { ErrorAlert, ErrorBoundary } from '@perses-dev/components';
 import { PanelDrawer, Dashboard, PanelGroupDialog, DeletePanelGroupDialog, DiscardChangesConfirmationDialog, DashboardToolbar, DeletePanelDialog } from '../../components';
 import { useDashboard, useDiscardChangesConfirmationDialog, useEditMode } from '../../context';
 export const DashboardApp = (props)=>{
-    const { dashboardResource , dashboardTitleComponent , onSave , initialVariableIsSticky , isReadonly  } = props;
+    const { dashboardResource , dashboardTitleComponent , onSave , onDiscard , initialVariableIsSticky , isReadonly  } = props;
     const { setEditMode  } = useEditMode();
     const { dashboard , setDashboard  } = useDashboard();
     const [originalDashboard, setOriginalDashboard] = useState(undefined);
@@ -29,6 +29,9 @@ export const DashboardApp = (props)=>{
         }
         setEditMode(false);
         closeDiscardChangesConfirmationDialog();
+        if (onDiscard) {
+            onDiscard(dashboard);
+        }
     };
     const onEditButtonClick = ()=>{
         setEditMode(true);

package/dist/views/ViewDashboard/DashboardApp.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useState } from 'react';\nimport { Box } from '@mui/material';\nimport { ErrorAlert, ErrorBoundary } from '@perses-dev/components';\nimport { DashboardResource } from '@perses-dev/core';\nimport {\n  PanelDrawer,\n  Dashboard,\n  PanelGroupDialog,\n  DeletePanelGroupDialog,\n  DiscardChangesConfirmationDialog,\n  DashboardToolbar,\n  DeletePanelDialog,\n} from '../../components';\nimport { useDashboard, useDiscardChangesConfirmationDialog, useEditMode } from '../../context';\n\nexport interface DashboardAppProps {\n  dashboardResource: DashboardResource;\n  dashboardTitleComponent?: JSX.Element;\n  onSave?: (entity: DashboardResource) => Promise<DashboardResource>;\n  initialVariableIsSticky?: boolean;\n  isReadonly: boolean;\n}\n\nexport const DashboardApp = (props: DashboardAppProps) => {\n  const { dashboardResource, dashboardTitleComponent, onSave, initialVariableIsSticky, isReadonly } = props;\n  const { setEditMode } = useEditMode();\n  const { dashboard, setDashboard } = useDashboard();\n  const [originalDashboard, setOriginalDashboard] = useState<DashboardResource | undefined>(undefined);\n\n  const { openDiscardChangesConfirmationDialog, closeDiscardChangesConfirmationDialog } =\n    useDiscardChangesConfirmationDialog();\n\n  const handleDiscardChanges = () => {\n    // Reset to the original spec and exit edit mode\n    if (originalDashboard) {\n      setDashboard(originalDashboard);\n    }\n    setEditMode(false);\n    closeDiscardChangesConfirmationDialog();\n  };\n\n  const onEditButtonClick = () => {\n    setEditMode(true);\n    setOriginalDashboard(dashboard);\n  };\n\n  const onCancelButtonClick = () => {\n    // check if dashboard has been modified\n    if (JSON.stringify(dashboard) === JSON.stringify(originalDashboard)) {\n      setEditMode(false);\n    } else {\n      openDiscardChangesConfirmationDialog({\n        onDiscardChanges: () => {\n          handleDiscardChanges();\n        },\n        onCancel: () => {\n          closeDiscardChangesConfirmationDialog();\n        },\n      });\n    }\n  };\n\n  return (\n    <Box\n      sx={{\n        flexGrow: 1,\n        overflowX: 'hidden',\n        overflowY: 'auto',\n        display: 'flex',\n        flexDirection: 'column',\n      }}\n    >\n      <DashboardToolbar\n        dashboardName={dashboardResource.metadata.name}\n        dashboardTitleComponent={dashboardTitleComponent}\n        initialVariableIsSticky={initialVariableIsSticky}\n        onSave={onSave}\n        isReadonly={isReadonly}\n        onEditButtonClick={onEditButtonClick}\n        onCancelButtonClick={onCancelButtonClick}\n      />\n      <Box sx={{ padding: (theme) => theme.spacing(2) }}>\n        <ErrorBoundary FallbackComponent={ErrorAlert}>\n          <Dashboard />\n        </ErrorBoundary>\n        <PanelDrawer />\n        <PanelGroupDialog />\n        <DeletePanelGroupDialog />\n        <DeletePanelDialog />\n        <DiscardChangesConfirmationDialog />\n      </Box>\n    </Box>\n  );\n};\n"],"names":["useState","Box","ErrorAlert","ErrorBoundary","PanelDrawer","Dashboard","PanelGroupDialog","DeletePanelGroupDialog","DiscardChangesConfirmationDialog","DashboardToolbar","DeletePanelDialog","useDashboard","useDiscardChangesConfirmationDialog","useEditMode","DashboardApp","props","dashboardResource","dashboardTitleComponent","onSave","initialVariableIsSticky","isReadonly","setEditMode","dashboard","setDashboard","originalDashboard","setOriginalDashboard","undefined","openDiscardChangesConfirmationDialog","closeDiscardChangesConfirmationDialog","handleDiscardChanges","onEditButtonClick","onCancelButtonClick","JSON","stringify","onDiscardChanges","onCancel","sx","flexGrow","overflowX","overflowY","display","flexDirection","dashboardName","metadata","name","padding","theme","spacing","FallbackComponent"],"mappings":"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"}
+{"version":3,"sources":["../../../src/views/ViewDashboard/DashboardApp.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useState } from 'react';\nimport { Box } from '@mui/material';\nimport { ErrorAlert, ErrorBoundary } from '@perses-dev/components';\nimport { DashboardResource } from '@perses-dev/core';\nimport {\n  PanelDrawer,\n  Dashboard,\n  PanelGroupDialog,\n  DeletePanelGroupDialog,\n  DiscardChangesConfirmationDialog,\n  DashboardToolbar,\n  DeletePanelDialog,\n} from '../../components';\nimport { useDashboard, useDiscardChangesConfirmationDialog, useEditMode } from '../../context';\n\nexport interface DashboardAppProps {\n  dashboardResource: DashboardResource;\n  dashboardTitleComponent?: JSX.Element;\n  onSave?: (entity: DashboardResource) => Promise<DashboardResource>;\n  onDiscard?: (entity: DashboardResource) => void;\n  initialVariableIsSticky?: boolean;\n  isReadonly: boolean;\n}\n\nexport const DashboardApp = (props: DashboardAppProps) => {\n  const { dashboardResource, dashboardTitleComponent, onSave, onDiscard, initialVariableIsSticky, isReadonly } = props;\n  const { setEditMode } = useEditMode();\n  const { dashboard, setDashboard } = useDashboard();\n  const [originalDashboard, setOriginalDashboard] = useState<DashboardResource | undefined>(undefined);\n\n  const { openDiscardChangesConfirmationDialog, closeDiscardChangesConfirmationDialog } =\n    useDiscardChangesConfirmationDialog();\n\n  const handleDiscardChanges = () => {\n    // Reset to the original spec and exit edit mode\n    if (originalDashboard) {\n      setDashboard(originalDashboard);\n    }\n    setEditMode(false);\n    closeDiscardChangesConfirmationDialog();\n    if (onDiscard) {\n      onDiscard(dashboard);\n    }\n  };\n\n  const onEditButtonClick = () => {\n    setEditMode(true);\n    setOriginalDashboard(dashboard);\n  };\n\n  const onCancelButtonClick = () => {\n    // check if dashboard has been modified\n    if (JSON.stringify(dashboard) === JSON.stringify(originalDashboard)) {\n      setEditMode(false);\n    } else {\n      openDiscardChangesConfirmationDialog({\n        onDiscardChanges: () => {\n          handleDiscardChanges();\n        },\n        onCancel: () => {\n          closeDiscardChangesConfirmationDialog();\n        },\n      });\n    }\n  };\n\n  return (\n    <Box\n      sx={{\n        flexGrow: 1,\n        overflowX: 'hidden',\n        overflowY: 'auto',\n        display: 'flex',\n        flexDirection: 'column',\n      }}\n    >\n      <DashboardToolbar\n        dashboardName={dashboardResource.metadata.name}\n        dashboardTitleComponent={dashboardTitleComponent}\n        initialVariableIsSticky={initialVariableIsSticky}\n        onSave={onSave}\n        isReadonly={isReadonly}\n        onEditButtonClick={onEditButtonClick}\n        onCancelButtonClick={onCancelButtonClick}\n      />\n      <Box sx={{ padding: (theme) => theme.spacing(2) }}>\n        <ErrorBoundary FallbackComponent={ErrorAlert}>\n          <Dashboard />\n        </ErrorBoundary>\n        <PanelDrawer />\n        <PanelGroupDialog />\n        <DeletePanelGroupDialog />\n        <DeletePanelDialog />\n        <DiscardChangesConfirmationDialog />\n      </Box>\n    </Box>\n  );\n};\n"],"names":["useState","Box","ErrorAlert","ErrorBoundary","PanelDrawer","Dashboard","PanelGroupDialog","DeletePanelGroupDialog","DiscardChangesConfirmationDialog","DashboardToolbar","DeletePanelDialog","useDashboard","useDiscardChangesConfirmationDialog","useEditMode","DashboardApp","props","dashboardResource","dashboardTitleComponent","onSave","onDiscard","initialVariableIsSticky","isReadonly","setEditMode","dashboard","setDashboard","originalDashboard","setOriginalDashboard","undefined","openDiscardChangesConfirmationDialog","closeDiscardChangesConfirmationDialog","handleDiscardChanges","onEditButtonClick","onCancelButtonClick","JSON","stringify","onDiscardChanges","onCancel","sx","flexGrow","overflowX","overflowY","display","flexDirection","dashboardName","metadata","name","padding","theme","spacing","FallbackComponent"],"mappings":"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"}

package/dist/views/ViewDashboard/ViewDashboard.d.ts

@@ -7,8 +7,10 @@ export interface ViewDashboardProps extends Omit<BoxProps, 'children'> {
     datasourceApi: DatasourceStoreProviderProps['datasourceApi'];
     dashboardTitleComponent?: JSX.Element;
     onSave?: (entity: DashboardResource) => Promise<DashboardResource>;
+    onDiscard?: (entity: DashboardResource) => void;
     initialVariableIsSticky?: boolean;
     isReadonly: boolean;
+    isEditing?: boolean;
 }
 /**
  * The View for displaying a Dashboard, along with the UI for selecting variable values.

package/dist/views/ViewDashboard/ViewDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewDashboard.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/ViewDashboard.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,OAAO,EAGL,4BAA4B,EAE7B,MAAM,eAAe,CAAC;AAGvB,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IACpE,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,4BAA4B,CAAC,eAAe,CAAC,CAAC;IAC7D,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACnE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAgDtD"}
+{"version":3,"file":"ViewDashboard.d.ts","sourceRoot":"","sources":["../../../src/views/ViewDashboard/ViewDashboard.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAO,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,OAAO,EAGL,4BAA4B,EAE7B,MAAM,eAAe,CAAC;AAGvB,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IACpE,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,4BAA4B,CAAC,eAAe,CAAC,CAAC;IAC7D,uBAAuB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACnE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAmDtD"}