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

package/dist/test/mock-data.js

@@ -122,5 +122,140 @@ export const MOCK_PROFILE_DATA = {
         name: 'cpu'
     }
 };
+// Remote Plugin Loader Test Fixtures
+export const MOCK_VALID_PLUGIN_METADATA = {
+    kind: 'Panel',
+    spec: {
+        name: 'testPlugin',
+        display: {
+            name: 'Test Plugin',
+            description: 'A test plugin for unit testing'
+        }
+    }
+};
+export const MOCK_VALID_PLUGIN_MODULE_RESOURCE = {
+    kind: 'PluginModule',
+    metadata: {
+        name: 'test-module',
+        version: '1.0.0'
+    },
+    spec: {
+        plugins: [
+            MOCK_VALID_PLUGIN_METADATA
+        ]
+    }
+};
+export const MOCK_INVALID_PLUGIN_MODULE = {
+    // Missing required fields
+    metadata: {
+        name: 'invalid-module'
+    },
+    spec: {
+        plugins: [
+            {
+                // Missing required fields
+                kind: 'Panel'
+            }
+        ]
+    }
+};
+export const MOCK_MIXED_VALIDITY_PLUGIN_MODULES = [
+    MOCK_VALID_PLUGIN_MODULE_RESOURCE,
+    MOCK_INVALID_PLUGIN_MODULE,
+    {
+        kind: 'PluginModule',
+        metadata: {
+            name: 'another-valid-module',
+            version: '2.0.0'
+        },
+        spec: {
+            plugins: [
+                {
+                    kind: 'Variable',
+                    spec: {
+                        name: 'anotherPlugin',
+                        display: {
+                            name: 'Another Plugin'
+                        }
+                    }
+                }
+            ]
+        }
+    }
+];
+export const MOCK_REMOTE_PLUGIN_MODULE = {
+    testPlugin: {
+        component: ()=>null,
+        createDefaultOptions: ()=>({})
+    }
+};
+export const MOCK_MULTI_PLUGIN_MODULE = {
+    kind: 'PluginModule',
+    metadata: {
+        name: 'multi-plugin-module',
+        version: '1.0.0'
+    },
+    spec: {
+        plugins: [
+            {
+                kind: 'Panel',
+                spec: {
+                    name: 'plugin1',
+                    display: {
+                        name: 'Plugin 1'
+                    }
+                }
+            },
+            {
+                kind: 'Variable',
+                spec: {
+                    name: 'plugin2',
+                    display: {
+                        name: 'Plugin 2'
+                    }
+                }
+            }
+        ]
+    }
+};
+export const MOCK_PARTIAL_FAILURE_MODULE = {
+    kind: 'PluginModule',
+    metadata: {
+        name: 'partial-failure-module',
+        version: '1.0.0'
+    },
+    spec: {
+        plugins: [
+            {
+                kind: 'Panel',
+                spec: {
+                    name: 'workingPlugin',
+                    display: {
+                        name: 'Working Plugin'
+                    }
+                }
+            },
+            {
+                kind: 'Variable',
+                spec: {
+                    name: 'failingPlugin',
+                    display: {
+                        name: 'Failing Plugin'
+                    }
+                }
+            }
+        ]
+    }
+};
+export const MOCK_EMPTY_PLUGIN_MODULE = {
+    kind: 'PluginModule',
+    metadata: {
+        name: 'empty-module',
+        version: '1.0.0'
+    },
+    spec: {
+        plugins: []
+    }
+};
 
 //# sourceMappingURL=mock-data.js.map

