@perses-dev/plugin-system 0.52.0 → 0.53.0-beta.0

package/dist/components/ProjectSelect.js

@@ -1,91 +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 { Select, MenuItem, Stack, ListItemText } from '@mui/material';
-import { useProjectList } from '../context';
-/**
- * Displays a MUI input for selecting a Project of a particular kind. Note: The 'value' and `onChange` handler for
- * the input deal with a `ProjectSelector`.
- */ export function ProjectSelect(props) {
-    const { onChange, value, ...others } = props;
-    const { data, isLoading } = useProjectList();
-    // While loading available values, just use an empty string so MUI select doesn't warn about values out of range
-    const optionValue = isLoading ? '' : projectToOptionValue(value);
-    // When the user makes a selection, convert the string option value back to a DatasourceSelector
-    const handleChange = (e)=>{
-        const next = optionValueToSelector(e.target.value);
-        onChange(next);
-    };
-    // TODO:
-    //  - Does this need a loading indicator of some kind?
-    //  - The group's edit link is not clickable once selected.
-    //  - The group's edit link is disabled if datasource is overridden.
-    //    Ref: https://github.com/mui/material-ui/issues/36572
-    return /*#__PURE__*/ _jsxs(Select, {
-        ...others,
-        value: optionValue,
-        onChange: handleChange,
-        children: [
-            /*#__PURE__*/ _jsx(MenuItem, {
-                value: "none",
-                children: /*#__PURE__*/ _jsx(Stack, {
-                    direction: "row",
-                    alignItems: "center",
-                    justifyContent: "space-between",
-                    width: "100%",
-                    height: 32,
-                    children: /*#__PURE__*/ _jsx(ListItemText, {
-                        children: "None"
-                    })
-                })
-            }),
-            data?.map((project)=>[
-                    /*#__PURE__*/ _jsx(MenuItem, {
-                        value: project.metadata.name,
-                        children: /*#__PURE__*/ _jsx(Stack, {
-                            direction: "row",
-                            alignItems: "center",
-                            justifyContent: "space-between",
-                            width: "100%",
-                            height: 32,
-                            children: /*#__PURE__*/ _jsx(ListItemText, {
-                                children: project.metadata.name
-                            })
-                        })
-                    }, project.metadata.name)
-                ])
-        ]
-    });
-}
-/**
- * Given a ProjectSelectItemSelector,
- * returns a string value that can be used as a Select input value.
- * @param selector
- */ function projectToOptionValue(project) {
-    return project.metadata.name ?? 'none';
-}
-/**
- * Given an option value name,
- * returns a ProjectResource to be used by the query data model.
- * @param optionValue
- */ function optionValueToSelector(optionValue) {
-    return {
-        kind: 'Project',
-        metadata: {
-            name: optionValue
-        },
-        spec: {}
-    };
-}
-
-//# sourceMappingURL=ProjectSelect.js.map

