@perses-dev/plugin-system 0.39.0 → 0.40.0

package/dist/components/PluginKindSelect/PluginKindSelect.js

@@ -10,29 +10,38 @@
 // 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 { Select, MenuItem } from '@mui/material';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MenuItem, TextField } from '@mui/material';
+import { forwardRef } from 'react';
 import { useListPluginMetadata } from '../../runtime';
 /**
  * Displays a MUI Select input for selecting a plugin's kind from a list of all the available plugins of a specific
  * plugin type. (e.g. "Show a list of all the Panel plugins" or "Show a list of all the Variable plugins").
- */ export function PluginKindSelect(props) {
+ */ export const PluginKindSelect = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { pluginType , value: propValue , ...others } = props;
     const { data , isLoading  } = useListPluginMetadata(pluginType);
     // Pass an empty value while options are still loading so MUI doesn't complain about us using an "out of range" value
     const value = propValue !== '' && isLoading ? '' : propValue;
     // TODO: Does this need a loading indicator of some kind?
-    return /*#__PURE__*/ _jsx(Select, {
-        sx: {
-            minWidth: 120
-        },
+    return /*#__PURE__*/ _jsxs(TextField, {
+        select: true,
+        inputRef: ref,
         ...others,
         value: value,
-        children: data === null || data === void 0 ? void 0 : data.map((metadata)=>/*#__PURE__*/ _jsx(MenuItem, {
-                value: metadata.kind,
-                children: metadata.display.name
-            }, metadata.kind))
+        "data-testid": "plugin-kind-select",
+        children: [
+            isLoading && /*#__PURE__*/ _jsx(MenuItem, {
+                value: "",
+                children: "Loading..."
+            }),
+            data === null || data === void 0 ? void 0 : data.map((metadata)=>/*#__PURE__*/ _jsx(MenuItem, {
+                    "data-testid": "option",
+                    value: metadata.kind,
+                    children: metadata.display.name
+                }, metadata.kind))
+        ]
     });
-}
+});
+PluginKindSelect.displayName = 'PluginKindSelect';
 
 //# sourceMappingURL=PluginKindSelect.js.map