package/dist/test/mock-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/test/mock-data.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 { LogData, ProfileData, TimeSeriesData, TraceData } from '@perses-dev/core';\n\nexport const MOCK_TIME_SERIES_DATA: TimeSeriesData = {\n  timeRange: {\n    start: new Date(1666625490000),\n    end: new Date(1666625535000),\n  },\n  stepMs: 24379,\n  series: [\n    {\n      name: 'device=\"/dev/vda1\", env=\"demo\", fstype=\"ext4\", instance=\"demo.do.prometheus.io:9100\", job=\"node\", mountpoint=\"/\"',\n      values: [\n        [1666479357903, 0.27700745551584494],\n        [1666479382282, 0.27701284657366565],\n      ],\n    },\n    {\n      name: 'device=\"/dev/vda15\", env=\"demo\", fstype=\"vfat\", instance=\"demo.do.prometheus.io:9100\", job=\"node\", mountpoint=\"/boot/efi\"',\n      values: [\n        [1666479357903, 0.08486496097624885],\n        [1666479382282, 0.08486496097624885],\n      ],\n    },\n  ],\n};\n\nexport const MOCK_TRACE_DATA: TraceData = {\n  searchResult: [\n    {\n      durationMs: 1120,\n      serviceStats: {\n        'shop-backend': {\n          spanCount: 4,\n          errorCount: 0,\n        },\n        'cart-service': {\n          spanCount: 2,\n          errorCount: 0,\n        },\n        'article-service': {\n          spanCount: 2,\n          errorCount: 0,\n        },\n        'auth-service': {\n          spanCount: 1,\n          errorCount: 0,\n        },\n        postgres: {\n          spanCount: 1,\n          errorCount: 0,\n        },\n      },\n      startTimeUnixMs: 1699916103945861,\n      traceId: '95ba9202315c29c801b5aa41452aa775',\n      rootServiceName: 'shop-backend',\n      rootTraceName: 'article-to-cart',\n    },\n  ],\n  metadata: {\n    executedQueryString: '{ duration > 1000ms }',\n  },\n};\n\nexport const MOCK_LOG_DATA: LogData = {\n  totalCount: 2,\n  entries: [\n    {\n      timestamp: 1666479357903,\n      line: 'Error: Something went wrong',\n      labels: {\n        level: 'error',\n        service: 'backend',\n      },\n    },\n    {\n      timestamp: 1666479382282,\n      line: 'Info: Request processed successfully',\n      labels: {\n        level: 'info',\n        service: 'frontend',\n      },\n    },\n  ],\n};\n\nexport const MOCK_PROFILE_DATA: ProfileData = {\n  profile: {\n    stackTrace: {\n      id: 0,\n      name: 'root',\n      level: 0,\n      start: 1699916103945861,\n      end: 1699916105065861,\n      total: 1000,\n      self: 500,\n      children: [],\n    },\n  },\n  metadata: {\n    spyName: '',\n    sampleRate: 1000000000,\n    units: 'samples',\n    name: 'cpu',\n  },\n};\n"],"names":["MOCK_TIME_SERIES_DATA","timeRange","start","Date","end","stepMs","series","name","values","MOCK_TRACE_DATA","searchResult","durationMs","serviceStats","spanCount","errorCount","postgres","startTimeUnixMs","traceId","rootServiceName","rootTraceName","metadata","executedQueryString","MOCK_LOG_DATA","totalCount","entries","timestamp","line","labels","level","service","MOCK_PROFILE_DATA","profile","stackTrace","id","total","self","children","spyName","sampleRate","units"],"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;AAIjC,OAAO,MAAMA,wBAAwC;IACnDC,WAAW;QACTC,OAAO,IAAIC,KAAK;QAChBC,KAAK,IAAID,KAAK;IAChB;IACAE,QAAQ;IACRC,QAAQ;QACN;YACEC,MAAM;YACNC,QAAQ;gBACN;oBAAC;oBAAe;iBAAoB;gBACpC;oBAAC;oBAAe;iBAAoB;aACrC;QACH;QACA;YACED,MAAM;YACNC,QAAQ;gBACN;oBAAC;oBAAe;iBAAoB;gBACpC;oBAAC;oBAAe;iBAAoB;aACrC;QACH;KACD;AACH,EAAE;AAEF,OAAO,MAAMC,kBAA6B;IACxCC,cAAc;QACZ;YACEC,YAAY;YACZC,cAAc;gBACZ,gBAAgB;oBACdC,WAAW;oBACXC,YAAY;gBACd;gBACA,gBAAgB;oBACdD,WAAW;oBACXC,YAAY;gBACd;gBACA,mBAAmB;oBACjBD,WAAW;oBACXC,YAAY;gBACd;gBACA,gBAAgB;oBACdD,WAAW;oBACXC,YAAY;gBACd;gBACAC,UAAU;oBACRF,WAAW;oBACXC,YAAY;gBACd;YACF;YACAE,iBAAiB;YACjBC,SAAS;YACTC,iBAAiB;YACjBC,eAAe;QACjB;KACD;IACDC,UAAU;QACRC,qBAAqB;IACvB;AACF,EAAE;AAEF,OAAO,MAAMC,gBAAyB;IACpCC,YAAY;IACZC,SAAS;QACP;YACEC,WAAW;YACXC,MAAM;YACNC,QAAQ;gBACNC,OAAO;gBACPC,SAAS;YACX;QACF;QACA;YACEJ,WAAW;YACXC,MAAM;YACNC,QAAQ;gBACNC,OAAO;gBACPC,SAAS;YACX;QACF;KACD;AACH,EAAE;AAEF,OAAO,MAAMC,oBAAiC;IAC5CC,SAAS;QACPC,YAAY;YACVC,IAAI;YACJ1B,MAAM;YACNqB,OAAO;YACP1B,OAAO;YACPE,KAAK;YACL8B,OAAO;YACPC,MAAM;YACNC,UAAU,EAAE;QACd;IACF;IACAhB,UAAU;QACRiB,SAAS;QACTC,YAAY;QACZC,OAAO;QACPhC,MAAM;IACR;AACF,EAAE"}
+{"version":3,"sources":["../../src/test/mock-data.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 { LogData, ProfileData, TimeSeriesData, TraceData } from '@perses-dev/core';\n\nexport const MOCK_TIME_SERIES_DATA: TimeSeriesData = {\n  timeRange: {\n    start: new Date(1666625490000),\n    end: new Date(1666625535000),\n  },\n  stepMs: 24379,\n  series: [\n    {\n      name: 'device=\"/dev/vda1\", env=\"demo\", fstype=\"ext4\", instance=\"demo.do.prometheus.io:9100\", job=\"node\", mountpoint=\"/\"',\n      values: [\n        [1666479357903, 0.27700745551584494],\n        [1666479382282, 0.27701284657366565],\n      ],\n    },\n    {\n      name: 'device=\"/dev/vda15\", env=\"demo\", fstype=\"vfat\", instance=\"demo.do.prometheus.io:9100\", job=\"node\", mountpoint=\"/boot/efi\"',\n      values: [\n        [1666479357903, 0.08486496097624885],\n        [1666479382282, 0.08486496097624885],\n      ],\n    },\n  ],\n};\n\nexport const MOCK_TRACE_DATA: TraceData = {\n  searchResult: [\n    {\n      durationMs: 1120,\n      serviceStats: {\n        'shop-backend': {\n          spanCount: 4,\n          errorCount: 0,\n        },\n        'cart-service': {\n          spanCount: 2,\n          errorCount: 0,\n        },\n        'article-service': {\n          spanCount: 2,\n          errorCount: 0,\n        },\n        'auth-service': {\n          spanCount: 1,\n          errorCount: 0,\n        },\n        postgres: {\n          spanCount: 1,\n          errorCount: 0,\n        },\n      },\n      startTimeUnixMs: 1699916103945861,\n      traceId: '95ba9202315c29c801b5aa41452aa775',\n      rootServiceName: 'shop-backend',\n      rootTraceName: 'article-to-cart',\n    },\n  ],\n  metadata: {\n    executedQueryString: '{ duration > 1000ms }',\n  },\n};\n\nexport const MOCK_LOG_DATA: LogData = {\n  totalCount: 2,\n  entries: [\n    {\n      timestamp: 1666479357903,\n      line: 'Error: Something went wrong',\n      labels: {\n        level: 'error',\n        service: 'backend',\n      },\n    },\n    {\n      timestamp: 1666479382282,\n      line: 'Info: Request processed successfully',\n      labels: {\n        level: 'info',\n        service: 'frontend',\n      },\n    },\n  ],\n};\n\nexport const MOCK_PROFILE_DATA: ProfileData = {\n  profile: {\n    stackTrace: {\n      id: 0,\n      name: 'root',\n      level: 0,\n      start: 1699916103945861,\n      end: 1699916105065861,\n      total: 1000,\n      self: 500,\n      children: [],\n    },\n  },\n  metadata: {\n    spyName: '',\n    sampleRate: 1000000000,\n    units: 'samples',\n    name: 'cpu',\n  },\n};\n\n// Remote Plugin Loader Test Fixtures\nexport const MOCK_VALID_PLUGIN_METADATA = {\n  kind: 'Panel' as const,\n  spec: {\n    name: 'testPlugin',\n    display: {\n      name: 'Test Plugin',\n      description: 'A test plugin for unit testing',\n    },\n  },\n};\n\nexport const MOCK_VALID_PLUGIN_MODULE_RESOURCE = {\n  kind: 'PluginModule' as const,\n  metadata: {\n    name: 'test-module',\n    version: '1.0.0',\n  },\n  spec: {\n    plugins: [MOCK_VALID_PLUGIN_METADATA],\n  },\n};\n\nexport const MOCK_INVALID_PLUGIN_MODULE = {\n  // Missing required fields\n  metadata: {\n    name: 'invalid-module',\n  },\n  spec: {\n    plugins: [\n      {\n        // Missing required fields\n        kind: 'Panel',\n      },\n    ],\n  },\n};\n\nexport const MOCK_MIXED_VALIDITY_PLUGIN_MODULES = [\n  MOCK_VALID_PLUGIN_MODULE_RESOURCE,\n  MOCK_INVALID_PLUGIN_MODULE,\n  {\n    kind: 'PluginModule' as const,\n    metadata: {\n      name: 'another-valid-module',\n      version: '2.0.0',\n    },\n    spec: {\n      plugins: [\n        {\n          kind: 'Variable' as const,\n          spec: {\n            name: 'anotherPlugin',\n            display: {\n              name: 'Another Plugin',\n            },\n          },\n        },\n      ],\n    },\n  },\n];\n\nexport const MOCK_REMOTE_PLUGIN_MODULE = {\n  testPlugin: {\n    component: (): null => null,\n    createDefaultOptions: (): Record<string, unknown> => ({}),\n  },\n};\n\nexport const MOCK_MULTI_PLUGIN_MODULE = {\n  kind: 'PluginModule' as const,\n  metadata: {\n    name: 'multi-plugin-module',\n    version: '1.0.0',\n  },\n  spec: {\n    plugins: [\n      {\n        kind: 'Panel' as const,\n        spec: {\n          name: 'plugin1',\n          display: { name: 'Plugin 1' },\n        },\n      },\n      {\n        kind: 'Variable' as const,\n        spec: {\n          name: 'plugin2',\n          display: { name: 'Plugin 2' },\n        },\n      },\n    ],\n  },\n};\n\nexport const MOCK_PARTIAL_FAILURE_MODULE = {\n  kind: 'PluginModule' as const,\n  metadata: {\n    name: 'partial-failure-module',\n    version: '1.0.0',\n  },\n  spec: {\n    plugins: [\n      {\n        kind: 'Panel' as const,\n        spec: {\n          name: 'workingPlugin',\n          display: { name: 'Working Plugin' },\n        },\n      },\n      {\n        kind: 'Variable' as const,\n        spec: {\n          name: 'failingPlugin',\n          display: { name: 'Failing Plugin' },\n        },\n      },\n    ],\n  },\n};\n\nexport const MOCK_EMPTY_PLUGIN_MODULE = {\n  kind: 'PluginModule' as const,\n  metadata: {\n    name: 'empty-module',\n    version: '1.0.0',\n  },\n  spec: {\n    plugins: [],\n  },\n};\n"],"names":["MOCK_TIME_SERIES_DATA","timeRange","start","Date","end","stepMs","series","name","values","MOCK_TRACE_DATA","searchResult","durationMs","serviceStats","spanCount","errorCount","postgres","startTimeUnixMs","traceId","rootServiceName","rootTraceName","metadata","executedQueryString","MOCK_LOG_DATA","totalCount","entries","timestamp","line","labels","level","service","MOCK_PROFILE_DATA","profile","stackTrace","id","total","self","children","spyName","sampleRate","units","MOCK_VALID_PLUGIN_METADATA","kind","spec","display","description","MOCK_VALID_PLUGIN_MODULE_RESOURCE","version","plugins","MOCK_INVALID_PLUGIN_MODULE","MOCK_MIXED_VALIDITY_PLUGIN_MODULES","MOCK_REMOTE_PLUGIN_MODULE","testPlugin","component","createDefaultOptions","MOCK_MULTI_PLUGIN_MODULE","MOCK_PARTIAL_FAILURE_MODULE","MOCK_EMPTY_PLUGIN_MODULE"],"mappings":"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"}