package/dist/components/ProjectSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/ProjectSelect.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 { Select, SelectProps, MenuItem, Stack, ListItemText } from '@mui/material';\nimport { ProjectResource } from '@perses-dev/core';\nimport { ReactElement } from 'react';\nimport { useProjectList } from '../context';\n\n// Props on MUI Select that we don't want people to pass because we're either redefining them or providing them in\n// this component\ntype OmittedMuiProps = 'children' | 'value' | 'onChange';\n\nexport interface ProjectSelectProps extends Omit<SelectProps<string>, OmittedMuiProps> {\n  onChange: (next: ProjectResource) => void;\n  value: ProjectResource;\n}\n\n/**\n * Displays a MUI input for selecting a Project of a particular kind. Note: The 'value' and `onChange` handler for\n * the input deal with a `ProjectSelector`.\n */\nexport function ProjectSelect(props: ProjectSelectProps): ReactElement {\n  const { onChange, value, ...others } = props;\n\n  const { data, isLoading } = useProjectList();\n\n  // While loading available values, just use an empty string so MUI select doesn't warn about values out of range\n  const optionValue = isLoading ? '' : projectToOptionValue(value);\n\n  // When the user makes a selection, convert the string option value back to a DatasourceSelector\n  const handleChange: SelectProps<string>['onChange'] = (e) => {\n    const next = optionValueToSelector(e.target.value);\n    onChange(next);\n  };\n\n  // TODO:\n  //  - Does this need a loading indicator of some kind?\n  //  - The group's edit link is not clickable once selected.\n  //  - The group's edit link is disabled if datasource is overridden.\n  //    Ref: https://github.com/mui/material-ui/issues/36572\n  return (\n    <Select {...others} value={optionValue} onChange={handleChange}>\n      <MenuItem value=\"none\">\n        <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" width=\"100%\" height={32}>\n          <ListItemText>None</ListItemText>\n        </Stack>\n      </MenuItem>\n      {data?.map((project: ProjectResource) => [\n        <MenuItem key={project.metadata.name} value={project.metadata.name}>\n          <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" width=\"100%\" height={32}>\n            <ListItemText>{project.metadata.name}</ListItemText>\n          </Stack>\n        </MenuItem>,\n      ])}\n    </Select>\n  );\n}\n\n/**\n * Given a ProjectSelectItemSelector,\n * returns a string value that can be used as a Select input value.\n * @param selector\n */\nfunction projectToOptionValue(project: ProjectResource): string {\n  return project.metadata.name ?? 'none';\n}\n\n/**\n * Given an option value name,\n * returns a ProjectResource to be used by the query data model.\n * @param optionValue\n */\nfunction optionValueToSelector(optionValue: string): ProjectResource {\n  return {\n    kind: 'Project',\n    metadata: {\n      name: optionValue,\n    },\n    spec: {},\n  };\n}\n"],"names":["Select","MenuItem","Stack","ListItemText","useProjectList","ProjectSelect","props","onChange","value","others","data","isLoading","optionValue","projectToOptionValue","handleChange","e","next","optionValueToSelector","target","direction","alignItems","justifyContent","width","height","map","project","metadata","name","kind","spec"],"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,MAAM,EAAeC,QAAQ,EAAEC,KAAK,EAAEC,YAAY,QAAQ,gBAAgB;AAGnF,SAASC,cAAc,QAAQ,aAAa;AAW5C;;;CAGC,GACD,OAAO,SAASC,cAAcC,KAAyB;IACrD,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGC,QAAQ,GAAGH;IAEvC,MAAM,EAAEI,IAAI,EAAEC,SAAS,EAAE,GAAGP;IAE5B,gHAAgH;IAChH,MAAMQ,cAAcD,YAAY,KAAKE,qBAAqBL;IAE1D,gGAAgG;IAChG,MAAMM,eAAgD,CAACC;QACrD,MAAMC,OAAOC,sBAAsBF,EAAEG,MAAM,CAACV,KAAK;QACjDD,SAASS;IACX;IAEA,QAAQ;IACR,sDAAsD;IACtD,2DAA2D;IAC3D,oEAAoE;IACpE,0DAA0D;IAC1D,qBACE,MAAChB;QAAQ,GAAGS,MAAM;QAAED,OAAOI;QAAaL,UAAUO;;0BAChD,KAACb;gBAASO,OAAM;0BACd,cAAA,KAACN;oBAAMiB,WAAU;oBAAMC,YAAW;oBAASC,gBAAe;oBAAgBC,OAAM;oBAAOC,QAAQ;8BAC7F,cAAA,KAACpB;kCAAa;;;;YAGjBO,MAAMc,IAAI,CAACC,UAA6B;kCACvC,KAACxB;wBAAqCO,OAAOiB,QAAQC,QAAQ,CAACC,IAAI;kCAChE,cAAA,KAACzB;4BAAMiB,WAAU;4BAAMC,YAAW;4BAASC,gBAAe;4BAAgBC,OAAM;4BAAOC,QAAQ;sCAC7F,cAAA,KAACpB;0CAAcsB,QAAQC,QAAQ,CAACC,IAAI;;;uBAFzBF,QAAQC,QAAQ,CAACC,IAAI;iBAKrC;;;AAGP;AAEA;;;;CAIC,GACD,SAASd,qBAAqBY,OAAwB;IACpD,OAAOA,QAAQC,QAAQ,CAACC,IAAI,IAAI;AAClC;AAEA;;;;CAIC,GACD,SAASV,sBAAsBL,WAAmB;IAChD,OAAO;QACLgB,MAAM;QACNF,UAAU;YACRC,MAAMf;QACR;QACAiB,MAAM,CAAC;IACT;AACF"}

package/dist/context/ProjectStoreProvider.d.ts

@@ -1,16 +0,0 @@
-import { UseQueryResult } from '@tanstack/react-query';
-import { ReactNode, ReactElement } from 'react';
-import { ProjectResource, StatusError } from '@perses-dev/core';
-export interface ProjectStore {
-    setProject: (project: ProjectResource) => void;
-    project: ProjectResource;
-}
-export interface ProjectStoreProviderProps {
-    children?: ReactNode;
-    enabledURLParams?: boolean;
-}
-export declare const ProjectStoreContext: import("react").Context<ProjectStore | undefined>;
-export declare function useProjectList(): UseQueryResult<ProjectResource[], StatusError>;
-export declare function useProjectStore(): ProjectStore;
-export declare function ProjectStoreProvider(props: ProjectStoreProviderProps): ReactElement;
-//# sourceMappingURL=ProjectStoreProvider.d.ts.map

