@grafana/scenes 6.5.1--canary.1077.13965250047.0 → 6.5.1--canary.1079.13965689803.0

package/dist/esm/components/VizPanel/VizPanelRenderer.js

@@ -9,6 +9,25 @@ import { css, cx } from '@emotion/css';
 import { debounce } from 'lodash';
 import { VizPanelSeriesLimit } from './VizPanelSeriesLimit.js';
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function VizPanelRenderer({ model }) {
   var _a;
   const {
@@ -68,66 +87,74 @@ function VizPanelRenderer({ model }) {
     if (Array.isArray(titleItems)) {
       titleItemsElement = titleItemsElement.concat(
         titleItems.map((titleItem) => {
-          return /* @__PURE__ */ React.createElement(titleItem.Component, { model: titleItem, key: `${titleItem.state.key}` });
+          return /* @__PURE__ */ React.createElement(titleItem.Component, {
+            model: titleItem,
+            key: `${titleItem.state.key}`
+          });
         })
       );
     } else if (isSceneObject(titleItems)) {
-      titleItemsElement.push(/* @__PURE__ */ React.createElement(titleItems.Component, { model: titleItems }));
+      titleItemsElement.push(/* @__PURE__ */ React.createElement(titleItems.Component, {
+        model: titleItems
+      }));
     } else {
       titleItemsElement.push(titleItems);
     }
   }
   if (seriesLimit) {
     titleItemsElement.push(
-      /* @__PURE__ */ React.createElement(
-        VizPanelSeriesLimit,
-        {
-          key: "series-limit",
-          data: rawData.data,
-          seriesLimit,
-          showAll: seriesLimitShowAll,
-          onShowAllSeries: () => model.setState({ seriesLimitShowAll: !seriesLimitShowAll })
-        }
-      )
+      /* @__PURE__ */ React.createElement(VizPanelSeriesLimit, {
+        key: "series-limit",
+        data: rawData.data,
+        seriesLimit,
+        showAll: seriesLimitShowAll,
+        onShowAllSeries: () => model.setState({ seriesLimitShowAll: !seriesLimitShowAll })
+      })
     );
   }
   if (model.state.$timeRange) {
-    titleItemsElement.push(/* @__PURE__ */ React.createElement(model.state.$timeRange.Component, { model: model.state.$timeRange, key: model.state.key }));
+    titleItemsElement.push(/* @__PURE__ */ React.createElement(model.state.$timeRange.Component, {
+      model: model.state.$timeRange,
+      key: model.state.key
+    }));
   }
   if (dataWithFieldConfig.alertState) {
     titleItemsElement.push(
-      /* @__PURE__ */ React.createElement(Tooltip, { content: (_a = dataWithFieldConfig.alertState.state) != null ? _a : "unknown", key: `alert-states-icon-${model.state.key}` }, /* @__PURE__ */ React.createElement(
-        PanelChrome.TitleItem,
-        {
-          className: cx({
-            [alertStateStyles.ok]: dataWithFieldConfig.alertState.state === AlertState.OK,
-            [alertStateStyles.pending]: dataWithFieldConfig.alertState.state === AlertState.Pending,
-            [alertStateStyles.alerting]: dataWithFieldConfig.alertState.state === AlertState.Alerting
-          })
-        },
-        /* @__PURE__ */ React.createElement(
-          Icon,
-          {
-            name: dataWithFieldConfig.alertState.state === "alerting" ? "heart-break" : "heart",
-            className: "panel-alert-icon",
-            size: "md"
-          }
-        )
-      ))
+      /* @__PURE__ */ React.createElement(Tooltip, {
+        content: (_a = dataWithFieldConfig.alertState.state) != null ? _a : "unknown",
+        key: `alert-states-icon-${model.state.key}`
+      }, /* @__PURE__ */ React.createElement(PanelChrome.TitleItem, {
+        className: cx({
+          [alertStateStyles.ok]: dataWithFieldConfig.alertState.state === AlertState.OK,
+          [alertStateStyles.pending]: dataWithFieldConfig.alertState.state === AlertState.Pending,
+          [alertStateStyles.alerting]: dataWithFieldConfig.alertState.state === AlertState.Alerting
+        })
+      }, /* @__PURE__ */ React.createElement(Icon, {
+        name: dataWithFieldConfig.alertState.state === "alerting" ? "heart-break" : "heart",
+        className: "panel-alert-icon",
+        size: "md"
+      })))
     );
   }
   let panelMenu;
   if (menu) {
-    panelMenu = /* @__PURE__ */ React.createElement(menu.Component, { model: menu });
+    panelMenu = /* @__PURE__ */ React.createElement(menu.Component, {
+      model: menu
+    });
   }
   let actionsElement;
   if (headerActions) {
     if (Array.isArray(headerActions)) {
       actionsElement = /* @__PURE__ */ React.createElement(React.Fragment, null, headerActions.map((action) => {
-        return /* @__PURE__ */ React.createElement(action.Component, { model: action, key: `${action.state.key}` });
+        return /* @__PURE__ */ React.createElement(action.Component, {
+          model: action,
+          key: `${action.state.key}`
+        });
       }));
     } else if (isSceneObject(headerActions)) {
-      actionsElement = /* @__PURE__ */ React.createElement(headerActions.Component, { model: headerActions });
+      actionsElement = /* @__PURE__ */ React.createElement(headerActions.Component, {
+        model: headerActions
+      });
     } else {
       actionsElement = headerActions;
     }
@@ -136,71 +163,74 @@ function VizPanelRenderer({ model }) {
   const isReadyToRender = dataObject.isDataReadyToDisplay ? dataObject.isDataReadyToDisplay() : true;
   const context = model.getPanelContext();
   const panelId = model.getLegacyPanelId();
-  return /* @__PURE__ */ React.createElement("div", { className: relativeWrapper }, /* @__PURE__ */ React.createElement("div", { ref, className: absoluteWrapper, "data-viz-panel-key": model.state.key }, width > 0 && height > 0 && /* @__PURE__ */ React.createElement(
-    PanelChrome,
-    {
-      title: titleInterpolated,
-      description: (description == null ? void 0 : description.trim()) ? model.getDescription : void 0,
-      loadingState: data.state,
-      statusMessage: getChromeStatusMessage(data, _pluginLoadError),
-      statusMessageOnClick: model.onStatusMessageClick,
-      width,
-      height,
-      selectionId: model.state.key,
-      displayMode,
-      titleItems: titleItemsElement,
-      dragClass,
-      actions: actionsElement,
-      dragClassCancel,
-      padding: plugin.noPadding ? "none" : "md",
-      menu: panelMenu,
-      onCancelQuery: model.onCancelQuery,
-      onFocus: setPanelAttention,
-      onMouseEnter: setPanelAttention,
-      onMouseMove: debouncedMouseMove,
-      onDragStart: (e) => {
-        var _a2;
-        (_a2 = dragHooks.onDragStart) == null ? void 0 : _a2.call(dragHooks, e, model);
-      },
-      ...collapsible ? {
-        collapsible: Boolean(collapsible),
-        collapsed,
-        onToggleCollapse: model.onToggleCollapse,
-        showMenuAlways
-      } : { hoverHeader, hoverHeaderOffset }
-    },
-    (innerWidth, innerHeight) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ErrorBoundaryAlert, { dependencies: [plugin, data] }, /* @__PURE__ */ React.createElement(PluginContextProvider, { meta: plugin.meta }, /* @__PURE__ */ React.createElement(PanelContextProvider, { value: context }, isReadyToRender && /* @__PURE__ */ React.createElement(
-      PanelComponent,
-      {
-        id: panelId,
-        data,
-        title,
-        timeRange,
-        timeZone,
-        options,
-        fieldConfig,
-        transparent: false,
-        width: innerWidth,
-        height: innerHeight,
-        renderCounter: _renderCounter,
-        replaceVariables: model.interpolate,
-        onOptionsChange: model.onOptionsChange,
-        onFieldConfigChange: model.onFieldConfigChange,
-        onChangeTimeRange: model.onTimeRangeChange,
-        eventBus: context.eventBus
-      }
-    )))))
-  )));
+  return /* @__PURE__ */ React.createElement("div", {
+    className: relativeWrapper
+  }, /* @__PURE__ */ React.createElement("div", {
+    ref,
+    className: absoluteWrapper,
+    "data-viz-panel-key": model.state.key
+  }, width > 0 && height > 0 && /* @__PURE__ */ React.createElement(PanelChrome, __spreadValues({
+    title: titleInterpolated,
+    description: (description == null ? void 0 : description.trim()) ? model.getDescription : void 0,
+    loadingState: data.state,
+    statusMessage: getChromeStatusMessage(data, _pluginLoadError),
+    statusMessageOnClick: model.onStatusMessageClick,
+    width,
+    height,
+    selectionId: model.state.key,
+    displayMode,
+    titleItems: titleItemsElement,
+    dragClass,
+    actions: actionsElement,
+    dragClassCancel,
+    padding: plugin.noPadding ? "none" : "md",
+    menu: panelMenu,
+    onCancelQuery: model.onCancelQuery,
+    onFocus: setPanelAttention,
+    onMouseEnter: setPanelAttention,
+    onMouseMove: debouncedMouseMove,
+    onDragStart: (e) => {
+      var _a2;
+      (_a2 = dragHooks.onDragStart) == null ? void 0 : _a2.call(dragHooks, e, model);
+    }
+  }, collapsible ? {
+    collapsible: Boolean(collapsible),
+    collapsed,
+    onToggleCollapse: model.onToggleCollapse,
+    showMenuAlways
+  } : { hoverHeader, hoverHeaderOffset }), (innerWidth, innerHeight) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ErrorBoundaryAlert, {
+    dependencies: [plugin, data]
+  }, /* @__PURE__ */ React.createElement(PluginContextProvider, {
+    meta: plugin.meta
+  }, /* @__PURE__ */ React.createElement(PanelContextProvider, {
+    value: context
+  }, isReadyToRender && /* @__PURE__ */ React.createElement(PanelComponent, {
+    id: panelId,
+    data,
+    title,
+    timeRange,
+    timeZone,
+    options,
+    fieldConfig,
+    transparent: false,
+    width: innerWidth,
+    height: innerHeight,
+    renderCounter: _renderCounter,
+    replaceVariables: model.interpolate,
+    onOptionsChange: model.onOptionsChange,
+    onFieldConfigChange: model.onFieldConfigChange,
+    onChangeTimeRange: model.onTimeRangeChange,
+    eventBus: context.eventBus
+  }))))))));
 }
 function useDataWithSeriesLimit(data, seriesLimit, showAllSeries) {
   return useMemo(() => {
     if (!(data == null ? void 0 : data.series) || !seriesLimit || showAllSeries) {
       return data;
     }
-    return {
-      ...data,
+    return __spreadProps(__spreadValues({}, data), {
       series: data.series.slice(0, seriesLimit)
-    };
+    });
   }, [data, seriesLimit, showAllSeries]);
 }
 function getDragClasses(panel) {

package/dist/esm/components/VizPanel/VizPanelRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"VizPanelRenderer.js","sources":["../../../../src/components/VizPanel/VizPanelRenderer.tsx"],"sourcesContent":["import React, { RefCallback, useCallback, useMemo } from 'react';\nimport { useMeasure } from 'react-use';\n\n// @ts-ignore\nimport { AlertState, GrafanaTheme2, PanelData, PluginContextProvider, SetPanelAttentionEvent } from '@grafana/data';\n\nimport { getAppEvents } from '@grafana/runtime';\nimport { PanelChrome, ErrorBoundaryAlert, PanelContextProvider, Tooltip, useStyles2, Icon } from '@grafana/ui';\n\nimport { sceneGraph } from '../../core/sceneGraph';\nimport { isSceneObject, SceneComponentProps, SceneLayout, SceneObject } from '../../core/types';\n\nimport { VizPanel } from './VizPanel';\nimport { css, cx } from '@emotion/css';\nimport { debounce } from 'lodash';\nimport { VizPanelSeriesLimit } from './VizPanelSeriesLimit';\n\nexport function VizPanelRenderer({ model }: SceneComponentProps<VizPanel>) {\n  const {\n    title,\n    options,\n    fieldConfig,\n    _pluginLoadError,\n    displayMode,\n    hoverHeader,\n    showMenuAlways,\n    hoverHeaderOffset,\n    menu,\n    headerActions,\n    titleItems,\n    seriesLimit,\n    seriesLimitShowAll,\n    description,\n    collapsible,\n    collapsed,\n    _renderCounter = 0,\n  } = model.useState();\n  const [ref, { width, height }] = useMeasure();\n  const appEvents = useMemo(() => getAppEvents(), []);\n\n  const setPanelAttention = useCallback(() => {\n    if (model.state.key) {\n      appEvents.publish(new SetPanelAttentionEvent({ panelId: model.state.key }));\n    }\n  }, [model.state.key, appEvents]);\n  const debouncedMouseMove = useMemo(\n    () => debounce(setPanelAttention, 100, { leading: true, trailing: false }),\n    [setPanelAttention]\n  );\n\n  const plugin = model.getPlugin();\n\n  const { dragClass, dragClassCancel } = getDragClasses(model);\n  const dragHooks = getDragHooks(model);\n  const dataObject = sceneGraph.getData(model);\n\n  const rawData = dataObject.useState();\n  const dataWithSeriesLimit = useDataWithSeriesLimit(rawData.data, seriesLimit, seriesLimitShowAll);\n  const dataWithFieldConfig = model.applyFieldConfig(dataWithSeriesLimit);\n  const sceneTimeRange = sceneGraph.getTimeRange(model);\n  const timeZone = sceneTimeRange.getTimeZone();\n  const timeRange = model.getTimeRange(dataWithFieldConfig);\n\n  // Interpolate title\n  const titleInterpolated = model.interpolate(title, undefined, 'text');\n\n  const alertStateStyles = useStyles2(getAlertStateStyles);\n\n  if (!plugin) {\n    return <div>Loading plugin panel...</div>;\n  }\n\n  if (!plugin.panel) {\n    return <div>Panel plugin has no panel component</div>;\n  }\n\n  const PanelComponent = plugin.panel;\n\n  // If we have a query runner on our level inform it of the container width (used to set auto max data points)\n  if (dataObject && dataObject.setContainerWidth) {\n    dataObject.setContainerWidth(Math.round(width));\n  }\n\n  let titleItemsElement: React.ReactNode[] = [];\n\n  if (titleItems) {\n    if (Array.isArray(titleItems)) {\n      titleItemsElement = titleItemsElement.concat(\n        titleItems.map((titleItem) => {\n          return <titleItem.Component model={titleItem} key={`${titleItem.state.key}`} />;\n        })\n      );\n    } else if (isSceneObject(titleItems)) {\n      titleItemsElement.push(<titleItems.Component model={titleItems} />);\n    } else {\n      titleItemsElement.push(titleItems);\n    }\n  }\n\n  if (seriesLimit) {\n    titleItemsElement.push(\n      <VizPanelSeriesLimit\n        key=\"series-limit\"\n        data={rawData.data}\n        seriesLimit={seriesLimit}\n        showAll={seriesLimitShowAll}\n        onShowAllSeries={() => model.setState({ seriesLimitShowAll: !seriesLimitShowAll })}\n      />\n    );\n  }\n\n  // If we have local time range show that in panel header\n  if (model.state.$timeRange) {\n    titleItemsElement.push(<model.state.$timeRange.Component model={model.state.$timeRange} key={model.state.key} />);\n  }\n\n  if (dataWithFieldConfig.alertState) {\n    titleItemsElement.push(\n      <Tooltip content={dataWithFieldConfig.alertState.state ?? 'unknown'} key={`alert-states-icon-${model.state.key}`}>\n        <PanelChrome.TitleItem\n          className={cx({\n            [alertStateStyles.ok]: dataWithFieldConfig.alertState.state === AlertState.OK,\n            [alertStateStyles.pending]: dataWithFieldConfig.alertState.state === AlertState.Pending,\n            [alertStateStyles.alerting]: dataWithFieldConfig.alertState.state === AlertState.Alerting,\n          })}\n        >\n          <Icon\n            name={dataWithFieldConfig.alertState.state === 'alerting' ? 'heart-break' : 'heart'}\n            className=\"panel-alert-icon\"\n            size=\"md\"\n          />\n        </PanelChrome.TitleItem>\n      </Tooltip>\n    );\n  }\n\n  let panelMenu;\n  if (menu) {\n    panelMenu = <menu.Component model={menu} />;\n  }\n\n  let actionsElement: React.ReactNode | undefined;\n\n  if (headerActions) {\n    if (Array.isArray(headerActions)) {\n      actionsElement = (\n        <>\n          {headerActions.map((action) => {\n            return <action.Component model={action} key={`${action.state.key}`} />;\n          })}\n        </>\n      );\n    } else if (isSceneObject(headerActions)) {\n      actionsElement = <headerActions.Component model={headerActions} />;\n    } else {\n      actionsElement = headerActions;\n    }\n  }\n\n  // Data is always returned. For non-data panels, empty PanelData is returned.\n  const data = dataWithFieldConfig!;\n\n  const isReadyToRender = dataObject.isDataReadyToDisplay ? dataObject.isDataReadyToDisplay() : true;\n\n  const context = model.getPanelContext();\n  const panelId = model.getLegacyPanelId();\n\n  return (\n    <div className={relativeWrapper}>\n      <div ref={ref as RefCallback<HTMLDivElement>} className={absoluteWrapper} data-viz-panel-key={model.state.key}>\n        {width > 0 && height > 0 && (\n          <PanelChrome\n            title={titleInterpolated}\n            description={description?.trim() ? model.getDescription : undefined}\n            loadingState={data.state}\n            statusMessage={getChromeStatusMessage(data, _pluginLoadError)}\n            statusMessageOnClick={model.onStatusMessageClick}\n            width={width}\n            height={height}\n            selectionId={model.state.key}\n            displayMode={displayMode}\n            titleItems={titleItemsElement}\n            dragClass={dragClass}\n            actions={actionsElement}\n            dragClassCancel={dragClassCancel}\n            padding={plugin.noPadding ? 'none' : 'md'}\n            menu={panelMenu}\n            onCancelQuery={model.onCancelQuery}\n            onFocus={setPanelAttention}\n            onMouseEnter={setPanelAttention}\n            onMouseMove={debouncedMouseMove}\n            onDragStart={(e: React.PointerEvent) => {\n              dragHooks.onDragStart?.(e, model);\n            }}\n            {...(collapsible\n              ? {\n                  collapsible: Boolean(collapsible),\n                  collapsed,\n                  onToggleCollapse: model.onToggleCollapse,\n                  showMenuAlways,\n                }\n              : { hoverHeader, hoverHeaderOffset })}\n          >\n            {(innerWidth, innerHeight) => (\n              <>\n                <ErrorBoundaryAlert dependencies={[plugin, data]}>\n                  <PluginContextProvider meta={plugin.meta}>\n                    <PanelContextProvider value={context}>\n                      {isReadyToRender && (\n                        <PanelComponent\n                          id={panelId}\n                          data={data}\n                          title={title}\n                          timeRange={timeRange}\n                          timeZone={timeZone}\n                          options={options}\n                          fieldConfig={fieldConfig}\n                          transparent={false}\n                          width={innerWidth}\n                          height={innerHeight}\n                          renderCounter={_renderCounter}\n                          replaceVariables={model.interpolate}\n                          onOptionsChange={model.onOptionsChange}\n                          onFieldConfigChange={model.onFieldConfigChange}\n                          onChangeTimeRange={model.onTimeRangeChange}\n                          eventBus={context.eventBus}\n                        />\n                      )}\n                    </PanelContextProvider>\n                  </PluginContextProvider>\n                </ErrorBoundaryAlert>\n              </>\n            )}\n          </PanelChrome>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction useDataWithSeriesLimit(data: PanelData | undefined, seriesLimit?: number, showAllSeries?: boolean) {\n  return useMemo(() => {\n    if (!data?.series || !seriesLimit || showAllSeries) {\n      return data;\n    }\n\n    return {\n      ...data,\n      series: data.series.slice(0, seriesLimit),\n    };\n  }, [data, seriesLimit, showAllSeries]);\n}\n\nfunction getDragClasses(panel: VizPanel) {\n  const parentLayout = sceneGraph.getLayout(panel);\n  const isDraggable = parentLayout?.isDraggable();\n\n  if (!parentLayout || !isDraggable || itemDraggingDisabled(panel, parentLayout)) {\n    return { dragClass: '', dragClassCancel: '' };\n  }\n\n  return { dragClass: parentLayout.getDragClass?.(), dragClassCancel: parentLayout?.getDragClassCancel?.() };\n}\n\nfunction getDragHooks(panel: VizPanel) {\n  const parentLayout = sceneGraph.getLayout(panel);\n  return parentLayout?.getDragHooks?.() ?? {};\n}\n\n/**\n * Walks up the parent chain until it hits the layout object, trying to find the closest SceneGridItemLike ancestor.\n * It is not always the direct parent, because the VizPanel can be wrapped in other objects.\n */\nfunction itemDraggingDisabled(item: SceneObject, layout: SceneLayout) {\n  let ancestor = item.parent;\n\n  while (ancestor && ancestor !== layout) {\n    if ('isDraggable' in ancestor.state && ancestor.state.isDraggable === false) {\n      return true;\n    }\n\n    ancestor = ancestor.parent;\n  }\n\n  return false;\n}\n\nfunction getChromeStatusMessage(data: PanelData, pluginLoadingError: string | undefined) {\n  if (pluginLoadingError) {\n    return pluginLoadingError;\n  }\n\n  let message = data.error ? data.error.message : undefined;\n\n  // Handling multiple errors with a single string until we integrate VizPanel with inspector\n  if (data.errors) {\n    message = data.errors.map((e) => e.message).join(', ');\n  }\n  return message;\n}\n\nconst relativeWrapper = css({\n  position: 'relative',\n  width: '100%',\n  height: '100%',\n});\n\n/**\n * Sadly this this absolute wrapper is needed for the panel to adopt smaller sizes.\n * The combo of useMeasure and PanelChrome makes the panel take up the width it get's but that makes it impossible to\n * Then adapt to smaller space (say resizing the browser window or undocking menu).\n */\nconst absoluteWrapper = css({\n  position: 'absolute',\n  width: '100%',\n  height: '100%',\n});\n\nconst getAlertStateStyles = (theme: GrafanaTheme2) => {\n  return {\n    ok: css({\n      color: theme.colors.success.text,\n    }),\n    pending: css({\n      color: theme.colors.warning.text,\n    }),\n    alerting: css({\n      color: theme.colors.error.text,\n    }),\n  };\n};\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"VizPanelRenderer.js","sources":["../../../../src/components/VizPanel/VizPanelRenderer.tsx"],"sourcesContent":["import React, { RefCallback, useCallback, useMemo } from 'react';\nimport { useMeasure } from 'react-use';\n\n// @ts-ignore\nimport { AlertState, GrafanaTheme2, PanelData, PluginContextProvider, SetPanelAttentionEvent } from '@grafana/data';\n\nimport { getAppEvents } from '@grafana/runtime';\nimport { PanelChrome, ErrorBoundaryAlert, PanelContextProvider, Tooltip, useStyles2, Icon } from '@grafana/ui';\n\nimport { sceneGraph } from '../../core/sceneGraph';\nimport { isSceneObject, SceneComponentProps, SceneLayout, SceneObject } from '../../core/types';\n\nimport { VizPanel } from './VizPanel';\nimport { css, cx } from '@emotion/css';\nimport { debounce } from 'lodash';\nimport { VizPanelSeriesLimit } from './VizPanelSeriesLimit';\n\nexport function VizPanelRenderer({ model }: SceneComponentProps<VizPanel>) {\n  const {\n    title,\n    options,\n    fieldConfig,\n    _pluginLoadError,\n    displayMode,\n    hoverHeader,\n    showMenuAlways,\n    hoverHeaderOffset,\n    menu,\n    headerActions,\n    titleItems,\n    seriesLimit,\n    seriesLimitShowAll,\n    description,\n    collapsible,\n    collapsed,\n    _renderCounter = 0,\n  } = model.useState();\n  const [ref, { width, height }] = useMeasure();\n  const appEvents = useMemo(() => getAppEvents(), []);\n\n  const setPanelAttention = useCallback(() => {\n    if (model.state.key) {\n      appEvents.publish(new SetPanelAttentionEvent({ panelId: model.state.key }));\n    }\n  }, [model.state.key, appEvents]);\n  const debouncedMouseMove = useMemo(\n    () => debounce(setPanelAttention, 100, { leading: true, trailing: false }),\n    [setPanelAttention]\n  );\n\n  const plugin = model.getPlugin();\n\n  const { dragClass, dragClassCancel } = getDragClasses(model);\n  const dragHooks = getDragHooks(model);\n  const dataObject = sceneGraph.getData(model);\n\n  const rawData = dataObject.useState();\n  const dataWithSeriesLimit = useDataWithSeriesLimit(rawData.data, seriesLimit, seriesLimitShowAll);\n  const dataWithFieldConfig = model.applyFieldConfig(dataWithSeriesLimit);\n  const sceneTimeRange = sceneGraph.getTimeRange(model);\n  const timeZone = sceneTimeRange.getTimeZone();\n  const timeRange = model.getTimeRange(dataWithFieldConfig);\n\n  // Interpolate title\n  const titleInterpolated = model.interpolate(title, undefined, 'text');\n\n  const alertStateStyles = useStyles2(getAlertStateStyles);\n\n  if (!plugin) {\n    return <div>Loading plugin panel...</div>;\n  }\n\n  if (!plugin.panel) {\n    return <div>Panel plugin has no panel component</div>;\n  }\n\n  const PanelComponent = plugin.panel;\n\n  // If we have a query runner on our level inform it of the container width (used to set auto max data points)\n  if (dataObject && dataObject.setContainerWidth) {\n    dataObject.setContainerWidth(Math.round(width));\n  }\n\n  let titleItemsElement: React.ReactNode[] = [];\n\n  if (titleItems) {\n    if (Array.isArray(titleItems)) {\n      titleItemsElement = titleItemsElement.concat(\n        titleItems.map((titleItem) => {\n          return <titleItem.Component model={titleItem} key={`${titleItem.state.key}`} />;\n        })\n      );\n    } else if (isSceneObject(titleItems)) {\n      titleItemsElement.push(<titleItems.Component model={titleItems} />);\n    } else {\n      titleItemsElement.push(titleItems);\n    }\n  }\n\n  if (seriesLimit) {\n    titleItemsElement.push(\n      <VizPanelSeriesLimit\n        key=\"series-limit\"\n        data={rawData.data}\n        seriesLimit={seriesLimit}\n        showAll={seriesLimitShowAll}\n        onShowAllSeries={() => model.setState({ seriesLimitShowAll: !seriesLimitShowAll })}\n      />\n    );\n  }\n\n  // If we have local time range show that in panel header\n  if (model.state.$timeRange) {\n    titleItemsElement.push(<model.state.$timeRange.Component model={model.state.$timeRange} key={model.state.key} />);\n  }\n\n  if (dataWithFieldConfig.alertState) {\n    titleItemsElement.push(\n      <Tooltip content={dataWithFieldConfig.alertState.state ?? 'unknown'} key={`alert-states-icon-${model.state.key}`}>\n        <PanelChrome.TitleItem\n          className={cx({\n            [alertStateStyles.ok]: dataWithFieldConfig.alertState.state === AlertState.OK,\n            [alertStateStyles.pending]: dataWithFieldConfig.alertState.state === AlertState.Pending,\n            [alertStateStyles.alerting]: dataWithFieldConfig.alertState.state === AlertState.Alerting,\n          })}\n        >\n          <Icon\n            name={dataWithFieldConfig.alertState.state === 'alerting' ? 'heart-break' : 'heart'}\n            className=\"panel-alert-icon\"\n            size=\"md\"\n          />\n        </PanelChrome.TitleItem>\n      </Tooltip>\n    );\n  }\n\n  let panelMenu;\n  if (menu) {\n    panelMenu = <menu.Component model={menu} />;\n  }\n\n  let actionsElement: React.ReactNode | undefined;\n\n  if (headerActions) {\n    if (Array.isArray(headerActions)) {\n      actionsElement = (\n        <>\n          {headerActions.map((action) => {\n            return <action.Component model={action} key={`${action.state.key}`} />;\n          })}\n        </>\n      );\n    } else if (isSceneObject(headerActions)) {\n      actionsElement = <headerActions.Component model={headerActions} />;\n    } else {\n      actionsElement = headerActions;\n    }\n  }\n\n  // Data is always returned. For non-data panels, empty PanelData is returned.\n  const data = dataWithFieldConfig!;\n\n  const isReadyToRender = dataObject.isDataReadyToDisplay ? dataObject.isDataReadyToDisplay() : true;\n\n  const context = model.getPanelContext();\n  const panelId = model.getLegacyPanelId();\n\n  return (\n    <div className={relativeWrapper}>\n      <div ref={ref as RefCallback<HTMLDivElement>} className={absoluteWrapper} data-viz-panel-key={model.state.key}>\n        {width > 0 && height > 0 && (\n          <PanelChrome\n            title={titleInterpolated}\n            description={description?.trim() ? model.getDescription : undefined}\n            loadingState={data.state}\n            statusMessage={getChromeStatusMessage(data, _pluginLoadError)}\n            statusMessageOnClick={model.onStatusMessageClick}\n            width={width}\n            height={height}\n            selectionId={model.state.key}\n            displayMode={displayMode}\n            titleItems={titleItemsElement}\n            dragClass={dragClass}\n            actions={actionsElement}\n            dragClassCancel={dragClassCancel}\n            padding={plugin.noPadding ? 'none' : 'md'}\n            menu={panelMenu}\n            onCancelQuery={model.onCancelQuery}\n            onFocus={setPanelAttention}\n            onMouseEnter={setPanelAttention}\n            onMouseMove={debouncedMouseMove}\n            onDragStart={(e: React.PointerEvent) => {\n              dragHooks.onDragStart?.(e, model);\n            }}\n            {...(collapsible\n              ? {\n                  collapsible: Boolean(collapsible),\n                  collapsed,\n                  onToggleCollapse: model.onToggleCollapse,\n                  showMenuAlways,\n                }\n              : { hoverHeader, hoverHeaderOffset })}\n          >\n            {(innerWidth, innerHeight) => (\n              <>\n                <ErrorBoundaryAlert dependencies={[plugin, data]}>\n                  <PluginContextProvider meta={plugin.meta}>\n                    <PanelContextProvider value={context}>\n                      {isReadyToRender && (\n                        <PanelComponent\n                          id={panelId}\n                          data={data}\n                          title={title}\n                          timeRange={timeRange}\n                          timeZone={timeZone}\n                          options={options}\n                          fieldConfig={fieldConfig}\n                          transparent={false}\n                          width={innerWidth}\n                          height={innerHeight}\n                          renderCounter={_renderCounter}\n                          replaceVariables={model.interpolate}\n                          onOptionsChange={model.onOptionsChange}\n                          onFieldConfigChange={model.onFieldConfigChange}\n                          onChangeTimeRange={model.onTimeRangeChange}\n                          eventBus={context.eventBus}\n                        />\n                      )}\n                    </PanelContextProvider>\n                  </PluginContextProvider>\n                </ErrorBoundaryAlert>\n              </>\n            )}\n          </PanelChrome>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction useDataWithSeriesLimit(data: PanelData | undefined, seriesLimit?: number, showAllSeries?: boolean) {\n  return useMemo(() => {\n    if (!data?.series || !seriesLimit || showAllSeries) {\n      return data;\n    }\n\n    return {\n      ...data,\n      series: data.series.slice(0, seriesLimit),\n    };\n  }, [data, seriesLimit, showAllSeries]);\n}\n\nfunction getDragClasses(panel: VizPanel) {\n  const parentLayout = sceneGraph.getLayout(panel);\n  const isDraggable = parentLayout?.isDraggable();\n\n  if (!parentLayout || !isDraggable || itemDraggingDisabled(panel, parentLayout)) {\n    return { dragClass: '', dragClassCancel: '' };\n  }\n\n  return { dragClass: parentLayout.getDragClass?.(), dragClassCancel: parentLayout?.getDragClassCancel?.() };\n}\n\nfunction getDragHooks(panel: VizPanel) {\n  const parentLayout = sceneGraph.getLayout(panel);\n  return parentLayout?.getDragHooks?.() ?? {};\n}\n\n/**\n * Walks up the parent chain until it hits the layout object, trying to find the closest SceneGridItemLike ancestor.\n * It is not always the direct parent, because the VizPanel can be wrapped in other objects.\n */\nfunction itemDraggingDisabled(item: SceneObject, layout: SceneLayout) {\n  let ancestor = item.parent;\n\n  while (ancestor && ancestor !== layout) {\n    if ('isDraggable' in ancestor.state && ancestor.state.isDraggable === false) {\n      return true;\n    }\n\n    ancestor = ancestor.parent;\n  }\n\n  return false;\n}\n\nfunction getChromeStatusMessage(data: PanelData, pluginLoadingError: string | undefined) {\n  if (pluginLoadingError) {\n    return pluginLoadingError;\n  }\n\n  let message = data.error ? data.error.message : undefined;\n\n  // Handling multiple errors with a single string until we integrate VizPanel with inspector\n  if (data.errors) {\n    message = data.errors.map((e) => e.message).join(', ');\n  }\n  return message;\n}\n\nconst relativeWrapper = css({\n  position: 'relative',\n  width: '100%',\n  height: '100%',\n});\n\n/**\n * Sadly this this absolute wrapper is needed for the panel to adopt smaller sizes.\n * The combo of useMeasure and PanelChrome makes the panel take up the width it get's but that makes it impossible to\n * Then adapt to smaller space (say resizing the browser window or undocking menu).\n */\nconst absoluteWrapper = css({\n  position: 'absolute',\n  width: '100%',\n  height: '100%',\n});\n\nconst getAlertStateStyles = (theme: GrafanaTheme2) => {\n  return {\n    ok: css({\n      color: theme.colors.success.text,\n    }),\n    pending: css({\n      color: theme.colors.warning.text,\n    }),\n    alerting: css({\n      color: theme.colors.error.text,\n    }),\n  };\n};\n"],"names":["_a"],"mappings":"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"}

package/dist/esm/components/VizPanel/VizPanelSeriesLimit.js

@@ -9,13 +9,21 @@ function VizPanelSeriesLimit({ data, showAll, seriesLimit, onShowAllSeries }) {
     return null;
   }
   const buttonText = showAll ? "Restore limit" : `Show all ${seriesCount}`;
-  return /* @__PURE__ */ React.createElement("div", { className: styles.timeSeriesDisclaimer }, !showAll && /* @__PURE__ */ React.createElement("span", { className: styles.warningMessage }, /* @__PURE__ */ React.createElement(Icon, { title: `Showing only ${seriesLimit} series`, name: "exclamation-triangle", "aria-hidden": "true" })), /* @__PURE__ */ React.createElement(
-    Tooltip,
-    {
-      content: "Rendering too many series in a single panel may impact performance and make data harder to read."
-    },
-    /* @__PURE__ */ React.createElement(Button, { variant: "secondary", size: "sm", onClick: onShowAllSeries }, buttonText)
-  ));
+  return /* @__PURE__ */ React.createElement("div", {
+    className: styles.timeSeriesDisclaimer
+  }, !showAll && /* @__PURE__ */ React.createElement("span", {
+    className: styles.warningMessage
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    title: `Showing only ${seriesLimit} series`,
+    name: "exclamation-triangle",
+    "aria-hidden": "true"
+  })), /* @__PURE__ */ React.createElement(Tooltip, {
+    content: "Rendering too many series in a single panel may impact performance and make data harder to read."
+  }, /* @__PURE__ */ React.createElement(Button, {
+    variant: "secondary",
+    size: "sm",
+    onClick: onShowAllSeries
+  }, buttonText)));
 }
 const getStyles = (theme) => ({
   timeSeriesDisclaimer: css({

package/dist/esm/components/VizPanel/VizPanelSeriesLimit.js.map

@@ -1 +1 @@
-{"version":3,"file":"VizPanelSeriesLimit.js","sources":["../../../../src/components/VizPanel/VizPanelSeriesLimit.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { GrafanaTheme2, PanelData } from '@grafana/data';\nimport { Button, Icon, Tooltip, useStyles2 } from '@grafana/ui';\nimport React from 'react';\n\nexport interface Props {\n  showAll?: boolean;\n  seriesLimit: number;\n  data?: PanelData;\n  onShowAllSeries: () => void;\n}\n\nexport function VizPanelSeriesLimit({ data, showAll, seriesLimit, onShowAllSeries }: Props) {\n  const styles = useStyles2(getStyles);\n  const seriesCount = data?.series.length;\n\n  if (seriesCount === undefined || seriesCount < seriesLimit) {\n    return null;\n  }\n\n  const buttonText = showAll ? 'Restore limit' : `Show all ${seriesCount}`;\n\n  return (\n    <div className={styles.timeSeriesDisclaimer}>\n      {!showAll && (\n        <span className={styles.warningMessage}>\n          <Icon title={`Showing only ${seriesLimit} series`} name=\"exclamation-triangle\" aria-hidden=\"true\" />\n        </span>\n      )}\n      <Tooltip\n        content={'Rendering too many series in a single panel may impact performance and make data harder to read.'}\n      >\n        <Button variant=\"secondary\" size=\"sm\" onClick={onShowAllSeries}>\n          {buttonText}\n        </Button>\n      </Tooltip>\n    </div>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  timeSeriesDisclaimer: css({\n    label: 'time-series-disclaimer',\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  }),\n  warningMessage: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.colors.warning.main,\n    fontSize: theme.typography.bodySmall.fontSize,\n  }),\n});\n"],"names":[],"mappings":";;;;AAYO,SAAS,oBAAoB,EAAE,IAAA,EAAM,OAAS,EAAA,WAAA,EAAa,iBAA0B,EAAA;AAC1F,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AACnC,EAAM,MAAA,WAAA,GAAc,6BAAM,MAAO,CAAA,MAAA;AAEjC,EAAI,IAAA,WAAA,KAAgB,MAAa,IAAA,WAAA,GAAc,WAAa,EAAA;AAC1D,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,UAAa,GAAA,OAAA,GAAU,eAAkB,GAAA,CAAA,SAAA,EAAY,WAAW,CAAA,CAAA;AAEtE,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,wBACpB,CAAC,OAAA,oBACC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,kCACrB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAA,aAAA,EAAgB,WAAW,CAAA,OAAA,CAAA,EAAW,MAAK,sBAAuB,EAAA,aAAA,EAAY,MAAO,EAAA,CACpG,CAEF,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,KAAA;AAAA,oBAET,KAAA,CAAA,aAAA,CAAC,UAAO,OAAQ,EAAA,WAAA,EAAY,MAAK,IAAK,EAAA,OAAA,EAAS,mBAC5C,UACH;AAAA,GAEJ,CAAA;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAA0B,MAAA;AAAA,EAC3C,sBAAsB,GAAI,CAAA;AAAA,IACxB,KAAO,EAAA,wBAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,GACrB,CAAA;AAAA,EACD,gBAAgB,GAAI,CAAA;AAAA,IAClB,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,OAAQ,CAAA,IAAA;AAAA,IAC5B,QAAA,EAAU,KAAM,CAAA,UAAA,CAAW,SAAU,CAAA;AAAA,GACtC;AACH,CAAA,CAAA;;;;"}
+{"version":3,"file":"VizPanelSeriesLimit.js","sources":["../../../../src/components/VizPanel/VizPanelSeriesLimit.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { GrafanaTheme2, PanelData } from '@grafana/data';\nimport { Button, Icon, Tooltip, useStyles2 } from '@grafana/ui';\nimport React from 'react';\n\nexport interface Props {\n  showAll?: boolean;\n  seriesLimit: number;\n  data?: PanelData;\n  onShowAllSeries: () => void;\n}\n\nexport function VizPanelSeriesLimit({ data, showAll, seriesLimit, onShowAllSeries }: Props) {\n  const styles = useStyles2(getStyles);\n  const seriesCount = data?.series.length;\n\n  if (seriesCount === undefined || seriesCount < seriesLimit) {\n    return null;\n  }\n\n  const buttonText = showAll ? 'Restore limit' : `Show all ${seriesCount}`;\n\n  return (\n    <div className={styles.timeSeriesDisclaimer}>\n      {!showAll && (\n        <span className={styles.warningMessage}>\n          <Icon title={`Showing only ${seriesLimit} series`} name=\"exclamation-triangle\" aria-hidden=\"true\" />\n        </span>\n      )}\n      <Tooltip\n        content={'Rendering too many series in a single panel may impact performance and make data harder to read.'}\n      >\n        <Button variant=\"secondary\" size=\"sm\" onClick={onShowAllSeries}>\n          {buttonText}\n        </Button>\n      </Tooltip>\n    </div>\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  timeSeriesDisclaimer: css({\n    label: 'time-series-disclaimer',\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  }),\n  warningMessage: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.colors.warning.main,\n    fontSize: theme.typography.bodySmall.fontSize,\n  }),\n});\n"],"names":[],"mappings":";;;;AAYO,SAAS,oBAAoB,EAAE,IAAA,EAAM,OAAS,EAAA,WAAA,EAAa,iBAA0B,EAAA;AAC1F,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA,CAAA;AACnC,EAAM,MAAA,WAAA,GAAc,6BAAM,MAAO,CAAA,MAAA,CAAA;AAEjC,EAAI,IAAA,WAAA,KAAgB,KAAa,CAAA,IAAA,WAAA,GAAc,WAAa,EAAA;AAC1D,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAM,MAAA,UAAA,GAAa,OAAU,GAAA,eAAA,GAAkB,CAAY,SAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AAE3D,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,MAAO,CAAA,oBAAA;AAAA,GACpB,EAAA,CAAC,2BACC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IAAK,WAAW,MAAO,CAAA,cAAA;AAAA,GAAA,kBACrB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,OAAO,CAAgB,aAAA,EAAA,WAAA,CAAA,OAAA,CAAA;AAAA,IAAsB,IAAK,EAAA,sBAAA;AAAA,IAAuB,aAAY,EAAA,MAAA;AAAA,GAAO,CACpG,mBAED,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IACC,OAAS,EAAA,kGAAA;AAAA,GAAA,kBAER,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IAAO,OAAQ,EAAA,WAAA;AAAA,IAAY,IAAK,EAAA,IAAA;AAAA,IAAK,OAAS,EAAA,eAAA;AAAA,GAC5C,EAAA,UACH,CACF,CACF,CAAA,CAAA;AAEJ,CAAA;AAEA,MAAM,SAAA,GAAY,CAAC,KAA0B,MAAA;AAAA,EAC3C,sBAAsB,GAAI,CAAA;AAAA,IACxB,KAAO,EAAA,wBAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,GACrB,CAAA;AAAA,EACD,gBAAgB,GAAI,CAAA;AAAA,IAClB,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,OAAQ,CAAA,IAAA;AAAA,IAC5B,QAAA,EAAU,KAAM,CAAA,UAAA,CAAW,SAAU,CAAA,QAAA;AAAA,GACtC,CAAA;AACH,CAAA,CAAA;;;;"}

package/dist/esm/components/VizPanel/colorSeriesConfigFactory.js

@@ -1,39 +1,53 @@
 import { FieldMatcherID, FieldColorModeId } from '@grafana/data';
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const changeSeriesColorConfigFactory = (label, color, fieldConfig) => {
   const { overrides } = fieldConfig;
   const currentIndex = fieldConfig.overrides.findIndex((override) => {
     return override.matcher.id === FieldMatcherID.byName && override.matcher.options === label;
   });
   if (currentIndex < 0) {
-    return {
-      ...fieldConfig,
+    return __spreadProps(__spreadValues({}, fieldConfig), {
       overrides: [...fieldConfig.overrides, createOverride(label, color)]
-    };
+    });
   }
   const overridesCopy = Array.from(overrides);
   const existing = overridesCopy[currentIndex];
   const propertyIndex = existing.properties.findIndex((p) => p.id === "color");
   if (propertyIndex < 0) {
-    overridesCopy[currentIndex] = {
-      ...existing,
+    overridesCopy[currentIndex] = __spreadProps(__spreadValues({}, existing), {
       properties: [...existing.properties, createProperty(color)]
-    };
-    return {
-      ...fieldConfig,
+    });
+    return __spreadProps(__spreadValues({}, fieldConfig), {
       overrides: overridesCopy
-    };
+    });
   }
   const propertiesCopy = Array.from(existing.properties);
   propertiesCopy[propertyIndex] = createProperty(color);
-  overridesCopy[currentIndex] = {
-    ...existing,
+  overridesCopy[currentIndex] = __spreadProps(__spreadValues({}, existing), {
     properties: propertiesCopy
-  };
-  return {
-    ...fieldConfig,
+  });
+  return __spreadProps(__spreadValues({}, fieldConfig), {
     overrides: overridesCopy
-  };
+  });
 };
 const createOverride = (label, color) => {
   return {

package/dist/esm/components/VizPanel/colorSeriesConfigFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorSeriesConfigFactory.js","sources":["../../../../src/components/VizPanel/colorSeriesConfigFactory.ts"],"sourcesContent":["import {\n  ConfigOverrideRule,\n  DynamicConfigValue,\n  FieldColorModeId,\n  FieldConfigSource,\n  FieldMatcherID,\n} from '@grafana/data';\n\nexport const changeSeriesColorConfigFactory = (\n  label: string,\n  color: string,\n  fieldConfig: FieldConfigSource\n): FieldConfigSource => {\n  const { overrides } = fieldConfig;\n  const currentIndex = fieldConfig.overrides.findIndex((override) => {\n    return override.matcher.id === FieldMatcherID.byName && override.matcher.options === label;\n  });\n\n  if (currentIndex < 0) {\n    return {\n      ...fieldConfig,\n      overrides: [...fieldConfig.overrides, createOverride(label, color)],\n    };\n  }\n\n  const overridesCopy = Array.from(overrides);\n  const existing = overridesCopy[currentIndex];\n  const propertyIndex = existing.properties.findIndex((p) => p.id === 'color');\n\n  if (propertyIndex < 0) {\n    overridesCopy[currentIndex] = {\n      ...existing,\n      properties: [...existing.properties, createProperty(color)],\n    };\n\n    return {\n      ...fieldConfig,\n      overrides: overridesCopy,\n    };\n  }\n\n  const propertiesCopy = Array.from(existing.properties);\n  propertiesCopy[propertyIndex] = createProperty(color);\n\n  overridesCopy[currentIndex] = {\n    ...existing,\n    properties: propertiesCopy,\n  };\n\n  return {\n    ...fieldConfig,\n    overrides: overridesCopy,\n  };\n};\n\nconst createOverride = (label: string, color: string): ConfigOverrideRule => {\n  return {\n    matcher: {\n      id: FieldMatcherID.byName,\n      options: label,\n    },\n    properties: [createProperty(color)],\n  };\n};\n\nconst createProperty = (color: string): DynamicConfigValue => {\n  return {\n    id: 'color',\n    value: {\n      mode: FieldColorModeId.Fixed,\n      fixedColor: color,\n    },\n  };\n};\n"],"names":[],"mappings":";;AAQO,MAAM,8BAAiC,GAAA,CAC5C,KACA,EAAA,KAAA,EACA,WACsB,KAAA;AACtB,EAAM,MAAA,EAAE,WAAc,GAAA,WAAA;AACtB,EAAA,MAAM,YAAe,GAAA,WAAA,CAAY,SAAU,CAAA,SAAA,CAAU,CAAC,QAAa,KAAA;AACjE,IAAA,OAAO,SAAS,OAAQ,CAAA,EAAA,KAAO,eAAe,MAAU,IAAA,QAAA,CAAS,QAAQ,OAAY,KAAA,KAAA;AAAA,GACtF,CAAA;AAED,EAAA,IAAI,eAAe,CAAG,EAAA;AACpB,IAAO,OAAA;AAAA,MACL,GAAG,WAAA;AAAA,MACH,SAAA,EAAW,CAAC,GAAG,WAAA,CAAY,WAAW,cAAe,CAAA,KAAA,EAAO,KAAK,CAAC;AAAA,KACpE;AAAA;AAGF,EAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,IAAA,CAAK,SAAS,CAAA;AAC1C,EAAM,MAAA,QAAA,GAAW,cAAc,YAAY,CAAA;AAC3C,EAAM,MAAA,aAAA,GAAgB,SAAS,UAAW,CAAA,SAAA,CAAU,CAAC,CAAM,KAAA,CAAA,CAAE,OAAO,OAAO,CAAA;AAE3E,EAAA,IAAI,gBAAgB,CAAG,EAAA;AACrB,IAAA,aAAA,CAAc,YAAY,CAAI,GAAA;AAAA,MAC5B,GAAG,QAAA;AAAA,MACH,YAAY,CAAC,GAAG,SAAS,UAAY,EAAA,cAAA,CAAe,KAAK,CAAC;AAAA,KAC5D;AAEA,IAAO,OAAA;AAAA,MACL,GAAG,WAAA;AAAA,MACH,SAAW,EAAA;AAAA,KACb;AAAA;AAGF,EAAA,MAAM,cAAiB,GAAA,KAAA,CAAM,IAAK,CAAA,QAAA,CAAS,UAAU,CAAA;AACrD,EAAe,cAAA,CAAA,aAAa,CAAI,GAAA,cAAA,CAAe,KAAK,CAAA;AAEpD,EAAA,aAAA,CAAc,YAAY,CAAI,GAAA;AAAA,IAC5B,GAAG,QAAA;AAAA,IACH,UAAY,EAAA;AAAA,GACd;AAEA,EAAO,OAAA;AAAA,IACL,GAAG,WAAA;AAAA,IACH,SAAW,EAAA;AAAA,GACb;AACF;AAEA,MAAM,cAAA,GAAiB,CAAC,KAAA,EAAe,KAAsC,KAAA;AAC3E,EAAO,OAAA;AAAA,IACL,OAAS,EAAA;AAAA,MACP,IAAI,cAAe,CAAA,MAAA;AAAA,MACnB,OAAS,EAAA;AAAA,KACX;AAAA,IACA,UAAY,EAAA,CAAC,cAAe,CAAA,KAAK,CAAC;AAAA,GACpC;AACF,CAAA;AAEA,MAAM,cAAA,GAAiB,CAAC,KAAsC,KAAA;AAC5D,EAAO,OAAA;AAAA,IACL,EAAI,EAAA,OAAA;AAAA,IACJ,KAAO,EAAA;AAAA,MACL,MAAM,gBAAiB,CAAA,KAAA;AAAA,MACvB,UAAY,EAAA;AAAA;AACd,GACF;AACF,CAAA;;;;"}
+{"version":3,"file":"colorSeriesConfigFactory.js","sources":["../../../../src/components/VizPanel/colorSeriesConfigFactory.ts"],"sourcesContent":["import {\n  ConfigOverrideRule,\n  DynamicConfigValue,\n  FieldColorModeId,\n  FieldConfigSource,\n  FieldMatcherID,\n} from '@grafana/data';\n\nexport const changeSeriesColorConfigFactory = (\n  label: string,\n  color: string,\n  fieldConfig: FieldConfigSource\n): FieldConfigSource => {\n  const { overrides } = fieldConfig;\n  const currentIndex = fieldConfig.overrides.findIndex((override) => {\n    return override.matcher.id === FieldMatcherID.byName && override.matcher.options === label;\n  });\n\n  if (currentIndex < 0) {\n    return {\n      ...fieldConfig,\n      overrides: [...fieldConfig.overrides, createOverride(label, color)],\n    };\n  }\n\n  const overridesCopy = Array.from(overrides);\n  const existing = overridesCopy[currentIndex];\n  const propertyIndex = existing.properties.findIndex((p) => p.id === 'color');\n\n  if (propertyIndex < 0) {\n    overridesCopy[currentIndex] = {\n      ...existing,\n      properties: [...existing.properties, createProperty(color)],\n    };\n\n    return {\n      ...fieldConfig,\n      overrides: overridesCopy,\n    };\n  }\n\n  const propertiesCopy = Array.from(existing.properties);\n  propertiesCopy[propertyIndex] = createProperty(color);\n\n  overridesCopy[currentIndex] = {\n    ...existing,\n    properties: propertiesCopy,\n  };\n\n  return {\n    ...fieldConfig,\n    overrides: overridesCopy,\n  };\n};\n\nconst createOverride = (label: string, color: string): ConfigOverrideRule => {\n  return {\n    matcher: {\n      id: FieldMatcherID.byName,\n      options: label,\n    },\n    properties: [createProperty(color)],\n  };\n};\n\nconst createProperty = (color: string): DynamicConfigValue => {\n  return {\n    id: 'color',\n    value: {\n      mode: FieldColorModeId.Fixed,\n      fixedColor: color,\n    },\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,8BAAiC,GAAA,CAC5C,KACA,EAAA,KAAA,EACA,WACsB,KAAA;AACtB,EAAM,MAAA,EAAE,WAAc,GAAA,WAAA,CAAA;AACtB,EAAA,MAAM,YAAe,GAAA,WAAA,CAAY,SAAU,CAAA,SAAA,CAAU,CAAC,QAAa,KAAA;AACjE,IAAA,OAAO,SAAS,OAAQ,CAAA,EAAA,KAAO,eAAe,MAAU,IAAA,QAAA,CAAS,QAAQ,OAAY,KAAA,KAAA,CAAA;AAAA,GACtF,CAAA,CAAA;AAED,EAAA,IAAI,eAAe,CAAG,EAAA;AACpB,IAAA,OAAO,iCACF,WADE,CAAA,EAAA;AAAA,MAEL,SAAA,EAAW,CAAC,GAAG,WAAA,CAAY,WAAW,cAAe,CAAA,KAAA,EAAO,KAAK,CAAC,CAAA;AAAA,KACpE,CAAA,CAAA;AAAA,GACF;AAEA,EAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,IAAA,CAAK,SAAS,CAAA,CAAA;AAC1C,EAAA,MAAM,WAAW,aAAc,CAAA,YAAA,CAAA,CAAA;AAC/B,EAAM,MAAA,aAAA,GAAgB,SAAS,UAAW,CAAA,SAAA,CAAU,CAAC,CAAM,KAAA,CAAA,CAAE,OAAO,OAAO,CAAA,CAAA;AAE3E,EAAA,IAAI,gBAAgB,CAAG,EAAA;AACrB,IAAc,aAAA,CAAA,YAAA,CAAA,GAAgB,iCACzB,QADyB,CAAA,EAAA;AAAA,MAE5B,YAAY,CAAC,GAAG,SAAS,UAAY,EAAA,cAAA,CAAe,KAAK,CAAC,CAAA;AAAA,KAC5D,CAAA,CAAA;AAEA,IAAA,OAAO,iCACF,WADE,CAAA,EAAA;AAAA,MAEL,SAAW,EAAA,aAAA;AAAA,KACb,CAAA,CAAA;AAAA,GACF;AAEA,EAAA,MAAM,cAAiB,GAAA,KAAA,CAAM,IAAK,CAAA,QAAA,CAAS,UAAU,CAAA,CAAA;AACrD,EAAe,cAAA,CAAA,aAAA,CAAA,GAAiB,eAAe,KAAK,CAAA,CAAA;AAEpD,EAAc,aAAA,CAAA,YAAA,CAAA,GAAgB,iCACzB,QADyB,CAAA,EAAA;AAAA,IAE5B,UAAY,EAAA,cAAA;AAAA,GACd,CAAA,CAAA;AAEA,EAAA,OAAO,iCACF,WADE,CAAA,EAAA;AAAA,IAEL,SAAW,EAAA,aAAA;AAAA,GACb,CAAA,CAAA;AACF,EAAA;AAEA,MAAM,cAAA,GAAiB,CAAC,KAAA,EAAe,KAAsC,KAAA;AAC3E,EAAO,OAAA;AAAA,IACL,OAAS,EAAA;AAAA,MACP,IAAI,cAAe,CAAA,MAAA;AAAA,MACnB,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,UAAY,EAAA,CAAC,cAAe,CAAA,KAAK,CAAC,CAAA;AAAA,GACpC,CAAA;AACF,CAAA,CAAA;AAEA,MAAM,cAAA,GAAiB,CAAC,KAAsC,KAAA;AAC5D,EAAO,OAAA;AAAA,IACL,EAAI,EAAA,OAAA;AAAA,IACJ,KAAO,EAAA;AAAA,MACL,MAAM,gBAAiB,CAAA,KAAA;AAAA,MACvB,UAAY,EAAA,KAAA;AAAA,KACd;AAAA,GACF,CAAA;AACF,CAAA;;;;"}

package/dist/esm/components/VizPanel/registerRuntimePanelPlugin.js

@@ -1,12 +1,30 @@
 import { getPluginImportUtils } from '@grafana/runtime';
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const runtimePanelPlugins = /* @__PURE__ */ new Map();
 function registerRuntimePanelPlugin({ pluginId, plugin }) {
   if (runtimePanelPlugins.has(pluginId)) {
     throw new Error(`A runtime panel plugin with id ${pluginId} has already been registered`);
   }
-  plugin.meta = {
-    ...plugin.meta,
+  plugin.meta = __spreadProps(__spreadValues({}, plugin.meta), {
     id: pluginId,
     name: pluginId,
     module: "runtime plugin",
@@ -25,7 +43,7 @@ function registerRuntimePanelPlugin({ pluginId, plugin }) {
       updated: "",
       version: ""
     }
-  };
+  });
   runtimePanelPlugins.set(pluginId, plugin);
 }
 function loadPanelPluginSync(pluginId) {

package/dist/esm/components/VizPanel/registerRuntimePanelPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerRuntimePanelPlugin.js","sources":["../../../../src/components/VizPanel/registerRuntimePanelPlugin.ts"],"sourcesContent":["import { PanelPlugin, PluginMetaInfo } from '@grafana/data';\nimport { getPluginImportUtils } from '@grafana/runtime';\n\nexport const runtimePanelPlugins = new Map<string, PanelPlugin>();\n\nexport interface RuntimePanelPluginOptions {\n  /**\n   * Please specify a pluginId that is unlikely to collide with other plugins.\n   */\n  pluginId: string;\n  plugin: PanelPlugin;\n}\n\n/**\n * Provides a way to register runtime panel plugins.\n * Please use a pluginId that is unlikely to collide with other plugins.\n */\nexport function registerRuntimePanelPlugin({ pluginId, plugin }: RuntimePanelPluginOptions) {\n  if (runtimePanelPlugins.has(pluginId)) {\n    throw new Error(`A runtime panel plugin with id ${pluginId} has already been registered`);\n  }\n\n  plugin.meta = {\n    ...plugin.meta,\n    id: pluginId,\n    name: pluginId,\n    module: 'runtime plugin',\n    baseUrl: 'runtime plugin',\n    info: {\n      author: {\n        name: 'Runtime plugin ' + pluginId,\n      },\n      description: '',\n      links: [],\n      logos: {\n        large: '',\n        small: '',\n      },\n      screenshots: [],\n      updated: '',\n      version: '',\n    } as PluginMetaInfo,\n  };\n\n  runtimePanelPlugins.set(pluginId, plugin);\n}\n\nexport function loadPanelPluginSync(pluginId: string) {\n  const { getPanelPluginFromCache } = getPluginImportUtils();\n\n  return getPanelPluginFromCache(pluginId) ?? runtimePanelPlugins.get(pluginId);\n}\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAA,uBAA0B,GAAyB;AAczD,SAAS,0BAA2B,CAAA,EAAE,QAAU,EAAA,MAAA,EAAqC,EAAA;AAC1F,EAAI,IAAA,mBAAA,CAAoB,GAAI,CAAA,QAAQ,CAAG,EAAA;AACrC,IAAA,MAAM,IAAI,KAAA,CAAM,CAAkC,+BAAA,EAAA,QAAQ,CAA8B,4BAAA,CAAA,CAAA;AAAA;AAG1F,EAAA,MAAA,CAAO,IAAO,GAAA;AAAA,IACZ,GAAG,MAAO,CAAA,IAAA;AAAA,IACV,EAAI,EAAA,QAAA;AAAA,IACJ,IAAM,EAAA,QAAA;AAAA,IACN,MAAQ,EAAA,gBAAA;AAAA,IACR,OAAS,EAAA,gBAAA;AAAA,IACT,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA;AAAA,QACN,MAAM,iBAAoB,GAAA;AAAA,OAC5B;AAAA,MACA,WAAa,EAAA,EAAA;AAAA,MACb,OAAO,EAAC;AAAA,MACR,KAAO,EAAA;AAAA,QACL,KAAO,EAAA,EAAA;AAAA,QACP,KAAO,EAAA;AAAA,OACT;AAAA,MACA,aAAa,EAAC;AAAA,MACd,OAAS,EAAA,EAAA;AAAA,MACT,OAAS,EAAA;AAAA;AACX,GACF;AAEA,EAAoB,mBAAA,CAAA,GAAA,CAAI,UAAU,MAAM,CAAA;AAC1C;AAEO,SAAS,oBAAoB,QAAkB,EAAA;AA/CtD,EAAA,IAAA,EAAA;AAgDE,EAAM,MAAA,EAAE,uBAAwB,EAAA,GAAI,oBAAqB,EAAA;AAEzD,EAAA,OAAA,CAAO,6BAAwB,QAAQ,CAAA,KAAhC,IAAqC,GAAA,EAAA,GAAA,mBAAA,CAAoB,IAAI,QAAQ,CAAA;AAC9E;;;;"}
+{"version":3,"file":"registerRuntimePanelPlugin.js","sources":["../../../../src/components/VizPanel/registerRuntimePanelPlugin.ts"],"sourcesContent":["import { PanelPlugin, PluginMetaInfo } from '@grafana/data';\nimport { getPluginImportUtils } from '@grafana/runtime';\n\nexport const runtimePanelPlugins = new Map<string, PanelPlugin>();\n\nexport interface RuntimePanelPluginOptions {\n  /**\n   * Please specify a pluginId that is unlikely to collide with other plugins.\n   */\n  pluginId: string;\n  plugin: PanelPlugin;\n}\n\n/**\n * Provides a way to register runtime panel plugins.\n * Please use a pluginId that is unlikely to collide with other plugins.\n */\nexport function registerRuntimePanelPlugin({ pluginId, plugin }: RuntimePanelPluginOptions) {\n  if (runtimePanelPlugins.has(pluginId)) {\n    throw new Error(`A runtime panel plugin with id ${pluginId} has already been registered`);\n  }\n\n  plugin.meta = {\n    ...plugin.meta,\n    id: pluginId,\n    name: pluginId,\n    module: 'runtime plugin',\n    baseUrl: 'runtime plugin',\n    info: {\n      author: {\n        name: 'Runtime plugin ' + pluginId,\n      },\n      description: '',\n      links: [],\n      logos: {\n        large: '',\n        small: '',\n      },\n      screenshots: [],\n      updated: '',\n      version: '',\n    } as PluginMetaInfo,\n  };\n\n  runtimePanelPlugins.set(pluginId, plugin);\n}\n\nexport function loadPanelPluginSync(pluginId: string) {\n  const { getPanelPluginFromCache } = getPluginImportUtils();\n\n  return getPanelPluginFromCache(pluginId) ?? runtimePanelPlugins.get(pluginId);\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAGa,MAAA,mBAAA,uBAA0B,GAAyB,GAAA;AAczD,SAAS,0BAA2B,CAAA,EAAE,QAAU,EAAA,MAAA,EAAqC,EAAA;AAC1F,EAAI,IAAA,mBAAA,CAAoB,GAAI,CAAA,QAAQ,CAAG,EAAA;AACrC,IAAM,MAAA,IAAI,KAAM,CAAA,CAAA,+BAAA,EAAkC,QAAsC,CAAA,4BAAA,CAAA,CAAA,CAAA;AAAA,GAC1F;AAEA,EAAO,MAAA,CAAA,IAAA,GAAO,aACT,CAAA,cAAA,CAAA,EAAA,EAAA,MAAA,CAAO,IADE,CAAA,EAAA;AAAA,IAEZ,EAAI,EAAA,QAAA;AAAA,IACJ,IAAM,EAAA,QAAA;AAAA,IACN,MAAQ,EAAA,gBAAA;AAAA,IACR,OAAS,EAAA,gBAAA;AAAA,IACT,IAAM,EAAA;AAAA,MACJ,MAAQ,EAAA;AAAA,QACN,MAAM,iBAAoB,GAAA,QAAA;AAAA,OAC5B;AAAA,MACA,WAAa,EAAA,EAAA;AAAA,MACb,OAAO,EAAC;AAAA,MACR,KAAO,EAAA;AAAA,QACL,KAAO,EAAA,EAAA;AAAA,QACP,KAAO,EAAA,EAAA;AAAA,OACT;AAAA,MACA,aAAa,EAAC;AAAA,MACd,OAAS,EAAA,EAAA;AAAA,MACT,OAAS,EAAA,EAAA;AAAA,KACX;AAAA,GACF,CAAA,CAAA;AAEA,EAAoB,mBAAA,CAAA,GAAA,CAAI,UAAU,MAAM,CAAA,CAAA;AAC1C,CAAA;AAEO,SAAS,oBAAoB,QAAkB,EAAA;AA/CtD,EAAA,IAAA,EAAA,CAAA;AAgDE,EAAM,MAAA,EAAE,uBAAwB,EAAA,GAAI,oBAAqB,EAAA,CAAA;AAEzD,EAAA,OAAA,CAAO,6BAAwB,QAAQ,CAAA,KAAhC,IAAqC,GAAA,EAAA,GAAA,mBAAA,CAAoB,IAAI,QAAQ,CAAA,CAAA;AAC9E;;;;"}