package/dist/utils/event.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A (temporary) userland implementation of `useEvent` from this React RFC: https://github.com/reactjs/rfcs/pull/220.
+ *
+ * Typically useful for getting a stable reference to an "event" function (i.e. one that isn't called during render
+ * but is called later in a useEffect or event handler) that accesses state or props.
+ */
+export declare function useEvent<T extends unknown[], U>(handler: (...args: T) => U): (...args: T) => U;
+//# sourceMappingURL=event.d.ts.map

package/dist/utils/event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.d.ts","sourceRoot":"","sources":["../../src/utils/event.ts"],"names":[],"mappings":"AAeA;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,CAO9F"}

package/dist/utils/event.js

@@ -0,0 +1,27 @@
+// 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 { useRef, useLayoutEffect, useCallback } from 'react';
+/**
+ * A (temporary) userland implementation of `useEvent` from this React RFC: https://github.com/reactjs/rfcs/pull/220.
+ *
+ * Typically useful for getting a stable reference to an "event" function (i.e. one that isn't called during render
+ * but is called later in a useEffect or event handler) that accesses state or props.
+ */ export function useEvent(handler) {
+    const handlerRef = useRef(handler);
+    useLayoutEffect(()=>{
+        handlerRef.current = handler;
+    });
+    return useCallback((...args)=>handlerRef.current(...args), []);
+}
+
+//# sourceMappingURL=event.js.map