package/dist/context/ProjectStoreProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProjectStoreProvider.d.ts","sourceRoot":"","sources":["../../src/context/ProjectStoreProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAY,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAsC,YAAY,EAAE,MAAM,OAAO,CAAC;AACpF,OAAO,EAAa,eAAe,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG3E,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,mDAAqD,CAAC;AAEtF,wBAAgB,cAAc,IAAI,cAAc,CAAC,eAAe,EAAE,EAAE,WAAW,CAAC,CAO/E;AAED,wBAAgB,eAAe,IAAI,YAAY,CAM9C;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,YAAY,CAoBnF"}

package/dist/context/ProjectStoreProvider.js

@@ -1,59 +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 } from "react/jsx-runtime";
-import { useQuery } from '@tanstack/react-query';
-import { createContext, useContext, useMemo } from 'react';
-import { fetchJson } from '@perses-dev/core';
-import { useSetProjectParams } from './query-params';
-export const ProjectStoreContext = /*#__PURE__*/ createContext(undefined);
-export function useProjectList() {
-    return useQuery({
-        queryKey: [
-            'projects'
-        ],
-        queryFn: ()=>{
-            return fetchJson('/api/v1/projects');
-        }
-    });
-}
-export function useProjectStore() {
-    const ctx = useContext(ProjectStoreContext);
-    if (ctx === undefined) {
-        throw new Error('No ProjectStoreContext found. Did you forget a Provider?');
-    }
-    return ctx;
-}
-export function ProjectStoreProvider(props) {
-    const { children, enabledURLParams } = props;
-    const { project, setProject } = useSetProjectParams(enabledURLParams);
-    const contextValue = useMemo(()=>({
-            project: {
-                kind: 'Project',
-                metadata: {
-                    name: project
-                }
-            },
-            setProject: (project)=>{
-                setProject(project.metadata.name);
-            }
-        }), [
-        project,
-        setProject
-    ]);
-    return /*#__PURE__*/ _jsx(ProjectStoreContext.Provider, {
-        value: contextValue,
-        children: children
-    });
-}
-
-//# sourceMappingURL=ProjectStoreProvider.js.map

