@perses-dev/dashboards 0.0.0-snapshot-panel-actions-520389b → 0.0.0-snapshot-ts-panel-actions-90e9ef0

package/dist/components/Panel/PanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Panel/PanelHeader.tsx"],"sourcesContent":["// Copyright 2025 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 { CardHeader, CardHeaderProps, Stack, Typography } from '@mui/material';\nimport { combineSx } from '@perses-dev/components';\nimport { Link, TimeSeriesData, TimeSeries, TimeSeriesMetadata } from '@perses-dev/core';\nimport { QueryData, useReplaceVariablesInString } from '@perses-dev/plugin-system';\nimport { ReactElement, ReactNode, useMemo } from 'react';\nimport { HEADER_ACTIONS_CONTAINER_NAME } from '../../constants';\nimport { PanelActions, PanelActionsProps } from './PanelActions';\n\ntype OmittedProps = 'children' | 'action' | 'title' | 'disableTypography';\n\ninterface AbsoluteTimeRange {\n  start: Date;\n  end: Date;\n}\n\nexport interface PanelHeaderProps extends Omit<CardHeaderProps, OmittedProps> {\n  id: string;\n  title: string;\n  description?: string;\n  links?: Link[];\n  extra?: ReactNode;\n  queryResults: QueryData[];\n  panelPluginKind: string;\n  readHandlers?: PanelActionsProps['readHandlers'];\n  editHandlers?: PanelActionsProps['editHandlers'];\n  projectName?: string;\n  panelProps?: Record<string, unknown>;\n}\n\nexport function PanelHeader({\n  id,\n  title: rawTitle,\n  description: rawDescription,\n  links,\n  queryResults,\n  readHandlers,\n  editHandlers,\n  sx,\n  extra,\n  panelPluginKind,\n  projectName,\n  panelProps, // ========== ADDED ==========\n  ...rest\n}: PanelHeaderProps): ReactElement {\n  const titleElementId = `${id}-title`;\n  const descriptionTooltipId = `${id}-description`;\n\n  const title = useReplaceVariablesInString(rawTitle) as string;\n  const description = useReplaceVariablesInString(rawDescription);\n\n  const timeSeriesDataForExport = useMemo(() => {\n    // Collect all series from all queries\n    const allSeries: TimeSeries[] = [];\n    let timeRange: AbsoluteTimeRange | undefined = undefined;\n    let stepMs: number | undefined = undefined;\n    let metadata: TimeSeriesMetadata | undefined = undefined;\n\n    queryResults.forEach((query) => {\n      if (query.data && 'series' in query.data) {\n        const timeSeriesData = query.data as TimeSeriesData;\n\n        // Collect series from this query\n        if (timeSeriesData.series && timeSeriesData.series.length > 0) {\n          allSeries.push(...timeSeriesData.series);\n\n          // Use the first query's metadata/timeRange/stepMs as the base\n          if (!timeRange && timeSeriesData.timeRange) {\n            timeRange = timeSeriesData.timeRange;\n          }\n          if (!stepMs && timeSeriesData.stepMs) {\n            stepMs = timeSeriesData.stepMs;\n          }\n          if (!metadata && timeSeriesData.metadata) {\n            metadata = timeSeriesData.metadata;\n          }\n        }\n      }\n    });\n\n    // If we found series, create a combined TimeSeriesData object\n    if (allSeries.length > 0) {\n      const combinedData: TimeSeriesData = {\n        series: allSeries,\n        timeRange,\n        stepMs,\n        metadata,\n      };\n\n      return combinedData;\n    }\n\n    return undefined;\n  }, [queryResults]);\n\n  return (\n    <CardHeader\n      id={id}\n      component=\"header\"\n      aria-labelledby={titleElementId}\n      aria-describedby={descriptionTooltipId}\n      disableTypography\n      title={\n        <Stack direction=\"row\">\n          <Typography\n            id={titleElementId}\n            variant=\"subtitle1\"\n            sx={{\n              // `minHeight` guarantees that the header has the correct height\n              // when there is no title (i.e. in the preview)\n              lineHeight: '24px',\n              minHeight: '26px',\n              whiteSpace: 'nowrap',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n            }}\n          >\n            {title}\n          </Typography>\n          <PanelActions\n            title={title}\n            description={description}\n            descriptionTooltipId={descriptionTooltipId}\n            links={links}\n            queryResults={timeSeriesDataForExport}\n            panelPluginKind={panelPluginKind}\n            readHandlers={readHandlers}\n            editHandlers={editHandlers}\n            extra={extra}\n            projectName={projectName}\n            // ========== ADDED: Pass panel props for actions ==========\n            panelProps={panelProps}\n            // ========================================================\n          />\n        </Stack>\n      }\n      sx={combineSx(\n        (theme) => ({\n          containerType: 'inline-size',\n          containerName: HEADER_ACTIONS_CONTAINER_NAME,\n          padding: theme.spacing(1),\n          borderBottom: `solid 1px ${theme.palette.divider}`,\n          '.MuiCardHeader-content': {\n            overflow: 'hidden',\n          },\n        }),\n        sx\n      )}\n      {...rest}\n    />\n  );\n}\n"],"names":["CardHeader","Stack","Typography","combineSx","useReplaceVariablesInString","useMemo","HEADER_ACTIONS_CONTAINER_NAME","PanelActions","PanelHeader","id","title","rawTitle","description","rawDescription","links","queryResults","readHandlers","editHandlers","sx","extra","panelPluginKind","projectName","panelProps","rest","titleElementId","descriptionTooltipId","timeSeriesDataForExport","allSeries","timeRange","undefined","stepMs","metadata","forEach","query","data","timeSeriesData","series","length","push","combinedData","component","aria-labelledby","aria-describedby","disableTypography","direction","variant","lineHeight","minHeight","whiteSpace","overflow","textOverflow","theme","containerType","containerName","padding","spacing","borderBottom","palette","divider"],"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,SAASA,UAAU,EAAmBC,KAAK,EAAEC,UAAU,QAAQ,gBAAgB;AAC/E,SAASC,SAAS,QAAQ,yBAAyB;AAEnD,SAAoBC,2BAA2B,QAAQ,4BAA4B;AACnF,SAAkCC,OAAO,QAAQ,QAAQ;AACzD,SAASC,6BAA6B,QAAQ,kBAAkB;AAChE,SAASC,YAAY,QAA2B,iBAAiB;AAuBjE,OAAO,SAASC,YAAY,EAC1BC,EAAE,EACFC,OAAOC,QAAQ,EACfC,aAAaC,cAAc,EAC3BC,KAAK,EACLC,YAAY,EACZC,YAAY,EACZC,YAAY,EACZC,EAAE,EACFC,KAAK,EACLC,eAAe,EACfC,WAAW,EACXC,UAAU,EACV,GAAGC,MACc;IACjB,MAAMC,iBAAiB,GAAGf,GAAG,MAAM,CAAC;IACpC,MAAMgB,uBAAuB,GAAGhB,GAAG,YAAY,CAAC;IAEhD,MAAMC,QAAQN,4BAA4BO;IAC1C,MAAMC,cAAcR,4BAA4BS;IAEhD,MAAMa,0BAA0BrB,QAAQ;QACtC,sCAAsC;QACtC,MAAMsB,YAA0B,EAAE;QAClC,IAAIC,YAA2CC;QAC/C,IAAIC,SAA6BD;QACjC,IAAIE,WAA2CF;QAE/Cd,aAAaiB,OAAO,CAAC,CAACC;YACpB,IAAIA,MAAMC,IAAI,IAAI,YAAYD,MAAMC,IAAI,EAAE;gBACxC,MAAMC,iBAAiBF,MAAMC,IAAI;gBAEjC,iCAAiC;gBACjC,IAAIC,eAAeC,MAAM,IAAID,eAAeC,MAAM,CAACC,MAAM,GAAG,GAAG;oBAC7DV,UAAUW,IAAI,IAAIH,eAAeC,MAAM;oBAEvC,8DAA8D;oBAC9D,IAAI,CAACR,aAAaO,eAAeP,SAAS,EAAE;wBAC1CA,YAAYO,eAAeP,SAAS;oBACtC;oBACA,IAAI,CAACE,UAAUK,eAAeL,MAAM,EAAE;wBACpCA,SAASK,eAAeL,MAAM;oBAChC;oBACA,IAAI,CAACC,YAAYI,eAAeJ,QAAQ,EAAE;wBACxCA,WAAWI,eAAeJ,QAAQ;oBACpC;gBACF;YACF;QACF;QAEA,8DAA8D;QAC9D,IAAIJ,UAAUU,MAAM,GAAG,GAAG;YACxB,MAAME,eAA+B;gBACnCH,QAAQT;gBACRC;gBACAE;gBACAC;YACF;YAEA,OAAOQ;QACT;QAEA,OAAOV;IACT,GAAG;QAACd;KAAa;IAEjB,qBACE,KAACf;QACCS,IAAIA;QACJ+B,WAAU;QACVC,mBAAiBjB;QACjBkB,oBAAkBjB;QAClBkB,iBAAiB;QACjBjC,qBACE,MAACT;YAAM2C,WAAU;;8BACf,KAAC1C;oBACCO,IAAIe;oBACJqB,SAAQ;oBACR3B,IAAI;wBACF,gEAAgE;wBAChE,+CAA+C;wBAC/C4B,YAAY;wBACZC,WAAW;wBACXC,YAAY;wBACZC,UAAU;wBACVC,cAAc;oBAChB;8BAECxC;;8BAEH,KAACH;oBACCG,OAAOA;oBACPE,aAAaA;oBACba,sBAAsBA;oBACtBX,OAAOA;oBACPC,cAAcW;oBACdN,iBAAiBA;oBACjBJ,cAAcA;oBACdC,cAAcA;oBACdE,OAAOA;oBACPE,aAAaA;oBACb,4DAA4D;oBAC5DC,YAAYA;;;;QAKlBJ,IAAIf,UACF,CAACgD,QAAW,CAAA;gBACVC,eAAe;gBACfC,eAAe/C;gBACfgD,SAASH,MAAMI,OAAO,CAAC;gBACvBC,cAAc,CAAC,UAAU,EAAEL,MAAMM,OAAO,CAACC,OAAO,EAAE;gBAClD,0BAA0B;oBACxBT,UAAU;gBACZ;YACF,CAAA,GACA/B;QAED,GAAGK,IAAI;;AAGd"}
+{"version":3,"sources":["../../../src/components/Panel/PanelHeader.tsx"],"sourcesContent":["// Copyright 2025 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 { CardHeader, CardHeaderProps, Stack, Typography } from '@mui/material';\nimport { combineSx } from '@perses-dev/components';\nimport { Link } from '@perses-dev/core';\nimport { QueryData, useReplaceVariablesInString } from '@perses-dev/plugin-system';\nimport { ReactElement, ReactNode } from 'react';\nimport { HEADER_ACTIONS_CONTAINER_NAME } from '../../constants';\nimport { PanelActions, PanelActionsProps } from './PanelActions';\n\ntype OmittedProps = 'children' | 'action' | 'title' | 'disableTypography';\n\nexport interface PanelHeaderProps extends Omit<CardHeaderProps, OmittedProps> {\n  id: string;\n  title: string;\n  description?: string;\n  links?: Link[];\n  extra?: ReactNode;\n  queryResults: QueryData[];\n  readHandlers?: PanelActionsProps['readHandlers'];\n  editHandlers?: PanelActionsProps['editHandlers'];\n}\n\nexport function PanelHeader({\n  id,\n  title: rawTitle,\n  description: rawDescription,\n  links,\n  queryResults,\n  readHandlers,\n  editHandlers,\n  sx,\n  extra,\n  ...rest\n}: PanelHeaderProps): ReactElement {\n  const titleElementId = `${id}-title`;\n  const descriptionTooltipId = `${id}-description`;\n\n  const title = useReplaceVariablesInString(rawTitle) as string;\n  const description = useReplaceVariablesInString(rawDescription);\n\n  return (\n    <CardHeader\n      id={id}\n      component=\"header\"\n      aria-labelledby={titleElementId}\n      aria-describedby={descriptionTooltipId}\n      disableTypography\n      title={\n        <Stack direction=\"row\">\n          <Typography\n            id={titleElementId}\n            variant=\"subtitle1\"\n            sx={{\n              // `minHeight` guarantees that the header has the correct height\n              // when there is no title (i.e. in the preview)\n              lineHeight: '24px',\n              minHeight: '26px',\n              whiteSpace: 'nowrap',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n            }}\n          >\n            {title}\n          </Typography>\n          <PanelActions\n            title={title}\n            description={description}\n            descriptionTooltipId={descriptionTooltipId}\n            links={links}\n            queryResults={queryResults}\n            readHandlers={readHandlers}\n            editHandlers={editHandlers}\n            extra={extra}\n          />\n        </Stack>\n      }\n      sx={combineSx(\n        (theme) => ({\n          containerType: 'inline-size',\n          containerName: HEADER_ACTIONS_CONTAINER_NAME,\n          padding: theme.spacing(1),\n          borderBottom: `solid 1px ${theme.palette.divider}`,\n          '.MuiCardHeader-content': {\n            overflow: 'hidden',\n          },\n        }),\n        sx\n      )}\n      {...rest}\n    />\n  );\n}\n"],"names":["CardHeader","Stack","Typography","combineSx","useReplaceVariablesInString","HEADER_ACTIONS_CONTAINER_NAME","PanelActions","PanelHeader","id","title","rawTitle","description","rawDescription","links","queryResults","readHandlers","editHandlers","sx","extra","rest","titleElementId","descriptionTooltipId","component","aria-labelledby","aria-describedby","disableTypography","direction","variant","lineHeight","minHeight","whiteSpace","overflow","textOverflow","theme","containerType","containerName","padding","spacing","borderBottom","palette","divider"],"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,SAASA,UAAU,EAAmBC,KAAK,EAAEC,UAAU,QAAQ,gBAAgB;AAC/E,SAASC,SAAS,QAAQ,yBAAyB;AAEnD,SAAoBC,2BAA2B,QAAQ,4BAA4B;AAEnF,SAASC,6BAA6B,QAAQ,kBAAkB;AAChE,SAASC,YAAY,QAA2B,iBAAiB;AAejE,OAAO,SAASC,YAAY,EAC1BC,EAAE,EACFC,OAAOC,QAAQ,EACfC,aAAaC,cAAc,EAC3BC,KAAK,EACLC,YAAY,EACZC,YAAY,EACZC,YAAY,EACZC,EAAE,EACFC,KAAK,EACL,GAAGC,MACc;IACjB,MAAMC,iBAAiB,GAAGZ,GAAG,MAAM,CAAC;IACpC,MAAMa,uBAAuB,GAAGb,GAAG,YAAY,CAAC;IAEhD,MAAMC,QAAQL,4BAA4BM;IAC1C,MAAMC,cAAcP,4BAA4BQ;IAEhD,qBACE,KAACZ;QACCQ,IAAIA;QACJc,WAAU;QACVC,mBAAiBH;QACjBI,oBAAkBH;QAClBI,iBAAiB;QACjBhB,qBACE,MAACR;YAAMyB,WAAU;;8BACf,KAACxB;oBACCM,IAAIY;oBACJO,SAAQ;oBACRV,IAAI;wBACF,gEAAgE;wBAChE,+CAA+C;wBAC/CW,YAAY;wBACZC,WAAW;wBACXC,YAAY;wBACZC,UAAU;wBACVC,cAAc;oBAChB;8BAECvB;;8BAEH,KAACH;oBACCG,OAAOA;oBACPE,aAAaA;oBACbU,sBAAsBA;oBACtBR,OAAOA;oBACPC,cAAcA;oBACdC,cAAcA;oBACdC,cAAcA;oBACdE,OAAOA;;;;QAIbD,IAAId,UACF,CAAC8B,QAAW,CAAA;gBACVC,eAAe;gBACfC,eAAe9B;gBACf+B,SAASH,MAAMI,OAAO,CAAC;gBACvBC,cAAc,CAAC,UAAU,EAAEL,MAAMM,OAAO,CAACC,OAAO,EAAE;gBAClD,0BAA0B;oBACxBT,UAAU;gBACZ;YACF,CAAA,GACAd;QAED,GAAGE,IAAI;;AAGd"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/dashboards",
-  "version": "0.0.0-snapshot-panel-actions-520389b",
+  "version": "0.0.0-snapshot-ts-panel-actions-90e9ef0",
   "description": "The dashboards feature in Perses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -29,9 +29,9 @@
     "lint:fix": "eslint --fix src --ext .ts,.tsx"
   },
   "dependencies": {
-    "@perses-dev/components": "0.0.0-snapshot-panel-actions-520389b",
-    "@perses-dev/core": "0.0.0-snapshot-panel-actions-520389b",
-    "@perses-dev/plugin-system": "0.0.0-snapshot-panel-actions-520389b",
+    "@perses-dev/components": "0.0.0-snapshot-ts-panel-actions-90e9ef0",
+    "@perses-dev/core": "0.0.0-snapshot-ts-panel-actions-90e9ef0",
+    "@perses-dev/plugin-system": "0.0.0-snapshot-ts-panel-actions-90e9ef0",
     "@types/react-grid-layout": "^1.3.2",
     "date-fns": "^4.1.0",
     "immer": "^10.1.1",
@@ -46,7 +46,7 @@
     "zustand": "^4.3.3"
   },
   "devDependencies": {
-    "@perses-dev/internal-utils": "0.0.0-snapshot-panel-actions-520389b",
+    "@perses-dev/internal-utils": "0.0.0-snapshot-ts-panel-actions-90e9ef0",
     "history": "^5.3.0",
     "intersection-observer": "^0.12.2"
   },