package/dist/utils/event.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/event.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 { useRef, useLayoutEffect, useCallback } from 'react';\n\n/**\n * A (temporary) userland implementation of `useEvent` from this React RFC: https://github.com/reactjs/rfcs/pull/220.\n *\n * Typically useful for getting a stable reference to an \"event\" function (i.e. one that isn't called during render\n * but is called later in a useEffect or event handler) that accesses state or props.\n */\nexport function useEvent<T extends unknown[], U>(handler: (...args: T) => U): (...args: T) => U {\n  const handlerRef = useRef(handler);\n  useLayoutEffect(() => {\n    handlerRef.current = handler;\n  });\n\n  return useCallback((...args) => handlerRef.current(...args), []);\n}\n"],"names":["useRef","useLayoutEffect","useCallback","useEvent","handler","handlerRef","current","args"],"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,eAAe,EAAEC,WAAW,QAAQ,QAAQ;AAE7D;;;;;CAKC,GACD,OAAO,SAASC,SAAiCC,OAA0B;IACzE,MAAMC,aAAaL,OAAOI;IAC1BH,gBAAgB;QACdI,WAAWC,OAAO,GAAGF;IACvB;IAEA,OAAOF,YAAY,CAAC,GAAGK,OAASF,WAAWC,OAAO,IAAIC,OAAO,EAAE;AACjE"}

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './action';
+export * from './event';
 export * from './variables';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAaA,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAaA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/dist/utils/index.js