package/dist/context/ProjectStoreProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/context/ProjectStoreProvider.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 { useQuery, UseQueryResult } from '@tanstack/react-query';\nimport { ReactNode, createContext, useContext, useMemo, ReactElement } from 'react';\nimport { fetchJson, ProjectResource, StatusError } from '@perses-dev/core';\nimport { useSetProjectParams } from './query-params';\n\nexport interface ProjectStore {\n  setProject: (project: ProjectResource) => void;\n  project: ProjectResource;\n}\n\nexport interface ProjectStoreProviderProps {\n  children?: ReactNode;\n  enabledURLParams?: boolean;\n}\n\nexport const ProjectStoreContext = createContext<ProjectStore | undefined>(undefined);\n\nexport function useProjectList(): UseQueryResult<ProjectResource[], StatusError> {\n  return useQuery<ProjectResource[], StatusError>({\n    queryKey: ['projects'],\n    queryFn: () => {\n      return fetchJson<ProjectResource[]>('/api/v1/projects');\n    },\n  });\n}\n\nexport function useProjectStore(): ProjectStore {\n  const ctx = useContext(ProjectStoreContext);\n  if (ctx === undefined) {\n    throw new Error('No ProjectStoreContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function ProjectStoreProvider(props: ProjectStoreProviderProps): ReactElement {\n  const { children, enabledURLParams } = props;\n  const { project, setProject } = useSetProjectParams(enabledURLParams);\n\n  const contextValue = useMemo(\n    () => ({\n      project: {\n        kind: 'Project',\n        metadata: {\n          name: project,\n        },\n      } as ProjectResource,\n      setProject: (project: ProjectResource): void => {\n        setProject(project.metadata.name);\n      },\n    }),\n    [project, setProject]\n  );\n\n  return <ProjectStoreContext.Provider value={contextValue}>{children}</ProjectStoreContext.Provider>;\n}\n"],"names":["useQuery","createContext","useContext","useMemo","fetchJson","useSetProjectParams","ProjectStoreContext","undefined","useProjectList","queryKey","queryFn","useProjectStore","ctx","Error","ProjectStoreProvider","props","children","enabledURLParams","project","setProject","contextValue","kind","metadata","name","Provider","value"],"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,QAAQ,QAAwB,wBAAwB;AACjE,SAAoBC,aAAa,EAAEC,UAAU,EAAEC,OAAO,QAAsB,QAAQ;AACpF,SAASC,SAAS,QAAsC,mBAAmB;AAC3E,SAASC,mBAAmB,QAAQ,iBAAiB;AAYrD,OAAO,MAAMC,oCAAsBL,cAAwCM,WAAW;AAEtF,OAAO,SAASC;IACd,OAAOR,SAAyC;QAC9CS,UAAU;YAAC;SAAW;QACtBC,SAAS;YACP,OAAON,UAA6B;QACtC;IACF;AACF;AAEA,OAAO,SAASO;IACd,MAAMC,MAAMV,WAAWI;IACvB,IAAIM,QAAQL,WAAW;QACrB,MAAM,IAAIM,MAAM;IAClB;IACA,OAAOD;AACT;AAEA,OAAO,SAASE,qBAAqBC,KAAgC;IACnE,MAAM,EAAEC,QAAQ,EAAEC,gBAAgB,EAAE,GAAGF;IACvC,MAAM,EAAEG,OAAO,EAAEC,UAAU,EAAE,GAAGd,oBAAoBY;IAEpD,MAAMG,eAAejB,QACnB,IAAO,CAAA;YACLe,SAAS;gBACPG,MAAM;gBACNC,UAAU;oBACRC,MAAML;gBACR;YACF;YACAC,YAAY,CAACD;gBACXC,WAAWD,QAAQI,QAAQ,CAACC,IAAI;YAClC;QACF,CAAA,GACA;QAACL;QAASC;KAAW;IAGvB,qBAAO,KAACb,oBAAoBkB,QAAQ;QAACC,OAAOL;kBAAeJ;;AAC7D"}

package/dist/context/query-params.d.ts

@@ -1,5 +0,0 @@
-export declare function useSetProjectParams(enabledURLParams?: boolean): {
-    project: string;
-    setProject: (project: string) => void;
-};
-//# sourceMappingURL=query-params.d.ts.map

package/dist/context/query-params.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"query-params.d.ts","sourceRoot":"","sources":["../../src/context/query-params.ts"],"names":[],"mappings":"AAgBA,wBAAgB,mBAAmB,CAAC,gBAAgB,UAAO,GAAG;IAC5D,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAuBA"}

package/dist/context/query-params.js

@@ -1,41 +0,0 @@
-// Copyright 2025 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 { useCallback, useState } from 'react';
-import { useQueryParams } from 'use-query-params';
-export function useSetProjectParams(enabledURLParams = true) {
-    const [query, setQuery] = useQueryParams({
-        project: ''
-    }, {
-        updateType: 'replaceIn'
-    });
-    const [projectState, setProjectState] = useState('none');
-    const setProject = useCallback((project)=>{
-        return setQuery({
-            project
-        });
-    }, [
-        setQuery
-    ]);
-    if (enabledURLParams) {
-        return {
-            project: query.project || 'none',
-            setProject
-        };
-    }
-    return {
-        project: projectState,
-        setProject: setProjectState
-    };
-}
-
-//# sourceMappingURL=query-params.js.map

package/dist/context/query-params.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/context/query-params.ts"],"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 { useCallback, useState } from 'react';\nimport { useQueryParams } from 'use-query-params';\n\nexport function useSetProjectParams(enabledURLParams = true): {\n  project: string;\n  setProject: (project: string) => void;\n} {\n  const [query, setQuery] = useQueryParams({ project: '' }, { updateType: 'replaceIn' });\n\n  const [projectState, setProjectState] = useState<string>('none');\n\n  const setProject = useCallback(\n    (project: string) => {\n      return setQuery({ project });\n    },\n    [setQuery]\n  );\n\n  if (enabledURLParams) {\n    return {\n      project: query.project || 'none',\n      setProject,\n    };\n  }\n\n  return {\n    project: projectState,\n    setProject: setProjectState,\n  };\n}\n"],"names":["useCallback","useState","useQueryParams","useSetProjectParams","enabledURLParams","query","setQuery","project","updateType","projectState","setProjectState","setProject"],"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,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AAC9C,SAASC,cAAc,QAAQ,mBAAmB;AAElD,OAAO,SAASC,oBAAoBC,mBAAmB,IAAI;IAIzD,MAAM,CAACC,OAAOC,SAAS,GAAGJ,eAAe;QAAEK,SAAS;IAAG,GAAG;QAAEC,YAAY;IAAY;IAEpF,MAAM,CAACC,cAAcC,gBAAgB,GAAGT,SAAiB;IAEzD,MAAMU,aAAaX,YACjB,CAACO;QACC,OAAOD,SAAS;YAAEC;QAAQ;IAC5B,GACA;QAACD;KAAS;IAGZ,IAAIF,kBAAkB;QACpB,OAAO;YACLG,SAASF,MAAME,OAAO,IAAI;YAC1BI;QACF;IACF;IAEA,OAAO;QACLJ,SAASE;QACTE,YAAYD;IACd;AACF"}