package/dist/components/PluginKindSelect/PluginKindSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PluginKindSelect/PluginKindSelect.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 } from '@mui/material';\nimport { PluginType } from '../../model';\nimport { useListPluginMetadata } from '../../runtime';\n\nexport interface PluginKindSelectProps extends Omit<SelectProps<string>, 'children'> {\n  pluginType: PluginType;\n}\n\n/**\n * Displays a MUI Select input for selecting a plugin's kind from a list of all the available plugins of a specific\n * plugin type. (e.g. \"Show a list of all the Panel plugins\" or \"Show a list of all the Variable plugins\").\n */\nexport function PluginKindSelect(props: PluginKindSelectProps) {\n  const { pluginType, value: propValue, ...others } = props;\n  const { data, isLoading } = useListPluginMetadata(pluginType);\n\n  // Pass an empty value while options are still loading so MUI doesn't complain about us using an \"out of range\" value\n  const value = propValue !== '' && isLoading ? '' : propValue;\n\n  // TODO: Does this need a loading indicator of some kind?\n  return (\n    <Select sx={{ minWidth: 120 }} {...others} value={value}>\n      {data?.map((metadata) => (\n        <MenuItem key={metadata.kind} value={metadata.kind}>\n          {metadata.display.name}\n        </MenuItem>\n      ))}\n    </Select>\n  );\n}\n"],"names":["Select","MenuItem","useListPluginMetadata","PluginKindSelect","props","pluginType","value","propValue","others","data","isLoading","sx","minWidth","map","metadata","kind","display","name"],"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;AAAA,SAASA,MAAM,EAAeC,QAAQ,QAAQ,eAAe,CAAC;AAE9D,SAASC,qBAAqB,QAAQ,eAAe,CAAC;AAMtD;;;CAGC,GACD,OAAO,SAASC,gBAAgB,CAACC,KAA4B,EAAE;IAC7D,MAAM,EAAEC,UAAU,CAAA,EAAEC,KAAK,EAAEC,SAAS,CAAA,EAAE,GAAGC,MAAM,EAAE,GAAGJ,KAAK,AAAC;IAC1D,MAAM,EAAEK,IAAI,CAAA,EAAEC,SAAS,CAAA,EAAE,GAAGR,qBAAqB,CAACG,UAAU,CAAC,AAAC;IAE9D,qHAAqH;IACrH,MAAMC,KAAK,GAAGC,SAAS,KAAK,EAAE,IAAIG,SAAS,GAAG,EAAE,GAAGH,SAAS,AAAC;IAE7D,yDAAyD;IACzD,qBACE,KAACP,MAAM;QAACW,EAAE,EAAE;YAAEC,QAAQ,EAAE,GAAG;SAAE;QAAG,GAAGJ,MAAM;QAAEF,KAAK,EAAEA,KAAK;kBACpDG,IAAI,aAAJA,IAAI,WAAK,GAATA,KAAAA,CAAS,GAATA,IAAI,CAAEI,GAAG,CAAC,CAACC,QAAQ,iBAClB,KAACb,QAAQ;gBAAqBK,KAAK,EAAEQ,QAAQ,CAACC,IAAI;0BAC/CD,QAAQ,CAACE,OAAO,CAACC,IAAI;eADTH,QAAQ,CAACC,IAAI,CAEjB,AACZ,CAAC;MACK,CACT;AACJ,CAAC"}
+{"version":3,"sources":["../../../src/components/PluginKindSelect/PluginKindSelect.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 { MenuItem, TextField, TextFieldProps } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { PluginType } from '../../model';\nimport { useListPluginMetadata } from '../../runtime';\n\nexport interface PluginKindSelectProps extends Omit<TextFieldProps, 'children'> {\n  pluginType: PluginType;\n}\n\n/**\n * Displays a MUI Select input for selecting a plugin's kind from a list of all the available plugins of a specific\n * plugin type. (e.g. \"Show a list of all the Panel plugins\" or \"Show a list of all the Variable plugins\").\n */\nexport const PluginKindSelect = forwardRef((props: PluginKindSelectProps, ref) => {\n  const { pluginType, value: propValue, ...others } = props;\n  const { data, isLoading } = useListPluginMetadata(pluginType);\n\n  // Pass an empty value while options are still loading so MUI doesn't complain about us using an \"out of range\" value\n  const value = propValue !== '' && isLoading ? '' : propValue;\n\n  // TODO: Does this need a loading indicator of some kind?\n  return (\n    <TextField select inputRef={ref} {...others} value={value} data-testid=\"plugin-kind-select\">\n      {isLoading && <MenuItem value=\"\">Loading...</MenuItem>}\n      {data?.map((metadata) => (\n        <MenuItem data-testid=\"option\" key={metadata.kind} value={metadata.kind}>\n          {metadata.display.name}\n        </MenuItem>\n      ))}\n    </TextField>\n  );\n});\nPluginKindSelect.displayName = 'PluginKindSelect';\n"],"names":["MenuItem","TextField","forwardRef","useListPluginMetadata","PluginKindSelect","props","ref","pluginType","value","propValue","others","data","isLoading","select","inputRef","data-testid","map","metadata","kind","display","name","displayName"],"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,EAAEC,SAAS,QAAwB,gBAAgB;AACpE,SAASC,UAAU,QAAQ,QAAQ;AAEnC,SAASC,qBAAqB,QAAQ,gBAAgB;AAMtD;;;CAGC,GACD,OAAO,MAAMC,iCAAmBF,WAAW,CAACG,OAA8BC;IACxE,MAAM,EAAEC,WAAU,EAAEC,OAAOC,UAAS,EAAE,GAAGC,QAAQ,GAAGL;IACpD,MAAM,EAAEM,KAAI,EAAEC,UAAS,EAAE,GAAGT,sBAAsBI;IAElD,qHAAqH;IACrH,MAAMC,QAAQC,cAAc,MAAMG,YAAY,KAAKH;IAEnD,yDAAyD;IACzD,qBACE,MAACR;QAAUY,MAAM;QAACC,UAAUR;QAAM,GAAGI,MAAM;QAAEF,OAAOA;QAAOO,eAAY;;YACpEH,2BAAa,KAACZ;gBAASQ,OAAM;0BAAG;;YAChCG,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMK,IAAI,CAACC,yBACV,KAACjB;oBAASe,eAAY;oBAA6BP,OAAOS,SAASC;8BAChED,SAASE,QAAQC;mBADgBH,SAASC;;;AAMrD,GAAG;AACHd,iBAAiBiB,cAAc"}

package/dist/components/PluginKindSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PluginKindSelect/index.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\nexport * from './PluginKindSelect';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,oBAAoB,CAAC"}
+{"version":3,"sources":["../../../src/components/PluginKindSelect/index.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\nexport * from './PluginKindSelect';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,qBAAqB"}

package/dist/components/PluginRegistry/PluginRegistry.js

@@ -19,7 +19,7 @@ import { usePluginIndexes, getTypeAndKindKey } from './plugin-indexes';
  * PluginRegistryContext provider that keeps track of all available plugins and provides an API for getting them or
  * querying the metadata about them.
  */ export function PluginRegistry(props) {
-    const { pluginLoader: { getInstalledPlugins , importPluginModule  } , children , defaultPluginKinds ,  } = props;
+    const { pluginLoader: { getInstalledPlugins , importPluginModule  } , children , defaultPluginKinds  } = props;
     const getPluginIndexes = usePluginIndexes(getInstalledPlugins);
     // De-dupe calls to import plugin modules
     const importCache = useRef(new Map());
@@ -58,8 +58,8 @@ import { usePluginIndexes, getTypeAndKindKey } from './plugin-indexes';
     ]);
     const listPluginMetadata = useCallback(async (pluginType)=>{
         const pluginIndexes = await getPluginIndexes();
-        var ref;
-        return (ref = pluginIndexes.pluginMetadataByType.get(pluginType)) !== null && ref !== void 0 ? ref : [];
+        var _pluginIndexes_pluginMetadataByType_get;
+        return (_pluginIndexes_pluginMetadataByType_get = pluginIndexes.pluginMetadataByType.get(pluginType)) !== null && _pluginIndexes_pluginMetadataByType_get !== void 0 ? _pluginIndexes_pluginMetadataByType_get : [];
     }, [
         getPluginIndexes
     ]);

package/dist/components/PluginRegistry/PluginRegistry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PluginRegistry/PluginRegistry.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 { UnknownSpec, useEvent } from '@perses-dev/core';\nimport { useRef, useCallback, useMemo } from 'react';\nimport {\n  PluginModuleResource,\n  PluginType,\n  PluginImplementation,\n  Plugin,\n  PluginLoader,\n  DefaultPluginKinds,\n} from '../../model';\nimport { PluginRegistryContext } from '../../runtime';\nimport { usePluginIndexes, getTypeAndKindKey } from './plugin-indexes';\n\nexport interface PluginRegistryProps {\n  pluginLoader: PluginLoader;\n  defaultPluginKinds: DefaultPluginKinds;\n  children?: React.ReactNode;\n}\n\n/**\n * PluginRegistryContext provider that keeps track of all available plugins and provides an API for getting them or\n * querying the metadata about them.\n */\nexport function PluginRegistry(props: PluginRegistryProps) {\n  const {\n    pluginLoader: { getInstalledPlugins, importPluginModule },\n    children,\n    defaultPluginKinds,\n  } = props;\n\n  const getPluginIndexes = usePluginIndexes(getInstalledPlugins);\n\n  // De-dupe calls to import plugin modules\n  const importCache = useRef(new Map<PluginModuleResource, Promise<unknown>>());\n\n  // Do useEvent here since this accesses the importPluginModule prop and we want a stable reference to it for the\n  // callback below\n  const loadPluginModule = useEvent((resource: PluginModuleResource) => {\n    let request = importCache.current.get(resource);\n    if (request === undefined) {\n      request = importPluginModule(resource);\n      importCache.current.set(resource, request);\n\n      // Remove failed requests from the cache so they can potentially be retried\n      request.catch(() => importCache.current.delete(resource));\n    }\n    return request;\n  });\n\n  const getPlugin = useCallback(\n    async <T extends PluginType>(pluginType: T, kind: string): Promise<PluginImplementation<T>> => {\n      // Get the indexes of the installed plugins\n      const pluginIndexes = await getPluginIndexes();\n\n      // Figure out what module the plugin is in by looking in the index\n      const typeAndKindKey = getTypeAndKindKey(pluginType, kind);\n      const resource = pluginIndexes.pluginResourcesByTypeAndKind.get(typeAndKindKey);\n      if (resource === undefined) {\n        throw new Error(`A ${pluginType} plugin for kind '${kind}' is not installed`);\n      }\n\n      // Treat the plugin module as a bunch of named exports that have plugins\n      const pluginModule = (await loadPluginModule(resource)) as Record<string, Plugin<UnknownSpec>>;\n\n      // We currently assume that plugin modules will have named exports that match the kinds they handle\n      const plugin = pluginModule[kind];\n      if (plugin === undefined) {\n        throw new Error(\n          `The ${pluginType} plugin for kind '${kind}' is missing from the ${resource.metadata.name} plugin module`\n        );\n      }\n\n      return plugin as PluginImplementation<T>;\n    },\n    [getPluginIndexes, loadPluginModule]\n  );\n\n  const listPluginMetadata = useCallback(\n    async (pluginType: PluginType) => {\n      const pluginIndexes = await getPluginIndexes();\n      return pluginIndexes.pluginMetadataByType.get(pluginType) ?? [];\n    },\n    [getPluginIndexes]\n  );\n\n  // Create the registry's context value and render\n  const context = useMemo(\n    () => ({ getPlugin, listPluginMetadata, defaultPluginKinds }),\n    [getPlugin, listPluginMetadata, defaultPluginKinds]\n  );\n  return <PluginRegistryContext.Provider value={context}>{children}</PluginRegistryContext.Provider>;\n}\n"],"names":["useEvent","useRef","useCallback","useMemo","PluginRegistryContext","usePluginIndexes","getTypeAndKindKey","PluginRegistry","props","pluginLoader","getInstalledPlugins","importPluginModule","children","defaultPluginKinds","getPluginIndexes","importCache","Map","loadPluginModule","resource","request","current","get","undefined","set","catch","delete","getPlugin","pluginType","kind","pluginIndexes","typeAndKindKey","pluginResourcesByTypeAndKind","Error","pluginModule","plugin","metadata","name","listPluginMetadata","pluginMetadataByType","context","Provider","value"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/PluginRegistry/PluginRegistry.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 { UnknownSpec, useEvent } from '@perses-dev/core';\nimport { useRef, useCallback, useMemo } from 'react';\nimport {\n  PluginModuleResource,\n  PluginType,\n  PluginImplementation,\n  Plugin,\n  PluginLoader,\n  DefaultPluginKinds,\n} from '../../model';\nimport { PluginRegistryContext } from '../../runtime';\nimport { usePluginIndexes, getTypeAndKindKey } from './plugin-indexes';\n\nexport interface PluginRegistryProps {\n  pluginLoader: PluginLoader;\n  defaultPluginKinds: DefaultPluginKinds;\n  children?: React.ReactNode;\n}\n\n/**\n * PluginRegistryContext provider that keeps track of all available plugins and provides an API for getting them or\n * querying the metadata about them.\n */\nexport function PluginRegistry(props: PluginRegistryProps) {\n  const {\n    pluginLoader: { getInstalledPlugins, importPluginModule },\n    children,\n    defaultPluginKinds,\n  } = props;\n\n  const getPluginIndexes = usePluginIndexes(getInstalledPlugins);\n\n  // De-dupe calls to import plugin modules\n  const importCache = useRef(new Map<PluginModuleResource, Promise<unknown>>());\n\n  // Do useEvent here since this accesses the importPluginModule prop and we want a stable reference to it for the\n  // callback below\n  const loadPluginModule = useEvent((resource: PluginModuleResource) => {\n    let request = importCache.current.get(resource);\n    if (request === undefined) {\n      request = importPluginModule(resource);\n      importCache.current.set(resource, request);\n\n      // Remove failed requests from the cache so they can potentially be retried\n      request.catch(() => importCache.current.delete(resource));\n    }\n    return request;\n  });\n\n  const getPlugin = useCallback(\n    async <T extends PluginType>(pluginType: T, kind: string): Promise<PluginImplementation<T>> => {\n      // Get the indexes of the installed plugins\n      const pluginIndexes = await getPluginIndexes();\n\n      // Figure out what module the plugin is in by looking in the index\n      const typeAndKindKey = getTypeAndKindKey(pluginType, kind);\n      const resource = pluginIndexes.pluginResourcesByTypeAndKind.get(typeAndKindKey);\n      if (resource === undefined) {\n        throw new Error(`A ${pluginType} plugin for kind '${kind}' is not installed`);\n      }\n\n      // Treat the plugin module as a bunch of named exports that have plugins\n      const pluginModule = (await loadPluginModule(resource)) as Record<string, Plugin<UnknownSpec>>;\n\n      // We currently assume that plugin modules will have named exports that match the kinds they handle\n      const plugin = pluginModule[kind];\n      if (plugin === undefined) {\n        throw new Error(\n          `The ${pluginType} plugin for kind '${kind}' is missing from the ${resource.metadata.name} plugin module`\n        );\n      }\n\n      return plugin as PluginImplementation<T>;\n    },\n    [getPluginIndexes, loadPluginModule]\n  );\n\n  const listPluginMetadata = useCallback(\n    async (pluginType: PluginType) => {\n      const pluginIndexes = await getPluginIndexes();\n      return pluginIndexes.pluginMetadataByType.get(pluginType) ?? [];\n    },\n    [getPluginIndexes]\n  );\n\n  // Create the registry's context value and render\n  const context = useMemo(\n    () => ({ getPlugin, listPluginMetadata, defaultPluginKinds }),\n    [getPlugin, listPluginMetadata, defaultPluginKinds]\n  );\n  return <PluginRegistryContext.Provider value={context}>{children}</PluginRegistryContext.Provider>;\n}\n"],"names":["useEvent","useRef","useCallback","useMemo","PluginRegistryContext","usePluginIndexes","getTypeAndKindKey","PluginRegistry","props","pluginLoader","getInstalledPlugins","importPluginModule","children","defaultPluginKinds","getPluginIndexes","importCache","Map","loadPluginModule","resource","request","current","get","undefined","set","catch","delete","getPlugin","pluginType","kind","pluginIndexes","typeAndKindKey","pluginResourcesByTypeAndKind","Error","pluginModule","plugin","metadata","name","listPluginMetadata","pluginMetadataByType","context","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,SAAsBA,QAAQ,QAAQ,mBAAmB;AACzD,SAASC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,QAAQ;AASrD,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,SAASC,gBAAgB,EAAEC,iBAAiB,QAAQ,mBAAmB;AAQvE;;;CAGC,GACD,OAAO,SAASC,eAAeC,KAA0B;IACvD,MAAM,EACJC,cAAc,EAAEC,oBAAmB,EAAEC,mBAAkB,EAAE,CAAA,EACzDC,SAAQ,EACRC,mBAAkB,EACnB,GAAGL;IAEJ,MAAMM,mBAAmBT,iBAAiBK;IAE1C,yCAAyC;IACzC,MAAMK,cAAcd,OAAO,IAAIe;IAE/B,gHAAgH;IAChH,iBAAiB;IACjB,MAAMC,mBAAmBjB,SAAS,CAACkB;QACjC,IAAIC,UAAUJ,YAAYK,QAAQC,IAAIH;QACtC,IAAIC,YAAYG,WAAW;YACzBH,UAAUR,mBAAmBO;YAC7BH,YAAYK,QAAQG,IAAIL,UAAUC;YAElC,2EAA2E;YAC3EA,QAAQK,MAAM,IAAMT,YAAYK,QAAQK,OAAOP;QACjD;QACA,OAAOC;IACT;IAEA,MAAMO,YAAYxB,YAChB,OAA6ByB,YAAeC;QAC1C,2CAA2C;QAC3C,MAAMC,gBAAgB,MAAMf;QAE5B,kEAAkE;QAClE,MAAMgB,iBAAiBxB,kBAAkBqB,YAAYC;QACrD,MAAMV,WAAWW,cAAcE,6BAA6BV,IAAIS;QAChE,IAAIZ,aAAaI,WAAW;YAC1B,MAAM,IAAIU,MAAM,CAAC,EAAE,EAAEL,WAAW,kBAAkB,EAAEC,KAAK,kBAAkB,CAAC;QAC9E;QAEA,wEAAwE;QACxE,MAAMK,eAAgB,MAAMhB,iBAAiBC;QAE7C,mGAAmG;QACnG,MAAMgB,SAASD,YAAY,CAACL,KAAK;QACjC,IAAIM,WAAWZ,WAAW;YACxB,MAAM,IAAIU,MACR,CAAC,IAAI,EAAEL,WAAW,kBAAkB,EAAEC,KAAK,sBAAsB,EAAEV,SAASiB,SAASC,KAAK,cAAc,CAAC;QAE7G;QAEA,OAAOF;IACT,GACA;QAACpB;QAAkBG;KAAiB;IAGtC,MAAMoB,qBAAqBnC,YACzB,OAAOyB;QACL,MAAME,gBAAgB,MAAMf;YACrBe;QAAP,OAAOA,CAAAA,0CAAAA,cAAcS,qBAAqBjB,IAAIM,yBAAvCE,qDAAAA,0CAAsD,EAAE;IACjE,GACA;QAACf;KAAiB;IAGpB,iDAAiD;IACjD,MAAMyB,UAAUpC,QACd,IAAO,CAAA;YAAEuB;YAAWW;YAAoBxB;QAAmB,CAAA,GAC3D;QAACa;QAAWW;QAAoBxB;KAAmB;IAErD,qBAAO,KAACT,sBAAsBoC;QAASC,OAAOF;kBAAU3B;;AAC1D"}

package/dist/components/PluginRegistry/index.js.map

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

package/dist/components/PluginRegistry/plugin-indexes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PluginRegistry/plugin-indexes.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useEvent } from '@perses-dev/core';\nimport { useCallback, useRef } from 'react';\nimport { PluginLoader, PluginMetadata, PluginModuleResource, PluginType } from '../../model';\n\nexport interface PluginIndexes {\n  // Plugin resources by plugin type and kind (i.e. look up what module a plugin type and kind is in)\n  pluginResourcesByTypeAndKind: Map<string, PluginModuleResource>;\n  // Plugin metadata by plugin type\n  pluginMetadataByType: Map<PluginType, PluginMetadata[]>;\n}\n\n/**\n * Returns an async callback for getting indexes of the installed plugin data.\n */\nexport function usePluginIndexes(getInstalledPlugins: PluginLoader['getInstalledPlugins']) {\n  // Creates indexes from the installed plugins data (does useEvent because this accesses the getInstalledPlugins prop\n  // and we want a stable reference for the callback below)\n  const createPluginIndexes = useEvent(async (): Promise<PluginIndexes> => {\n    const installedPlugins = await getInstalledPlugins();\n\n    // Create the two indexes from the installed plugins\n    const pluginResourcesByTypeAndKind = new Map<string, PluginModuleResource>();\n    const pluginMetadataByType = new Map<PluginType, PluginMetadata[]>();\n\n    for (const resource of installedPlugins) {\n      for (const pluginMetadata of resource.spec.plugins) {\n        const { pluginType, kind } = pluginMetadata;\n\n        // Index the plugin by type and kind to point at the module that contains it\n        const key = getTypeAndKindKey(pluginType, kind);\n        if (pluginResourcesByTypeAndKind.has(key)) {\n          console.warn(`Got more than one ${pluginType} plugin for kind ${kind}`);\n        }\n        pluginResourcesByTypeAndKind.set(key, resource);\n\n        // Index the metadata by plugin type\n        let list = pluginMetadataByType.get(pluginType);\n        if (list === undefined) {\n          list = [];\n          pluginMetadataByType.set(pluginType, list);\n        }\n        list.push(pluginMetadata);\n      }\n    }\n\n    return {\n      pluginResourcesByTypeAndKind,\n      pluginMetadataByType,\n    };\n  });\n\n  // De-dupe creating plugin indexes (i.e. requests to get installed plugins)\n  const pluginIndexesCache = useRef<Promise<PluginIndexes> | undefined>(undefined);\n  const getPluginIndexes = useCallback(() => {\n    let request = pluginIndexesCache.current;\n    if (request === undefined) {\n      request = createPluginIndexes();\n      pluginIndexesCache.current = request;\n\n      // Remove failed requests from the cache so they can potentially be retried\n      request.catch(() => pluginIndexesCache.current === undefined);\n    }\n    return request;\n  }, [createPluginIndexes]);\n\n  return getPluginIndexes;\n}\n\n/**\n * Gets a unique key for a plugin type/kind that can be used as a cache key.\n */\nexport function getTypeAndKindKey(pluginType: PluginType, kind: string) {\n  return `${pluginType}:${kind}`;\n}\n"],"names":["useEvent","useCallback","useRef","usePluginIndexes","getInstalledPlugins","createPluginIndexes","installedPlugins","pluginResourcesByTypeAndKind","Map","pluginMetadataByType","resource","pluginMetadata","spec","plugins","pluginType","kind","key","getTypeAndKindKey","has","console","warn","set","list","get","undefined","push","pluginIndexesCache","getPluginIndexes","request","current","catch"],"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,QAAQ,kBAAkB,CAAC;AAC5C,SAASC,WAAW,EAAEC,MAAM,QAAQ,OAAO,CAAC;AAU5C;;CAEC,GACD,OAAO,SAASC,gBAAgB,CAACC,mBAAwD,EAAE;IACzF,oHAAoH;IACpH,yDAAyD;IACzD,MAAMC,mBAAmB,GAAGL,QAAQ,CAAC,UAAoC;QACvE,MAAMM,gBAAgB,GAAG,MAAMF,mBAAmB,EAAE,AAAC;QAErD,oDAAoD;QACpD,MAAMG,4BAA4B,GAAG,IAAIC,GAAG,EAAgC,AAAC;QAC7E,MAAMC,oBAAoB,GAAG,IAAID,GAAG,EAAgC,AAAC;QAErE,KAAK,MAAME,QAAQ,IAAIJ,gBAAgB,CAAE;YACvC,KAAK,MAAMK,cAAc,IAAID,QAAQ,CAACE,IAAI,CAACC,OAAO,CAAE;gBAClD,MAAM,EAAEC,UAAU,CAAA,EAAEC,IAAI,CAAA,EAAE,GAAGJ,cAAc,AAAC;gBAE5C,4EAA4E;gBAC5E,MAAMK,GAAG,GAAGC,iBAAiB,CAACH,UAAU,EAAEC,IAAI,CAAC,AAAC;gBAChD,IAAIR,4BAA4B,CAACW,GAAG,CAACF,GAAG,CAAC,EAAE;oBACzCG,OAAO,CAACC,IAAI,CAAC,CAAC,kBAAkB,EAAEN,UAAU,CAAC,iBAAiB,EAAEC,IAAI,CAAC,CAAC,CAAC,CAAC;gBAC1E,CAAC;gBACDR,4BAA4B,CAACc,GAAG,CAACL,GAAG,EAAEN,QAAQ,CAAC,CAAC;gBAEhD,oCAAoC;gBACpC,IAAIY,IAAI,GAAGb,oBAAoB,CAACc,GAAG,CAACT,UAAU,CAAC,AAAC;gBAChD,IAAIQ,IAAI,KAAKE,SAAS,EAAE;oBACtBF,IAAI,GAAG,EAAE,CAAC;oBACVb,oBAAoB,CAACY,GAAG,CAACP,UAAU,EAAEQ,IAAI,CAAC,CAAC;gBAC7C,CAAC;gBACDA,IAAI,CAACG,IAAI,CAACd,cAAc,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;QAED,OAAO;YACLJ,4BAA4B;YAC5BE,oBAAoB;SACrB,CAAC;IACJ,CAAC,CAAC,AAAC;IAEH,2EAA2E;IAC3E,MAAMiB,kBAAkB,GAAGxB,MAAM,CAAqCsB,SAAS,CAAC,AAAC;IACjF,MAAMG,gBAAgB,GAAG1B,WAAW,CAAC,IAAM;QACzC,IAAI2B,OAAO,GAAGF,kBAAkB,CAACG,OAAO,AAAC;QACzC,IAAID,OAAO,KAAKJ,SAAS,EAAE;YACzBI,OAAO,GAAGvB,mBAAmB,EAAE,CAAC;YAChCqB,kBAAkB,CAACG,OAAO,GAAGD,OAAO,CAAC;YAErC,2EAA2E;YAC3EA,OAAO,CAACE,KAAK,CAAC,IAAMJ,kBAAkB,CAACG,OAAO,KAAKL,SAAS,CAAC,CAAC;QAChE,CAAC;QACD,OAAOI,OAAO,CAAC;IACjB,CAAC,EAAE;QAACvB,mBAAmB;KAAC,CAAC,AAAC;IAE1B,OAAOsB,gBAAgB,CAAC;AAC1B,CAAC;AAED;;CAEC,GACD,OAAO,SAASV,iBAAiB,CAACH,UAAsB,EAAEC,IAAY,EAAE;IACtE,OAAO,CAAC,EAAED,UAAU,CAAC,CAAC,EAAEC,IAAI,CAAC,CAAC,CAAC;AACjC,CAAC"}
+{"version":3,"sources":["../../../src/components/PluginRegistry/plugin-indexes.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useEvent } from '@perses-dev/core';\nimport { useCallback, useRef } from 'react';\nimport { PluginLoader, PluginMetadata, PluginModuleResource, PluginType } from '../../model';\n\nexport interface PluginIndexes {\n  // Plugin resources by plugin type and kind (i.e. look up what module a plugin type and kind is in)\n  pluginResourcesByTypeAndKind: Map<string, PluginModuleResource>;\n  // Plugin metadata by plugin type\n  pluginMetadataByType: Map<PluginType, PluginMetadata[]>;\n}\n\n/**\n * Returns an async callback for getting indexes of the installed plugin data.\n */\nexport function usePluginIndexes(getInstalledPlugins: PluginLoader['getInstalledPlugins']) {\n  // Creates indexes from the installed plugins data (does useEvent because this accesses the getInstalledPlugins prop\n  // and we want a stable reference for the callback below)\n  const createPluginIndexes = useEvent(async (): Promise<PluginIndexes> => {\n    const installedPlugins = await getInstalledPlugins();\n\n    // Create the two indexes from the installed plugins\n    const pluginResourcesByTypeAndKind = new Map<string, PluginModuleResource>();\n    const pluginMetadataByType = new Map<PluginType, PluginMetadata[]>();\n\n    for (const resource of installedPlugins) {\n      for (const pluginMetadata of resource.spec.plugins) {\n        const { pluginType, kind } = pluginMetadata;\n\n        // Index the plugin by type and kind to point at the module that contains it\n        const key = getTypeAndKindKey(pluginType, kind);\n        if (pluginResourcesByTypeAndKind.has(key)) {\n          console.warn(`Got more than one ${pluginType} plugin for kind ${kind}`);\n        }\n        pluginResourcesByTypeAndKind.set(key, resource);\n\n        // Index the metadata by plugin type\n        let list = pluginMetadataByType.get(pluginType);\n        if (list === undefined) {\n          list = [];\n          pluginMetadataByType.set(pluginType, list);\n        }\n        list.push(pluginMetadata);\n      }\n    }\n\n    return {\n      pluginResourcesByTypeAndKind,\n      pluginMetadataByType,\n    };\n  });\n\n  // De-dupe creating plugin indexes (i.e. requests to get installed plugins)\n  const pluginIndexesCache = useRef<Promise<PluginIndexes> | undefined>(undefined);\n  const getPluginIndexes = useCallback(() => {\n    let request = pluginIndexesCache.current;\n    if (request === undefined) {\n      request = createPluginIndexes();\n      pluginIndexesCache.current = request;\n\n      // Remove failed requests from the cache so they can potentially be retried\n      request.catch(() => pluginIndexesCache.current === undefined);\n    }\n    return request;\n  }, [createPluginIndexes]);\n\n  return getPluginIndexes;\n}\n\n/**\n * Gets a unique key for a plugin type/kind that can be used as a cache key.\n */\nexport function getTypeAndKindKey(pluginType: PluginType, kind: string) {\n  return `${pluginType}:${kind}`;\n}\n"],"names":["useEvent","useCallback","useRef","usePluginIndexes","getInstalledPlugins","createPluginIndexes","installedPlugins","pluginResourcesByTypeAndKind","Map","pluginMetadataByType","resource","pluginMetadata","spec","plugins","pluginType","kind","key","getTypeAndKindKey","has","console","warn","set","list","get","undefined","push","pluginIndexesCache","getPluginIndexes","request","current","catch"],"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,QAAQ,mBAAmB;AAC5C,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAQ;AAU5C;;CAEC,GACD,OAAO,SAASC,iBAAiBC,mBAAwD;IACvF,oHAAoH;IACpH,yDAAyD;IACzD,MAAMC,sBAAsBL,SAAS;QACnC,MAAMM,mBAAmB,MAAMF;QAE/B,oDAAoD;QACpD,MAAMG,+BAA+B,IAAIC;QACzC,MAAMC,uBAAuB,IAAID;QAEjC,KAAK,MAAME,YAAYJ,iBAAkB;YACvC,KAAK,MAAMK,kBAAkBD,SAASE,KAAKC,QAAS;gBAClD,MAAM,EAAEC,WAAU,EAAEC,KAAI,EAAE,GAAGJ;gBAE7B,4EAA4E;gBAC5E,MAAMK,MAAMC,kBAAkBH,YAAYC;gBAC1C,IAAIR,6BAA6BW,IAAIF,MAAM;oBACzCG,QAAQC,KAAK,CAAC,kBAAkB,EAAEN,WAAW,iBAAiB,EAAEC,KAAK,CAAC;gBACxE;gBACAR,6BAA6Bc,IAAIL,KAAKN;gBAEtC,oCAAoC;gBACpC,IAAIY,OAAOb,qBAAqBc,IAAIT;gBACpC,IAAIQ,SAASE,WAAW;oBACtBF,OAAO,EAAE;oBACTb,qBAAqBY,IAAIP,YAAYQ;gBACvC;gBACAA,KAAKG,KAAKd;YACZ;QACF;QAEA,OAAO;YACLJ;YACAE;QACF;IACF;IAEA,2EAA2E;IAC3E,MAAMiB,qBAAqBxB,OAA2CsB;IACtE,MAAMG,mBAAmB1B,YAAY;QACnC,IAAI2B,UAAUF,mBAAmBG;QACjC,IAAID,YAAYJ,WAAW;YACzBI,UAAUvB;YACVqB,mBAAmBG,UAAUD;YAE7B,2EAA2E;YAC3EA,QAAQE,MAAM,IAAMJ,mBAAmBG,YAAYL;QACrD;QACA,OAAOI;IACT,GAAG;QAACvB;KAAoB;IAExB,OAAOsB;AACT;AAEA;;CAEC,GACD,OAAO,SAASV,kBAAkBH,UAAsB,EAAEC,IAAY;IACpE,OAAO,CAAC,EAAED,WAAW,CAAC,EAAEC,KAAK,CAAC;AAChC"}

package/dist/components/PluginSpecEditor/PluginSpecEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PluginSpecEditor/PluginSpecEditor.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 { ErrorAlert } from '@perses-dev/components';\nimport { UnknownSpec } from '@perses-dev/core';\nimport { OptionsEditorProps, PluginType } from '../../model';\nimport { usePlugin } from '../../runtime';\n\nexport interface PluginSpecEditorProps extends OptionsEditorProps<UnknownSpec> {\n  pluginType: PluginType;\n  pluginKind: string;\n}\n\nexport function PluginSpecEditor(props: PluginSpecEditorProps) {\n  const { pluginType, pluginKind, ...others } = props;\n  const { data: plugin, isLoading, error } = usePlugin(pluginType, pluginKind);\n\n  if (error) {\n    return <ErrorAlert error={error} />;\n  }\n\n  // TODO: Proper loading indicator\n  if (isLoading) {\n    return null;\n  }\n\n  if (plugin === undefined) {\n    throw new Error(`Missing implementation for ${pluginType} plugin with kind '${pluginKind}'`);\n  }\n\n  if (pluginType === 'Panel') {\n    throw new Error('This editor should not be used for panel type. Please use Panel Spec Editor instead.');\n  }\n\n  const { OptionsEditorComponent } = plugin;\n\n  if (OptionsEditorComponent !== undefined) {\n    return <OptionsEditorComponent {...others} />;\n  }\n\n  return null;\n}\n"],"names":["ErrorAlert","usePlugin","PluginSpecEditor","props","pluginType","pluginKind","others","data","plugin","isLoading","error","undefined","Error","OptionsEditorComponent"],"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;AAAA,SAASA,UAAU,QAAQ,wBAAwB,CAAC;AAGpD,SAASC,SAAS,QAAQ,eAAe,CAAC;AAO1C,OAAO,SAASC,gBAAgB,CAACC,KAA4B,EAAE;IAC7D,MAAM,EAAEC,UAAU,CAAA,EAAEC,UAAU,CAAA,EAAE,GAAGC,MAAM,EAAE,GAAGH,KAAK,AAAC;IACpD,MAAM,EAAEI,IAAI,EAAEC,MAAM,CAAA,EAAEC,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAE,GAAGT,SAAS,CAACG,UAAU,EAAEC,UAAU,CAAC,AAAC;IAE7E,IAAIK,KAAK,EAAE;QACT,qBAAO,KAACV,UAAU;YAACU,KAAK,EAAEA,KAAK;UAAI,CAAC;IACtC,CAAC;IAED,iCAAiC;IACjC,IAAID,SAAS,EAAE;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAID,MAAM,KAAKG,SAAS,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,CAAC,2BAA2B,EAAER,UAAU,CAAC,mBAAmB,EAAEC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/F,CAAC;IAED,IAAID,UAAU,KAAK,OAAO,EAAE;QAC1B,MAAM,IAAIQ,KAAK,CAAC,sFAAsF,CAAC,CAAC;IAC1G,CAAC;IAED,MAAM,EAAEC,sBAAsB,CAAA,EAAE,GAAGL,MAAM,AAAC;IAE1C,IAAIK,sBAAsB,KAAKF,SAAS,EAAE;QACxC,qBAAO,KAACE,sBAAsB;YAAE,GAAGP,MAAM;UAAI,CAAC;IAChD,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"sources":["../../../src/components/PluginSpecEditor/PluginSpecEditor.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 { ErrorAlert } from '@perses-dev/components';\nimport { UnknownSpec } from '@perses-dev/core';\nimport { OptionsEditorProps, PluginType } from '../../model';\nimport { usePlugin } from '../../runtime';\n\nexport interface PluginSpecEditorProps extends OptionsEditorProps<UnknownSpec> {\n  pluginType: PluginType;\n  pluginKind: string;\n}\n\nexport function PluginSpecEditor(props: PluginSpecEditorProps) {\n  const { pluginType, pluginKind, ...others } = props;\n  const { data: plugin, isLoading, error } = usePlugin(pluginType, pluginKind);\n\n  if (error) {\n    return <ErrorAlert error={error} />;\n  }\n\n  // TODO: Proper loading indicator\n  if (isLoading) {\n    return null;\n  }\n\n  if (plugin === undefined) {\n    throw new Error(`Missing implementation for ${pluginType} plugin with kind '${pluginKind}'`);\n  }\n\n  if (pluginType === 'Panel') {\n    throw new Error('This editor should not be used for panel type. Please use Panel Spec Editor instead.');\n  }\n\n  const { OptionsEditorComponent } = plugin;\n\n  if (OptionsEditorComponent !== undefined) {\n    return <OptionsEditorComponent {...others} />;\n  }\n\n  return null;\n}\n"],"names":["ErrorAlert","usePlugin","PluginSpecEditor","props","pluginType","pluginKind","others","data","plugin","isLoading","error","undefined","Error","OptionsEditorComponent"],"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,QAAQ,yBAAyB;AAGpD,SAASC,SAAS,QAAQ,gBAAgB;AAO1C,OAAO,SAASC,iBAAiBC,KAA4B;IAC3D,MAAM,EAAEC,WAAU,EAAEC,WAAU,EAAE,GAAGC,QAAQ,GAAGH;IAC9C,MAAM,EAAEI,MAAMC,OAAM,EAAEC,UAAS,EAAEC,MAAK,EAAE,GAAGT,UAAUG,YAAYC;IAEjE,IAAIK,OAAO;QACT,qBAAO,KAACV;YAAWU,OAAOA;;IAC5B;IAEA,iCAAiC;IACjC,IAAID,WAAW;QACb,OAAO;IACT;IAEA,IAAID,WAAWG,WAAW;QACxB,MAAM,IAAIC,MAAM,CAAC,2BAA2B,EAAER,WAAW,mBAAmB,EAAEC,WAAW,CAAC,CAAC;IAC7F;IAEA,IAAID,eAAe,SAAS;QAC1B,MAAM,IAAIQ,MAAM;IAClB;IAEA,MAAM,EAAEC,uBAAsB,EAAE,GAAGL;IAEnC,IAAIK,2BAA2BF,WAAW;QACxC,qBAAO,KAACE;YAAwB,GAAGP,MAAM;;IAC3C;IAEA,OAAO;AACT"}

package/dist/components/PluginSpecEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PluginSpecEditor/index.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\nexport * from './PluginSpecEditor';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,oBAAoB,CAAC"}
+{"version":3,"sources":["../../../src/components/PluginSpecEditor/index.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\nexport * from './PluginSpecEditor';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,qBAAqB"}

package/dist/components/TimeSeriesQueryEditor/TimeSeriesQueryEditor.js

@@ -21,8 +21,8 @@ const DEFAULT_QUERY_PLUGIN_TYPE = 'TimeSeriesQuery';
 export function TimeSeriesQueryEditor({ queries =[] , onChange  }) {
     const hasMoreThanOneQuery = queries.length > 1;
     const { defaultPluginKinds  } = usePluginRegistry();
-    var ref;
-    const defaultTimeSeriesQueryKind = (ref = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds[DEFAULT_QUERY_PLUGIN_TYPE]) !== null && ref !== void 0 ? ref : '';
+    var _defaultPluginKinds_DEFAULT_QUERY_PLUGIN_TYPE;
+    const defaultTimeSeriesQueryKind = (_defaultPluginKinds_DEFAULT_QUERY_PLUGIN_TYPE = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds[DEFAULT_QUERY_PLUGIN_TYPE]) !== null && _defaultPluginKinds_DEFAULT_QUERY_PLUGIN_TYPE !== void 0 ? _defaultPluginKinds_DEFAULT_QUERY_PLUGIN_TYPE : '';
     const { data: defaultQueryPlugin  } = usePlugin(DEFAULT_QUERY_PLUGIN_TYPE, defaultTimeSeriesQueryKind, {
         useErrorBoundary: true,
         enabled: true
@@ -89,14 +89,14 @@ export function TimeSeriesQueryEditor({ queries =[] , onChange  }) {
             ];
         });
     };
-    var ref1;
+    var _defaultPluginKinds_TimeSeriesQuery;
     // show one query input if queries is empty
     const queryDefinitions = queries.length ? queries : [
         {
             kind: 'TimeSeriesQuery',
             spec: {
                 plugin: {
-                    kind: (ref1 = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds['TimeSeriesQuery']) !== null && ref1 !== void 0 ? ref1 : '',
+                    kind: (_defaultPluginKinds_TimeSeriesQuery = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds['TimeSeriesQuery']) !== null && _defaultPluginKinds_TimeSeriesQuery !== void 0 ? _defaultPluginKinds_TimeSeriesQuery : '',
                     spec: {
                         query: ''
                     }

package/dist/components/TimeSeriesQueryEditor/TimeSeriesQueryEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TimeSeriesQueryEditor/TimeSeriesQueryEditor.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useState } from 'react';\nimport { produce } from 'immer';\nimport { Button, Stack } from '@mui/material';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport { TimeSeriesQueryDefinition, QueryDefinition } from '@perses-dev/core';\nimport { usePlugin, usePluginRegistry } from '../../runtime';\nimport { TimeSeriesQueryInput } from './TimeSeriesQueryInput';\n\nconst DEFAULT_QUERY_PLUGIN_TYPE = 'TimeSeriesQuery';\n\nexport interface TimeSeriesQueryEditorProps {\n  queries?: TimeSeriesQueryDefinition[];\n  onChange: (queries: QueryDefinition[]) => void;\n}\n\nexport function TimeSeriesQueryEditor({ queries = [], onChange }: TimeSeriesQueryEditorProps) {\n  const hasMoreThanOneQuery = queries.length > 1;\n  const { defaultPluginKinds } = usePluginRegistry();\n  const defaultTimeSeriesQueryKind = defaultPluginKinds?.[DEFAULT_QUERY_PLUGIN_TYPE] ?? '';\n\n  const { data: defaultQueryPlugin } = usePlugin(DEFAULT_QUERY_PLUGIN_TYPE, defaultTimeSeriesQueryKind, {\n    useErrorBoundary: true,\n    enabled: true,\n  });\n\n  // State for which queries are collapsed\n  // TODO: Would be easier if we had IDs for queries.\n  const [queriesCollapsed, setQueriesCollapsed] = useState(queries.map(() => false));\n\n  // Query handlers\n  const handleQueryChange = (index: number, queryDef: TimeSeriesQueryDefinition) => {\n    onChange(\n      produce(queries, (draft) => {\n        if (draft) {\n          draft[index] = queryDef;\n        } else {\n          draft = [queryDef];\n        }\n      })\n    );\n  };\n\n  const handleQueryAdd = () => {\n    if (!defaultQueryPlugin) return;\n    onChange(\n      produce(queries, (draft) => {\n        const queryDef: TimeSeriesQueryDefinition = {\n          kind: DEFAULT_QUERY_PLUGIN_TYPE,\n          spec: {\n            plugin: { kind: defaultTimeSeriesQueryKind, spec: defaultQueryPlugin.createInitialOptions() },\n          },\n        };\n        if (draft) {\n          draft.push(queryDef);\n        } else {\n          draft = [...queries, queryDef];\n        }\n      })\n    );\n    setQueriesCollapsed((queriesCollapsed) => {\n      queriesCollapsed.push(false);\n      return [...queriesCollapsed];\n    });\n  };\n\n  const handleQueryDelete = (index: number) => {\n    onChange(\n      produce(queries, (draft) => {\n        draft.splice(index, 1);\n      })\n    );\n    setQueriesCollapsed((queriesCollapsed) => {\n      queriesCollapsed.splice(index, 1);\n      return [...queriesCollapsed];\n    });\n  };\n\n  const handleQueryCollapseExpand = (index: number) => {\n    setQueriesCollapsed((queriesCollapsed) => {\n      queriesCollapsed[index] = !queriesCollapsed[index];\n      return [...queriesCollapsed];\n    });\n  };\n\n  // show one query input if queries is empty\n  const queryDefinitions: TimeSeriesQueryDefinition[] = queries.length\n    ? queries\n    : [\n        {\n          kind: 'TimeSeriesQuery',\n          spec: {\n            plugin: {\n              kind: defaultPluginKinds?.['TimeSeriesQuery'] ?? '',\n              spec: {\n                query: '',\n              },\n            },\n          },\n        },\n      ];\n\n  return (\n    <Stack spacing={1}>\n      <Button variant=\"contained\" startIcon={<AddIcon />} sx={{ marginLeft: 'auto' }} onClick={handleQueryAdd}>\n        Add Query\n      </Button>\n      {queryDefinitions.map((query: TimeSeriesQueryDefinition, i: number) => (\n        <TimeSeriesQueryInput\n          key={i}\n          index={i}\n          query={query}\n          isCollapsed={!!queriesCollapsed[i]}\n          onChange={handleQueryChange}\n          onDelete={hasMoreThanOneQuery ? handleQueryDelete : undefined}\n          onCollapseExpand={handleQueryCollapseExpand}\n        />\n      ))}\n    </Stack>\n  );\n}\n"],"names":["useState","produce","Button","Stack","AddIcon","usePlugin","usePluginRegistry","TimeSeriesQueryInput","DEFAULT_QUERY_PLUGIN_TYPE","TimeSeriesQueryEditor","queries","onChange","hasMoreThanOneQuery","length","defaultPluginKinds","defaultTimeSeriesQueryKind","data","defaultQueryPlugin","useErrorBoundary","enabled","queriesCollapsed","setQueriesCollapsed","map","handleQueryChange","index","queryDef","draft","handleQueryAdd","kind","spec","plugin","createInitialOptions","push","handleQueryDelete","splice","handleQueryCollapseExpand","queryDefinitions","query","spacing","variant","startIcon","sx","marginLeft","onClick","i","isCollapsed","onDelete","undefined","onCollapseExpand"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/TimeSeriesQueryEditor/TimeSeriesQueryEditor.tsx"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useState } from 'react';\nimport { produce } from 'immer';\nimport { Button, Stack } from '@mui/material';\nimport AddIcon from 'mdi-material-ui/Plus';\nimport { TimeSeriesQueryDefinition, QueryDefinition } from '@perses-dev/core';\nimport { usePlugin, usePluginRegistry } from '../../runtime';\nimport { TimeSeriesQueryInput } from './TimeSeriesQueryInput';\n\nconst DEFAULT_QUERY_PLUGIN_TYPE = 'TimeSeriesQuery';\n\nexport interface TimeSeriesQueryEditorProps {\n  queries?: TimeSeriesQueryDefinition[];\n  onChange: (queries: QueryDefinition[]) => void;\n}\n\nexport function TimeSeriesQueryEditor({ queries = [], onChange }: TimeSeriesQueryEditorProps) {\n  const hasMoreThanOneQuery = queries.length > 1;\n  const { defaultPluginKinds } = usePluginRegistry();\n  const defaultTimeSeriesQueryKind = defaultPluginKinds?.[DEFAULT_QUERY_PLUGIN_TYPE] ?? '';\n\n  const { data: defaultQueryPlugin } = usePlugin(DEFAULT_QUERY_PLUGIN_TYPE, defaultTimeSeriesQueryKind, {\n    useErrorBoundary: true,\n    enabled: true,\n  });\n\n  // State for which queries are collapsed\n  // TODO: Would be easier if we had IDs for queries.\n  const [queriesCollapsed, setQueriesCollapsed] = useState(queries.map(() => false));\n\n  // Query handlers\n  const handleQueryChange = (index: number, queryDef: TimeSeriesQueryDefinition) => {\n    onChange(\n      produce(queries, (draft) => {\n        if (draft) {\n          draft[index] = queryDef;\n        } else {\n          draft = [queryDef];\n        }\n      })\n    );\n  };\n\n  const handleQueryAdd = () => {\n    if (!defaultQueryPlugin) return;\n    onChange(\n      produce(queries, (draft) => {\n        const queryDef: TimeSeriesQueryDefinition = {\n          kind: DEFAULT_QUERY_PLUGIN_TYPE,\n          spec: {\n            plugin: { kind: defaultTimeSeriesQueryKind, spec: defaultQueryPlugin.createInitialOptions() },\n          },\n        };\n        if (draft) {\n          draft.push(queryDef);\n        } else {\n          draft = [...queries, queryDef];\n        }\n      })\n    );\n    setQueriesCollapsed((queriesCollapsed) => {\n      queriesCollapsed.push(false);\n      return [...queriesCollapsed];\n    });\n  };\n\n  const handleQueryDelete = (index: number) => {\n    onChange(\n      produce(queries, (draft) => {\n        draft.splice(index, 1);\n      })\n    );\n    setQueriesCollapsed((queriesCollapsed) => {\n      queriesCollapsed.splice(index, 1);\n      return [...queriesCollapsed];\n    });\n  };\n\n  const handleQueryCollapseExpand = (index: number) => {\n    setQueriesCollapsed((queriesCollapsed) => {\n      queriesCollapsed[index] = !queriesCollapsed[index];\n      return [...queriesCollapsed];\n    });\n  };\n\n  // show one query input if queries is empty\n  const queryDefinitions: TimeSeriesQueryDefinition[] = queries.length\n    ? queries\n    : [\n        {\n          kind: 'TimeSeriesQuery',\n          spec: {\n            plugin: {\n              kind: defaultPluginKinds?.['TimeSeriesQuery'] ?? '',\n              spec: {\n                query: '',\n              },\n            },\n          },\n        },\n      ];\n\n  return (\n    <Stack spacing={1}>\n      <Button variant=\"contained\" startIcon={<AddIcon />} sx={{ marginLeft: 'auto' }} onClick={handleQueryAdd}>\n        Add Query\n      </Button>\n      {queryDefinitions.map((query: TimeSeriesQueryDefinition, i: number) => (\n        <TimeSeriesQueryInput\n          key={i}\n          index={i}\n          query={query}\n          isCollapsed={!!queriesCollapsed[i]}\n          onChange={handleQueryChange}\n          onDelete={hasMoreThanOneQuery ? handleQueryDelete : undefined}\n          onCollapseExpand={handleQueryCollapseExpand}\n        />\n      ))}\n    </Stack>\n  );\n}\n"],"names":["useState","produce","Button","Stack","AddIcon","usePlugin","usePluginRegistry","TimeSeriesQueryInput","DEFAULT_QUERY_PLUGIN_TYPE","TimeSeriesQueryEditor","queries","onChange","hasMoreThanOneQuery","length","defaultPluginKinds","defaultTimeSeriesQueryKind","data","defaultQueryPlugin","useErrorBoundary","enabled","queriesCollapsed","setQueriesCollapsed","map","handleQueryChange","index","queryDef","draft","handleQueryAdd","kind","spec","plugin","createInitialOptions","push","handleQueryDelete","splice","handleQueryCollapseExpand","queryDefinitions","query","spacing","variant","startIcon","sx","marginLeft","onClick","i","isCollapsed","onDelete","undefined","onCollapseExpand"],"mappings":"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"}

package/dist/components/TimeSeriesQueryEditor/TimeSeriesQueryInput.js

@@ -63,7 +63,7 @@ export const TimeSeriesQueryInput = ({ index , query , isCollapsed , onDelete ,
  * Displays an editor for TimeSeriesQueryDefinition objects.
  */ function QueryEditor(props) {
     const { value , onChange , ...others } = props;
-    const { spec: { plugin  } ,  } = value;
+    const { spec: { plugin  }  } = value;
     const handlePluginChange = (next)=>{
         onChange(produce(value, (draft)=>{
             draft.spec.plugin = next;

package/dist/components/TimeSeriesQueryEditor/TimeSeriesQueryInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TimeSeriesQueryEditor/TimeSeriesQueryInput.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 produce from 'immer';\nimport { TimeSeriesQueryDefinition } from '@perses-dev/core';\nimport { Stack, IconButton, Typography, BoxProps, Box } from '@mui/material';\nimport DeleteIcon from 'mdi-material-ui/DeleteOutline';\nimport ChevronDown from 'mdi-material-ui/ChevronDown';\nimport ChevronRight from 'mdi-material-ui/ChevronRight';\nimport { PluginEditor, PluginEditorProps } from '../PluginEditor';\n\ninterface TimeSeriesQueryInputProps {\n  query: TimeSeriesQueryDefinition;\n  index: number;\n  onChange: (index: number, query: TimeSeriesQueryDefinition) => void;\n  onCollapseExpand: (index: number) => void;\n  isCollapsed?: boolean;\n  onDelete?: (index: number) => void;\n}\n\nexport const TimeSeriesQueryInput = ({\n  index,\n  query,\n  isCollapsed,\n  onDelete,\n  onChange,\n  onCollapseExpand,\n}: TimeSeriesQueryInputProps) => {\n  return (\n    <Stack key={index} spacing={1}>\n      <Stack direction=\"row\" alignItems=\"center\" borderBottom={1} borderColor={(theme) => theme.palette.divider}>\n        <IconButton size=\"small\" onClick={() => onCollapseExpand(index)}>\n          {isCollapsed ? <ChevronRight /> : <ChevronDown />}\n        </IconButton>\n        <Typography variant=\"overline\" component=\"h4\">\n          Query {index + 1}\n        </Typography>\n        <IconButton\n          size=\"small\"\n          // Use `visibility` to ensure that the row has the same height when delete button is visible or not visible\n          sx={{ marginLeft: 'auto', visibility: `${onDelete ? 'visible' : 'hidden'}` }}\n          onClick={() => onDelete && onDelete(index)}\n        >\n          <DeleteIcon />\n        </IconButton>\n      </Stack>\n      {!isCollapsed && <QueryEditor value={query} onChange={(next) => onChange(index, next)} />}\n    </Stack>\n  );\n};\n\n// Props on MUI Box 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\ninterface QueryEditorProps extends Omit<BoxProps, OmittedMuiProps> {\n  value: TimeSeriesQueryDefinition;\n  onChange: (next: TimeSeriesQueryDefinition) => void;\n}\n\n/**\n * Displays an editor for TimeSeriesQueryDefinition objects.\n */\nfunction QueryEditor(props: QueryEditorProps) {\n  const { value, onChange, ...others } = props;\n  const {\n    spec: { plugin },\n  } = value;\n\n  const handlePluginChange: PluginEditorProps['onChange'] = (next) => {\n    onChange(\n      produce(value, (draft) => {\n        draft.spec.plugin = next;\n      })\n    );\n  };\n\n  return (\n    <Box {...others}>\n      {/* If TimeSeriesQuery plugins ever have common props on the definition, the inputs could go here */}\n      <PluginEditor\n        pluginType=\"TimeSeriesQuery\"\n        pluginKindLabel=\"Query Type\"\n        value={plugin}\n        onChange={handlePluginChange}\n      />\n    </Box>\n  );\n}\n"],"names":["produce","Stack","IconButton","Typography","Box","DeleteIcon","ChevronDown","ChevronRight","PluginEditor","TimeSeriesQueryInput","index","query","isCollapsed","onDelete","onChange","onCollapseExpand","spacing","direction","alignItems","borderBottom","borderColor","theme","palette","divider","size","onClick","variant","component","sx","marginLeft","visibility","QueryEditor","value","next","props","others","spec","plugin","handlePluginChange","draft","pluginType","pluginKindLabel"],"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;AAAA,OAAOA,OAAO,MAAM,OAAO,CAAC;AAE5B,SAASC,KAAK,EAAEC,UAAU,EAAEC,UAAU,EAAYC,GAAG,QAAQ,eAAe,CAAC;AAC7E,OAAOC,UAAU,MAAM,+BAA+B,CAAC;AACvD,OAAOC,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAOC,YAAY,MAAM,8BAA8B,CAAC;AACxD,SAASC,YAAY,QAA2B,iBAAiB,CAAC;AAWlE,OAAO,MAAMC,oBAAoB,GAAG,CAAC,EACnCC,KAAK,CAAA,EACLC,KAAK,CAAA,EACLC,WAAW,CAAA,EACXC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACRC,gBAAgB,CAAA,EACU,GAAK;IAC/B,qBACE,MAACd,KAAK;QAAae,OAAO,EAAE,CAAC;;0BAC3B,MAACf,KAAK;gBAACgB,SAAS,EAAC,KAAK;gBAACC,UAAU,EAAC,QAAQ;gBAACC,YAAY,EAAE,CAAC;gBAAEC,WAAW,EAAE,CAACC,KAAK,GAAKA,KAAK,CAACC,OAAO,CAACC,OAAO;;kCACvG,KAACrB,UAAU;wBAACsB,IAAI,EAAC,OAAO;wBAACC,OAAO,EAAE,IAAMV,gBAAgB,CAACL,KAAK,CAAC;kCAC5DE,WAAW,iBAAG,KAACL,YAAY,KAAG,iBAAG,KAACD,WAAW,KAAG;sBACtC;kCACb,MAACH,UAAU;wBAACuB,OAAO,EAAC,UAAU;wBAACC,SAAS,EAAC,IAAI;;4BAAC,QACtC;4BAACjB,KAAK,GAAG,CAAC;;sBACL;kCACb,KAACR,UAAU;wBACTsB,IAAI,EAAC,OAAO;wBACZ,2GAA2G;wBAC3GI,EAAE,EAAE;4BAAEC,UAAU,EAAE,MAAM;4BAAEC,UAAU,EAAE,CAAC,EAAEjB,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;yBAAE;wBAC5EY,OAAO,EAAE,IAAMZ,QAAQ,IAAIA,QAAQ,CAACH,KAAK,CAAC;kCAE1C,cAAA,KAACL,UAAU,KAAG;sBACH;;cACP;YACP,CAACO,WAAW,kBAAI,KAACmB,WAAW;gBAACC,KAAK,EAAErB,KAAK;gBAAEG,QAAQ,EAAE,CAACmB,IAAI,GAAKnB,QAAQ,CAACJ,KAAK,EAAEuB,IAAI,CAAC;cAAI;;OAjB/EvB,KAAK,CAkBT,CACR;AACJ,CAAC,CAAC;AAWF;;CAEC,GACD,SAASqB,WAAW,CAACG,KAAuB,EAAE;IAC5C,MAAM,EAAEF,KAAK,CAAA,EAAElB,QAAQ,CAAA,EAAE,GAAGqB,MAAM,EAAE,GAAGD,KAAK,AAAC;IAC7C,MAAM,EACJE,IAAI,EAAE,EAAEC,MAAM,CAAA,EAAE,CAAA,IACjB,GAAGL,KAAK,AAAC;IAEV,MAAMM,kBAAkB,GAAkC,CAACL,IAAI,GAAK;QAClEnB,QAAQ,CACNd,OAAO,CAACgC,KAAK,EAAE,CAACO,KAAK,GAAK;YACxBA,KAAK,CAACH,IAAI,CAACC,MAAM,GAAGJ,IAAI,CAAC;QAC3B,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,AAAC;IAEF,qBACE,KAAC7B,GAAG;QAAE,GAAG+B,MAAM;kBAEb,cAAA,KAAC3B,YAAY;YACXgC,UAAU,EAAC,iBAAiB;YAC5BC,eAAe,EAAC,YAAY;YAC5BT,KAAK,EAAEK,MAAM;YACbvB,QAAQ,EAAEwB,kBAAkB;UAC5B;MACE,CACN;AACJ,CAAC"}
+{"version":3,"sources":["../../../src/components/TimeSeriesQueryEditor/TimeSeriesQueryInput.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 produce from 'immer';\nimport { TimeSeriesQueryDefinition } from '@perses-dev/core';\nimport { Stack, IconButton, Typography, BoxProps, Box } from '@mui/material';\nimport DeleteIcon from 'mdi-material-ui/DeleteOutline';\nimport ChevronDown from 'mdi-material-ui/ChevronDown';\nimport ChevronRight from 'mdi-material-ui/ChevronRight';\nimport { PluginEditor, PluginEditorProps } from '../PluginEditor';\n\ninterface TimeSeriesQueryInputProps {\n  query: TimeSeriesQueryDefinition;\n  index: number;\n  onChange: (index: number, query: TimeSeriesQueryDefinition) => void;\n  onCollapseExpand: (index: number) => void;\n  isCollapsed?: boolean;\n  onDelete?: (index: number) => void;\n}\n\nexport const TimeSeriesQueryInput = ({\n  index,\n  query,\n  isCollapsed,\n  onDelete,\n  onChange,\n  onCollapseExpand,\n}: TimeSeriesQueryInputProps) => {\n  return (\n    <Stack key={index} spacing={1}>\n      <Stack direction=\"row\" alignItems=\"center\" borderBottom={1} borderColor={(theme) => theme.palette.divider}>\n        <IconButton size=\"small\" onClick={() => onCollapseExpand(index)}>\n          {isCollapsed ? <ChevronRight /> : <ChevronDown />}\n        </IconButton>\n        <Typography variant=\"overline\" component=\"h4\">\n          Query {index + 1}\n        </Typography>\n        <IconButton\n          size=\"small\"\n          // Use `visibility` to ensure that the row has the same height when delete button is visible or not visible\n          sx={{ marginLeft: 'auto', visibility: `${onDelete ? 'visible' : 'hidden'}` }}\n          onClick={() => onDelete && onDelete(index)}\n        >\n          <DeleteIcon />\n        </IconButton>\n      </Stack>\n      {!isCollapsed && <QueryEditor value={query} onChange={(next) => onChange(index, next)} />}\n    </Stack>\n  );\n};\n\n// Props on MUI Box 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\ninterface QueryEditorProps extends Omit<BoxProps, OmittedMuiProps> {\n  value: TimeSeriesQueryDefinition;\n  onChange: (next: TimeSeriesQueryDefinition) => void;\n}\n\n/**\n * Displays an editor for TimeSeriesQueryDefinition objects.\n */\nfunction QueryEditor(props: QueryEditorProps) {\n  const { value, onChange, ...others } = props;\n  const {\n    spec: { plugin },\n  } = value;\n\n  const handlePluginChange: PluginEditorProps['onChange'] = (next) => {\n    onChange(\n      produce(value, (draft) => {\n        draft.spec.plugin = next;\n      })\n    );\n  };\n\n  return (\n    <Box {...others}>\n      {/* If TimeSeriesQuery plugins ever have common props on the definition, the inputs could go here */}\n      <PluginEditor\n        pluginType=\"TimeSeriesQuery\"\n        pluginKindLabel=\"Query Type\"\n        value={plugin}\n        onChange={handlePluginChange}\n      />\n    </Box>\n  );\n}\n"],"names":["produce","Stack","IconButton","Typography","Box","DeleteIcon","ChevronDown","ChevronRight","PluginEditor","TimeSeriesQueryInput","index","query","isCollapsed","onDelete","onChange","onCollapseExpand","spacing","direction","alignItems","borderBottom","borderColor","theme","palette","divider","size","onClick","variant","component","sx","marginLeft","visibility","QueryEditor","value","next","props","others","spec","plugin","handlePluginChange","draft","pluginType","pluginKindLabel"],"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,OAAOA,aAAa,QAAQ;AAE5B,SAASC,KAAK,EAAEC,UAAU,EAAEC,UAAU,EAAYC,GAAG,QAAQ,gBAAgB;AAC7E,OAAOC,gBAAgB,gCAAgC;AACvD,OAAOC,iBAAiB,8BAA8B;AACtD,OAAOC,kBAAkB,+BAA+B;AACxD,SAASC,YAAY,QAA2B,kBAAkB;AAWlE,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,MAAK,EACLC,MAAK,EACLC,YAAW,EACXC,SAAQ,EACRC,SAAQ,EACRC,iBAAgB,EACU;IAC1B,qBACE,MAACd;QAAkBe,SAAS;;0BAC1B,MAACf;gBAAMgB,WAAU;gBAAMC,YAAW;gBAASC,cAAc;gBAAGC,aAAa,CAACC,QAAUA,MAAMC,QAAQC;;kCAChG,KAACrB;wBAAWsB,MAAK;wBAAQC,SAAS,IAAMV,iBAAiBL;kCACtDE,4BAAc,KAACL,kCAAkB,KAACD;;kCAErC,MAACH;wBAAWuB,SAAQ;wBAAWC,WAAU;;4BAAK;4BACrCjB,QAAQ;;;kCAEjB,KAACR;wBACCsB,MAAK;wBACL,2GAA2G;wBAC3GI,IAAI;4BAAEC,YAAY;4BAAQC,YAAY,CAAC,EAAEjB,WAAW,YAAY,SAAS,CAAC;wBAAC;wBAC3EY,SAAS,IAAMZ,YAAYA,SAASH;kCAEpC,cAAA,KAACL;;;;YAGJ,CAACO,6BAAe,KAACmB;gBAAYC,OAAOrB;gBAAOG,UAAU,CAACmB,OAASnB,SAASJ,OAAOuB;;;OAjBtEvB;AAoBhB,EAAE;AAWF;;CAEC,GACD,SAASqB,YAAYG,KAAuB;IAC1C,MAAM,EAAEF,MAAK,EAAElB,SAAQ,EAAE,GAAGqB,QAAQ,GAAGD;IACvC,MAAM,EACJE,MAAM,EAAEC,OAAM,EAAE,CAAA,EACjB,GAAGL;IAEJ,MAAMM,qBAAoD,CAACL;QACzDnB,SACEd,QAAQgC,OAAO,CAACO;YACdA,MAAMH,KAAKC,SAASJ;QACtB;IAEJ;IAEA,qBACE,KAAC7B;QAAK,GAAG+B,MAAM;kBAEb,cAAA,KAAC3B;YACCgC,YAAW;YACXC,iBAAgB;YAChBT,OAAOK;YACPvB,UAAUwB;;;AAIlB"}

package/dist/components/TimeSeriesQueryEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TimeSeriesQueryEditor/index.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\nexport * from './TimeSeriesQueryEditor';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,yBAAyB,CAAC"}
+{"version":3,"sources":["../../../src/components/TimeSeriesQueryEditor/index.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\nexport * from './TimeSeriesQueryEditor';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,0BAA0B"}

package/dist/components/Variables/VariableEditorForm/VariableEditorForm.d.ts

@@ -1,12 +1,15 @@
-/// <reference types="react" />
+import { DispatchWithoutAction } from 'react';
 import { VariableDefinition } from '@perses-dev/core';
-export declare type Action = 'create' | 'read' | 'update';
-interface VariableEditFormProps {
+import { Action } from '../../../utils';
+interface VariableEditorFormProps {
     initialVariableDefinition: VariableDefinition;
-    onChange: (def: VariableDefinition) => void;
-    onCancel: () => void;
-    action?: Action;
+    initialAction: Action;
+    isDraft: boolean;
+    isReadonly?: boolean;
+    onSave: (def: VariableDefinition) => void;
+    onClose: () => void;
+    onDelete?: DispatchWithoutAction;
 }
-export declare function VariableEditForm(props: VariableEditFormProps): JSX.Element;
+export declare function VariableEditorForm(props: VariableEditorFormProps): JSX.Element;
 export {};
 //# sourceMappingURL=VariableEditorForm.d.ts.map

package/dist/components/Variables/VariableEditorForm/VariableEditorForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VariableEditorForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Variables/VariableEditorForm/VariableEditorForm.tsx"],"names":[],"mappings":";AAgCA,OAAO,EAAE,kBAAkB,EAA0B,MAAM,kBAAkB,CAAC;AA6B9E,oBAAY,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElD,UAAU,qBAAqB;IAC7B,yBAAyB,EAAE,kBAAkB,CAAC;IAC9C,QAAQ,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAoT5D"}
+{"version":3,"file":"VariableEditorForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Variables/VariableEditorForm/VariableEditorForm.tsx"],"names":[],"mappings":"AAaA,OAAc,EAAE,qBAAqB,EAAkC,MAAM,OAAO,CAAC;AAerF,OAAO,EAAE,kBAAkB,EAA0B,MAAM,kBAAkB,CAAC;AAI9E,OAAO,EAAE,MAAM,EAAiC,MAAM,gBAAgB,CAAC;AAWvE,UAAU,uBAAuB;IAC/B,yBAAyB,EAAE,kBAAkB,CAAC;IAC9C,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,CAAC,GAAG,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eAuYhE"}