@@ -11,6 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 export * from './action';
+export * from './event';
 export * from './variables';
 
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/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 './action';\nexport * from './variables';\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,WAAW;AACzB,cAAc,cAAc"}
+{"version":3,"sources":["../../src/utils/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 './action';\nexport * from './event';\nexport * from './variables';\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,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,cAAc"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/plugin-system",
-  "version": "0.52.0",
+  "version": "0.53.0-beta.1",
   "description": "The plugin feature in Pereses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -29,8 +29,8 @@
   },
   "dependencies": {
     "@module-federation/enhanced": "^0.19.1",
-    "@perses-dev/components": "0.52.0",
-    "@perses-dev/core": "0.52.0",
+    "@perses-dev/components": "0.53.0-beta.1",
+    "@perses-dev/core": "0.53.0-beta.1",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "immer": "^10.1.1",

package/dist/cjs/components/ProjectSelect.js

@@ -1,96 +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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ProjectSelect", {
-    enumerable: true,
-    get: function() {
-        return ProjectSelect;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _context = require("../context");
-function ProjectSelect(props) {
-    const { onChange, value, ...others } = props;
-    const { data, isLoading } = (0, _context.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__*/ (0, _jsxruntime.jsxs)(_material.Select, {
-        ...others,
-        value: optionValue,
-        onChange: handleChange,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                value: "none",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                    direction: "row",
-                    alignItems: "center",
-                    justifyContent: "space-between",
-                    width: "100%",
-                    height: 32,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemText, {
-                        children: "None"
-                    })
-                })
-            }),
-            data?.map((project)=>[
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                        value: project.metadata.name,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                            direction: "row",
-                            alignItems: "center",
-                            justifyContent: "space-between",
-                            width: "100%",
-                            height: 32,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.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: {}
-    };
-}

package/dist/cjs/context/ProjectStoreProvider.js

@@ -1,81 +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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    ProjectStoreContext: function() {
-        return ProjectStoreContext;
-    },
-    ProjectStoreProvider: function() {
-        return ProjectStoreProvider;
-    },
-    useProjectList: function() {
-        return useProjectList;
-    },
-    useProjectStore: function() {
-        return useProjectStore;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _reactquery = require("@tanstack/react-query");
-const _react = require("react");
-const _core = require("@perses-dev/core");
-const _queryparams = require("./query-params");
-const ProjectStoreContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
-function useProjectList() {
-    return (0, _reactquery.useQuery)({
-        queryKey: [
-            'projects'
-        ],
-        queryFn: ()=>{
-            return (0, _core.fetchJson)('/api/v1/projects');
-        }
-    });
-}
-function useProjectStore() {
-    const ctx = (0, _react.useContext)(ProjectStoreContext);
-    if (ctx === undefined) {
-        throw new Error('No ProjectStoreContext found. Did you forget a Provider?');
-    }
-    return ctx;
-}
-function ProjectStoreProvider(props) {
-    const { children, enabledURLParams } = props;
-    const { project, setProject } = (0, _queryparams.useSetProjectParams)(enabledURLParams);
-    const contextValue = (0, _react.useMemo)(()=>({
-            project: {
-                kind: 'Project',
-                metadata: {
-                    name: project
-                }
-            },
-            setProject: (project)=>{
-                setProject(project.metadata.name);
-            }
-        }), [
-        project,
-        setProject
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(ProjectStoreContext.Provider, {
-        value: contextValue,
-        children: children
-    });
-}

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

@@ -1,49 +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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useSetProjectParams", {
-    enumerable: true,
-    get: function() {
-        return useSetProjectParams;
-    }
-});
-const _react = require("react");
-const _usequeryparams = require("use-query-params");
-function useSetProjectParams(enabledURLParams = true) {
-    const [query, setQuery] = (0, _usequeryparams.useQueryParams)({
-        project: ''
-    }, {
-        updateType: 'replaceIn'
-    });
-    const [projectState, setProjectState] = (0, _react.useState)('none');
-    const setProject = (0, _react.useCallback)((project)=>{
-        return setQuery({
-            project
-        });
-    }, [
-        setQuery
-    ]);
-    if (enabledURLParams) {
-        return {
-            project: query.project || 'none',
-            setProject
-        };
-    }
-    return {
-        project: projectState,
-        setProject: setProjectState
-    };
-}

package/dist/components/DatasourceSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatasourceSelect.d.ts","sourceRoot":"","sources":["../../src/components/DatasourceSelect.tsx"],"names":[],"mappings":"AAcA,OAAO,EAML,mBAAmB,EACnB,eAAe,EAGhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAC9C,OAAO,EAEL,yBAAyB,EACzB,4BAA4B,EAG5B,gBAAgB,EACjB,MAAM,YAAY,CAAC;AAOpB,KAAK,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAWzD,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,kBAAkB,IAAI,CAAC,GAAG,YAAY,CAAC;AAE7E,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,mBAAmB,GAAG,eAAe,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;IACjH,KAAK,EAAE,qBAAqB,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAkH3E;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,YAAY,CAahH;AAKD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,4BAA4B,GAAG,YAAY,GAAG,MAAM,CAKnG;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,MAAM,GAAG,qBAAqB,CAehF;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,GAAG,KAAK,IAAI,YAAY,CAEpG;AAED,eAAO,MAAM,+BAA+B,UACnC,qBAAqB,GAAG,SAAS,aAC7B,gBAAgB,8BACC,yBAAyB,EAAE,GAAG,SAAS,KAClE,kBAAkB,GAAG,SA4BvB,CAAC;AAEF,eAAO,MAAM,kCAAkC,UACtC,qBAAqB,wBACN,MAAM,KAC3B,kBAQF,CAAC"}

package/dist/components/DatasourceSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/DatasourceSelect.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 OpenInNewIcon from 'mdi-material-ui/OpenInNew';\nimport {\n  Stack,\n  ListItemText,\n  Chip,\n  IconButton,\n  Box,\n  OutlinedSelectProps,\n  BaseSelectProps,\n  Autocomplete,\n  TextField,\n} from '@mui/material';\nimport { DatasourceSelector, VariableName } from '@perses-dev/core';\nimport { ReactElement, useMemo } from 'react';\nimport {\n  DatasourceSelectItem,\n  DatasourceSelectItemGroup,\n  DatasourceSelectItemSelector,\n  useListDatasourceSelectItems,\n  useVariableValues,\n  VariableStateMap,\n} from '../runtime';\nimport { parseVariables } from '../utils';\n\nconst DATASOURCE_VARIABLE_VALUE_PREFIX = '__DATASOURCE_VARIABLE_VALUE__';\nconst VARIABLE_IDENTIFIER = '$';\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\ntype DataSourceOption = {\n  groupEditLink?: string;\n  groupLabel?: string;\n  value: string;\n} & Omit<DatasourceSelectItem, 'selector'> &\n  Omit<DatasourceSelectItem['selector'], 'kind'>;\n\nconst emptyDatasourceOption: DataSourceOption = { name: '', value: '' };\n\nexport type DatasourceSelectValue<T = DatasourceSelector> = T | VariableName;\n\nexport interface DatasourceSelectProps extends Omit<OutlinedSelectProps & BaseSelectProps<string>, OmittedMuiProps> {\n  value: DatasourceSelectValue;\n  onChange: (next: DatasourceSelectValue) => void;\n  datasourcePluginKind: string;\n  project?: string;\n}\n\n/**\n * Displays a MUI input for selecting a Datasource of a particular kind. Note: The 'value' and `onChange` handler for\n * the input deal with a `DatasourceSelector`.\n */\nexport function DatasourceSelect(props: DatasourceSelectProps): ReactElement {\n  const { datasourcePluginKind, value, project, readOnly, onChange, ...others } = props;\n  const { data, isLoading } = useListDatasourceSelectItems(datasourcePluginKind, project);\n  const variables = useVariableValues();\n\n  const defaultValue = useMemo<VariableName | DatasourceSelectItemSelector>(() => {\n    if (isVariableDatasource(value)) {\n      return value;\n    }\n\n    const group = (data ?? [])\n      .flatMap((itemGroup) => itemGroup.items)\n      .find((item) => {\n        return value.kind === item.selector.kind && value.name === item.selector.name && !item.overridden;\n      })?.selector.group;\n    return { ...value, group };\n  }, [value, data]);\n\n  const options = useMemo<DataSourceOption[]>(() => {\n    const datasourceOptions = (data || []).flatMap<DataSourceOption>((itemGroup) =>\n      itemGroup.items.map<DataSourceOption>((item) => ({\n        groupLabel: itemGroup.group,\n        groupEditLink: itemGroup.editLink,\n        name: item.name,\n        overriding: item.overriding,\n        overridden: item.overridden,\n        saved: item.saved ?? true,\n        group: item.selector.group,\n        value: selectorToOptionValue(item.selector),\n      }))\n    );\n\n    const datasourceOptionsMap = new Map(datasourceOptions.map((option) => [option.name, option]));\n\n    const variableOptions = Object.entries(variables).flatMap<DataSourceOption>(([name, variable]) => {\n      if (Array.isArray(variable.value)) return [];\n\n      const associatedDatasource = datasourceOptionsMap.get(variable.value ?? '');\n      if (!associatedDatasource) return [];\n\n      return {\n        groupLabel: 'Variables',\n        name: `${VARIABLE_IDENTIFIER}${name}`,\n        saved: true,\n        value: `${DATASOURCE_VARIABLE_VALUE_PREFIX}${VARIABLE_IDENTIFIER}${name}`,\n      };\n    });\n\n    return [...datasourceOptions, ...variableOptions];\n  }, [data, variables]);\n\n  // While loading available values, just use an empty datasource option so MUI select doesn't warn about values out of range\n  const optionValue = isLoading\n    ? emptyDatasourceOption\n    : options.find((option) => option.value === selectorToOptionValue(defaultValue));\n\n  // When the user makes a selection, convert the string option value back to a DatasourceSelector\n  const handleChange = (selectedOption: DataSourceOption | null): void => {\n    if (selectedOption) {\n      const next = optionValueToSelector(selectedOption?.value || '');\n      onChange(next);\n    } else {\n      onChange({ kind: datasourcePluginKind });\n    }\n  };\n\n  // We use a fake action event when we click on the action of the chip (hijack the \"delete\" feature).\n  // This is because the href link action is on the `deleteIcon` property already, but the `onDelete` property\n  // controls its visibility.\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  const fakeActionEvent = (): void => {};\n\n  return (\n    <Autocomplete<DataSourceOption>\n      readOnly={readOnly}\n      options={options}\n      renderInput={(params) => <TextField {...params} label={others.label} placeholder=\"\" />}\n      groupBy={(option) => option.groupLabel || 'No group'}\n      getOptionLabel={(option) => {\n        return option.name;\n      }}\n      onChange={(_, v) => handleChange(v)}\n      value={optionValue}\n      renderOption={(props, option) => {\n        return (\n          <li {...props} key={option.value}>\n            <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\" width=\"100%\">\n              <ListItemText>\n                <DatasourceName name={option.name} overridden={option.overridden} overriding={option.overriding} />\n              </ListItemText>\n              {!option.saved && <ListItemText>Save the dashboard to enable this datasource</ListItemText>}\n              <ListItemText style={{ textAlign: 'right' }}>\n                {option.groupLabel && option.groupLabel.length > 0 && (\n                  <Chip\n                    disabled={false}\n                    label={option.groupLabel}\n                    size=\"small\"\n                    onDelete={option.groupEditLink ? fakeActionEvent : undefined}\n                    deleteIcon={\n                      option.groupEditLink ? (\n                        <IconButton href={option.groupEditLink} target=\"_blank\">\n                          <OpenInNewIcon fontSize=\"small\" />\n                        </IconButton>\n                      ) : undefined\n                    }\n                  />\n                )}\n              </ListItemText>\n            </Stack>\n          </li>\n        );\n      }}\n    />\n  );\n}\n\nexport function DatasourceName(props: { name: string; overridden?: boolean; overriding?: boolean }): ReactElement {\n  const { name, overridden, overriding } = props;\n  return (\n    <>\n      {`${name} `}\n      {!overridden && overriding && (\n        <Box display=\"inline\" fontWeight=\"normal\" color={(theme) => theme.palette.primary.main}>\n          (overriding)\n        </Box>\n      )}\n      {overridden && '(overridden)'}\n    </>\n  );\n}\n\n// Delimiter used to stringify/parse option values\nconst OPTION_VALUE_DELIMITER = '_____';\n\n/**\n * Given a DatasourceSelectItemSelector,\n * returns a string value like `{kind}_____{group}_____{name}` that can be used as a Select input value.\n * @param selector\n */\nexport function selectorToOptionValue(selector: DatasourceSelectItemSelector | VariableName): string {\n  if (isVariableDatasource(selector)) {\n    return `${DATASOURCE_VARIABLE_VALUE_PREFIX}${selector}`;\n  }\n  return [selector.kind, selector.group ?? '', selector.name ?? ''].join(OPTION_VALUE_DELIMITER);\n}\n\n/**\n * Given an option value name like `{kind}_____{group}_____{name}`,\n * returns a DatasourceSelector to be used by the query data model.\n * @param optionValue\n */\nexport function optionValueToSelector(optionValue: string): DatasourceSelectValue {\n  if (optionValue.startsWith(DATASOURCE_VARIABLE_VALUE_PREFIX)) {\n    return optionValue.split(DATASOURCE_VARIABLE_VALUE_PREFIX)[1]!;\n  }\n\n  const words = optionValue.split(OPTION_VALUE_DELIMITER);\n  const kind = words[0];\n  const name = words[2];\n  if (kind === undefined || name === undefined) {\n    throw new Error('Invalid optionValue string');\n  }\n  return {\n    kind,\n    name: name === '' ? undefined : name,\n  };\n}\n\nexport function isVariableDatasource(value: DatasourceSelectValue | undefined): value is VariableName {\n  return typeof value === 'string' && value.startsWith(VARIABLE_IDENTIFIER);\n}\n\nexport const datasourceSelectValueToSelector = (\n  value: DatasourceSelectValue | undefined,\n  variables: VariableStateMap,\n  datasourceSelectItemGroups: DatasourceSelectItemGroup[] | undefined\n): DatasourceSelector | undefined => {\n  if (!isVariableDatasource(value)) {\n    return value;\n  }\n\n  const [variableName] = parseVariables(value);\n  const variable = variables[variableName ?? ''];\n\n  // If the variable is not defined or if its value is an array, we cannot determine a selector and return undefined\n  if (!variable || Array.isArray(variable.value)) {\n    return undefined;\n  }\n\n  const associatedDatasource = (datasourceSelectItemGroups || [])\n    .flatMap((itemGroup) => itemGroup.items)\n    .find((datasource) => datasource.name === variable.value);\n\n  // If the variable value is not a datasource, we cannot determine a selector and return undefined\n  if (associatedDatasource === undefined) {\n    return undefined;\n  }\n\n  const datasourceSelector: DatasourceSelector = {\n    kind: associatedDatasource.selector.kind,\n    name: associatedDatasource.selector.name,\n  };\n\n  return datasourceSelector;\n};\n\nexport const useDatasourceSelectValueToSelector = (\n  value: DatasourceSelectValue,\n  datasourcePluginKind: string\n): DatasourceSelector => {\n  const { data } = useListDatasourceSelectItems(datasourcePluginKind);\n  const variables = useVariableValues();\n  if (!isVariableDatasource(value)) {\n    return value;\n  }\n\n  return datasourceSelectValueToSelector(value, variables, data) ?? { kind: datasourcePluginKind };\n};\n"],"names":["OpenInNewIcon","Stack","ListItemText","Chip","IconButton","Box","Autocomplete","TextField","useMemo","useListDatasourceSelectItems","useVariableValues","parseVariables","DATASOURCE_VARIABLE_VALUE_PREFIX","VARIABLE_IDENTIFIER","emptyDatasourceOption","name","value","DatasourceSelect","props","datasourcePluginKind","project","readOnly","onChange","others","data","isLoading","variables","defaultValue","isVariableDatasource","group","flatMap","itemGroup","items","find","item","kind","selector","overridden","options","datasourceOptions","map","groupLabel","groupEditLink","editLink","overriding","saved","selectorToOptionValue","datasourceOptionsMap","Map","option","variableOptions","Object","entries","variable","Array","isArray","associatedDatasource","get","optionValue","handleChange","selectedOption","next","optionValueToSelector","fakeActionEvent","renderInput","params","label","placeholder","groupBy","getOptionLabel","_","v","renderOption","li","key","direction","alignItems","justifyContent","width","DatasourceName","style","textAlign","length","disabled","size","onDelete","undefined","deleteIcon","href","target","fontSize","display","fontWeight","color","theme","palette","primary","main","OPTION_VALUE_DELIMITER","join","startsWith","split","words","Error","datasourceSelectValueToSelector","datasourceSelectItemGroups","variableName","datasource","datasourceSelector","useDatasourceSelectValueToSelector"],"mappings":"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"}

package/dist/components/ProjectSelect.d.ts

@@ -1,15 +0,0 @@
-import { SelectProps } from '@mui/material';
-import { ProjectResource } from '@perses-dev/core';
-import { ReactElement } from 'react';
-type OmittedMuiProps = 'children' | 'value' | 'onChange';
-export interface ProjectSelectProps extends Omit<SelectProps<string>, OmittedMuiProps> {
-    onChange: (next: ProjectResource) => void;
-    value: ProjectResource;
-}
-/**
- * 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 declare function ProjectSelect(props: ProjectSelectProps): ReactElement;
-export {};
-//# sourceMappingURL=ProjectSelect.d.ts.map

package/dist/components/ProjectSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProjectSelect.d.ts","sourceRoot":"","sources":["../../src/components/ProjectSelect.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAU,WAAW,EAAiC,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAKrC,KAAK,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC;IACpF,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,eAAe,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAmCrE"}