@perses-dev/explore 0.0.0-snapshot-scatterplot-fix-imports-95e1b59 → 0.0.0-snapshot-explorer-plugin-c4a7621

package/dist/components/TimeSeriesExplorer/TimeSeriesExplorer.js

@@ -1,109 +0,0 @@
-// 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DataQueriesProvider, TimeSeriesQueryEditor, useSuggestedStepMs } from '@perses-dev/plugin-system';
-import { Box, Grid, Stack, Typography } from '@mui/material';
-import { ErrorAlert, ErrorBoundary } from '@perses-dev/components';
-import React, { useRef, useState } from 'react';
-import { TimeSeriesChart } from '@perses-dev/panels-plugin';
-import { ExploreToolbar } from '../ExploreToolbar';
-const PANEL_PREVIEW_HEIGHT = 300;
-const PANEL_PREVIEW_DEFAULT_WIDTH = 840;
-export function TimeSeriesPanel({ queries }) {
-    const boxRef = useRef(null);
-    let width = PANEL_PREVIEW_DEFAULT_WIDTH;
-    if (boxRef.current !== null) {
-        width = boxRef.current.getBoundingClientRect().width;
-    }
-    const suggestedStepMs = useSuggestedStepMs(width);
-    // map TimeSeriesQueryDefinition to Definition<UnknownSpec>
-    const definitions = queries.length ? queries.map((query)=>{
-        return {
-            kind: query.spec.plugin.kind,
-            spec: query.spec.plugin.spec
-        };
-    }) : [];
-    return /*#__PURE__*/ _jsx(Box, {
-        ref: boxRef,
-        height: PANEL_PREVIEW_HEIGHT,
-        children: /*#__PURE__*/ _jsx(DataQueriesProvider, {
-            definitions: definitions,
-            options: {
-                suggestedStepMs
-            },
-            children: /*#__PURE__*/ _jsx(TimeSeriesChart.PanelComponent, {
-                contentDimensions: {
-                    width,
-                    height: PANEL_PREVIEW_HEIGHT
-                },
-                spec: {}
-            })
-        })
-    });
-}
-export function TimeSeriesExplorer(props) {
-    const { exploreTitleComponent } = props;
-    const [queries, setQueries] = useState();
-    return /*#__PURE__*/ _jsxs(Stack, {
-        sx: {
-            width: '100%'
-        },
-        px: 2,
-        pb: 2,
-        pt: 1.5,
-        gap: 2,
-        children: [
-            /*#__PURE__*/ _jsx(ExploreToolbar, {
-                exploreTitleComponent: exploreTitleComponent
-            }),
-            /*#__PURE__*/ _jsxs(Grid, {
-                container: true,
-                spacing: 2,
-                children: [
-                    /*#__PURE__*/ _jsx(Grid, {
-                        item: true,
-                        xs: 12,
-                        children: /*#__PURE__*/ _jsx(Stack, {
-                            gap: 1,
-                            children: /*#__PURE__*/ _jsx(TimeSeriesQueryEditor, {
-                                onChange: setQueries,
-                                queries: queries
-                            })
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(Grid, {
-                        item: true,
-                        xs: 12,
-                        children: /*#__PURE__*/ _jsxs(Stack, {
-                            gap: 1,
-                            children: [
-                                /*#__PURE__*/ _jsx(Typography, {
-                                    variant: "h4",
-                                    children: "Preview"
-                                }),
-                                /*#__PURE__*/ _jsx(ErrorBoundary, {
-                                    FallbackComponent: ErrorAlert,
-                                    children: /*#__PURE__*/ _jsx(TimeSeriesPanel, {
-                                        queries: queries !== null && queries !== void 0 ? queries : []
-                                    })
-                                })
-                            ]
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=TimeSeriesExplorer.js.map

package/dist/components/TimeSeriesExplorer/TimeSeriesExplorer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/TimeSeriesExplorer/TimeSeriesExplorer.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 { DataQueriesProvider, TimeSeriesQueryEditor, useSuggestedStepMs } from '@perses-dev/plugin-system';\nimport { Box, Grid, Stack, Typography } from '@mui/material';\nimport { ErrorAlert, ErrorBoundary } from '@perses-dev/components';\nimport { QueryDefinition } from '@perses-dev/core';\nimport React, { useRef, useState } from 'react';\nimport { TimeSeriesChart } from '@perses-dev/panels-plugin';\nimport { ExploreToolbar } from '../ExploreToolbar';\n\nexport interface TimeseriesExplorerProps {\n  exploreTitleComponent?: React.ReactNode;\n}\n\nconst PANEL_PREVIEW_HEIGHT = 300;\nconst PANEL_PREVIEW_DEFAULT_WIDTH = 840;\n\nexport interface PanelPreviewValues {\n  queries: QueryDefinition[];\n}\n\nexport function TimeSeriesPanel({ queries }: PanelPreviewValues) {\n  const boxRef = useRef<HTMLDivElement>(null);\n  let width = PANEL_PREVIEW_DEFAULT_WIDTH;\n  if (boxRef.current !== null) {\n    width = boxRef.current.getBoundingClientRect().width;\n  }\n  const suggestedStepMs = useSuggestedStepMs(width);\n\n  // map TimeSeriesQueryDefinition to Definition<UnknownSpec>\n  const definitions = queries.length\n    ? queries.map((query) => {\n        return {\n          kind: query.spec.plugin.kind,\n          spec: query.spec.plugin.spec,\n        };\n      })\n    : [];\n\n  return (\n    <Box ref={boxRef} height={PANEL_PREVIEW_HEIGHT}>\n      <DataQueriesProvider definitions={definitions} options={{ suggestedStepMs }}>\n        <TimeSeriesChart.PanelComponent\n          contentDimensions={{\n            width,\n            height: PANEL_PREVIEW_HEIGHT,\n          }}\n          spec={{}}\n        />\n      </DataQueriesProvider>\n    </Box>\n  );\n}\n\nexport function TimeSeriesExplorer(props: TimeseriesExplorerProps) {\n  const { exploreTitleComponent } = props;\n\n  const [queries, setQueries] = useState<QueryDefinition[]>();\n\n  return (\n    <Stack sx={{ width: '100%' }} px={2} pb={2} pt={1.5} gap={2}>\n      <ExploreToolbar exploreTitleComponent={exploreTitleComponent} />\n      <Grid container spacing={2}>\n        <Grid item xs={12}>\n          <Stack gap={1}>\n            <TimeSeriesQueryEditor onChange={setQueries} queries={queries} />\n          </Stack>\n        </Grid>\n        <Grid item xs={12}>\n          <Stack gap={1}>\n            <Typography variant=\"h4\">Preview</Typography>\n            <ErrorBoundary FallbackComponent={ErrorAlert}>\n              <TimeSeriesPanel queries={queries ?? []} />\n            </ErrorBoundary>\n          </Stack>\n        </Grid>\n      </Grid>\n    </Stack>\n  );\n}\n"],"names":["DataQueriesProvider","TimeSeriesQueryEditor","useSuggestedStepMs","Box","Grid","Stack","Typography","ErrorAlert","ErrorBoundary","React","useRef","useState","TimeSeriesChart","ExploreToolbar","PANEL_PREVIEW_HEIGHT","PANEL_PREVIEW_DEFAULT_WIDTH","TimeSeriesPanel","queries","boxRef","width","current","getBoundingClientRect","suggestedStepMs","definitions","length","map","query","kind","spec","plugin","ref","height","options","PanelComponent","contentDimensions","TimeSeriesExplorer","props","exploreTitleComponent","setQueries","sx","px","pb","pt","gap","container","spacing","item","xs","onChange","variant","FallbackComponent"],"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,mBAAmB,EAAEC,qBAAqB,EAAEC,kBAAkB,QAAQ,4BAA4B;AAC3G,SAASC,GAAG,EAAEC,IAAI,EAAEC,KAAK,EAAEC,UAAU,QAAQ,gBAAgB;AAC7D,SAASC,UAAU,EAAEC,aAAa,QAAQ,yBAAyB;AAEnE,OAAOC,SAASC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAChD,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,cAAc,QAAQ,oBAAoB;AAMnD,MAAMC,uBAAuB;AAC7B,MAAMC,8BAA8B;AAMpC,OAAO,SAASC,gBAAgB,EAAEC,OAAO,EAAsB;IAC7D,MAAMC,SAASR,OAAuB;IACtC,IAAIS,QAAQJ;IACZ,IAAIG,OAAOE,OAAO,KAAK,MAAM;QAC3BD,QAAQD,OAAOE,OAAO,CAACC,qBAAqB,GAAGF,KAAK;IACtD;IACA,MAAMG,kBAAkBpB,mBAAmBiB;IAE3C,2DAA2D;IAC3D,MAAMI,cAAcN,QAAQO,MAAM,GAC9BP,QAAQQ,GAAG,CAAC,CAACC;QACX,OAAO;YACLC,MAAMD,MAAME,IAAI,CAACC,MAAM,CAACF,IAAI;YAC5BC,MAAMF,MAAME,IAAI,CAACC,MAAM,CAACD,IAAI;QAC9B;IACF,KACA,EAAE;IAEN,qBACE,KAACzB;QAAI2B,KAAKZ;QAAQa,QAAQjB;kBACxB,cAAA,KAACd;YAAoBuB,aAAaA;YAAaS,SAAS;gBAAEV;YAAgB;sBACxE,cAAA,KAACV,gBAAgBqB,cAAc;gBAC7BC,mBAAmB;oBACjBf;oBACAY,QAAQjB;gBACV;gBACAc,MAAM,CAAC;;;;AAKjB;AAEA,OAAO,SAASO,mBAAmBC,KAA8B;IAC/D,MAAM,EAAEC,qBAAqB,EAAE,GAAGD;IAElC,MAAM,CAACnB,SAASqB,WAAW,GAAG3B;IAE9B,qBACE,MAACN;QAAMkC,IAAI;YAAEpB,OAAO;QAAO;QAAGqB,IAAI;QAAGC,IAAI;QAAGC,IAAI;QAAKC,KAAK;;0BACxD,KAAC9B;gBAAewB,uBAAuBA;;0BACvC,MAACjC;gBAAKwC,SAAS;gBAACC,SAAS;;kCACvB,KAACzC;wBAAK0C,IAAI;wBAACC,IAAI;kCACb,cAAA,KAAC1C;4BAAMsC,KAAK;sCACV,cAAA,KAAC1C;gCAAsB+C,UAAUV;gCAAYrB,SAASA;;;;kCAG1D,KAACb;wBAAK0C,IAAI;wBAACC,IAAI;kCACb,cAAA,MAAC1C;4BAAMsC,KAAK;;8CACV,KAACrC;oCAAW2C,SAAQ;8CAAK;;8CACzB,KAACzC;oCAAc0C,mBAAmB3C;8CAChC,cAAA,KAACS;wCAAgBC,SAASA,oBAAAA,qBAAAA,UAAW,EAAE;;;;;;;;;;AAOrD"}