@perses-dev/plugin-system 0.54.0-beta.7 → 0.54.0-beta.8

package/dist/cjs/components/Annotations/AnnotationEditorForm/AnnotationEditorForm.js

@@ -30,13 +30,13 @@ const _reactquery = require("@tanstack/react-query");
 const _InvertColors = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/InvertColors"));
 const _PluginEditor = require("../../PluginEditor");
 const _context = require("../../../context");
+const _constants = require("../constants");
 const _AnnotationPreview = require("./AnnotationPreview");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const DEFAULT_ANNOTATION_COLOR = '#FF6B6B';
 function FallbackPreview() {
     return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         children: "Error previewing annotations"
@@ -207,12 +207,12 @@ function AnnotationEditorForm({ initialAnnotationSpec, action, isDraft, isReadon
                                                     children: isEnabled ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsColorPicker, {
                                                         size: "medium",
                                                         label: "annotation",
-                                                        color: field.value ?? DEFAULT_ANNOTATION_COLOR,
+                                                        color: field.value ?? _constants.DEFAULT_ANNOTATION_COLOR,
                                                         onColorChange: (color)=>field.onChange(color),
                                                         onClear: ()=>field.onChange(undefined)
                                                     }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
                                                         size: "medium",
-                                                        onClick: ()=>field.onChange(DEFAULT_ANNOTATION_COLOR),
+                                                        onClick: ()=>field.onChange(_constants.DEFAULT_ANNOTATION_COLOR),
                                                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_InvertColors.default, {})
                                                     })
                                                 });

package/dist/cjs/components/Annotations/AnnotationEditorForm/AnnotationPreview.js

@@ -23,31 +23,17 @@ Object.defineProperty(exports, "AnnotationPreview", {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _material = require("@mui/material");
-const _pluginsystem = require("@perses-dev/plugin-system");
 const _components = require("@perses-dev/components");
 const _Alert = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Alert"));
+const _runtime = require("../../../runtime");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const formatDate = (timeMs, format)=>{
-    // Disallows NaN, Infinity, and -Infinity
-    if (!Number.isFinite(timeMs)) {
-        return {
-            date: 'N/A',
-            time: 'N/A'
-        };
-    }
-    const d = new Date(timeMs);
-    return {
-        date: format(d, 'MMM dd, yyyy'),
-        time: format(d, 'HH:mm:ss')
-    };
-};
 function AnnotationPreviewCard({ value, formatWithUserTimeZone, ...props }) {
-    const start = formatDate(value.start, formatWithUserTimeZone);
-    const end = value.end !== undefined ? formatDate(value.start, formatWithUserTimeZone) : null;
+    const start = (0, _components.getDateAndTime)(value.start, formatWithUserTimeZone);
+    const end = value.end !== undefined ? (0, _components.getDateAndTime)(value.start, formatWithUserTimeZone) : null;
     const tags = (0, _react.useMemo)(()=>{
         return Object.entries(value.tags ?? []).map(([key, value])=>{
             return {
@@ -95,10 +81,10 @@ function AnnotationPreviewCard({ value, formatWithUserTimeZone, ...props }) {
                         /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
                             variant: "caption",
                             children: [
-                                start.date,
+                                start.formattedDate,
                                 " - ",
                                 /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
-                                    children: start.time
+                                    children: start.formattedTime
                                 })
                             ]
                         }),
@@ -111,10 +97,10 @@ function AnnotationPreviewCard({ value, formatWithUserTimeZone, ...props }) {
                                 /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
                                     variant: "caption",
                                     children: [
-                                        end.date,
+                                        end.formattedDate,
                                         " - ",
                                         /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
-                                            children: end.time
+                                            children: end.formattedTime
                                         })
                                     ]
                                 })
@@ -127,7 +113,7 @@ function AnnotationPreviewCard({ value, formatWithUserTimeZone, ...props }) {
     });
 }
 function AnnotationPreview({ spec, ...props }) {
-    const { data, isFetching, error } = (0, _pluginsystem.useAnnotationData)(spec);
+    const { data, isFetching, error } = (0, _runtime.useAnnotationData)(spec);
     const { formatWithUserTimeZone } = (0, _components.useTimeZone)();
     const [showAll, setShowAll] = (0, _react.useState)(false);
     const annotationsToShow = showAll ? data : data?.slice(0, 1);

package/dist/cjs/components/Annotations/constants.js

@@ -0,0 +1,23 @@
+// Copyright 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, "DEFAULT_ANNOTATION_COLOR", {
+    enumerable: true,
+    get: function() {
+        return DEFAULT_ANNOTATION_COLOR;
+    }
+});
+const DEFAULT_ANNOTATION_COLOR = '#FF6B6B';

package/dist/cjs/components/Annotations/index.js

@@ -15,6 +15,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 _export_star(require("./AnnotationEditorForm"), exports);
+_export_star(require("./constants"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/components/Annotations/AnnotationEditorForm/AnnotationEditorForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationEditorForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Annotations/AnnotationEditorForm/AnnotationEditorForm.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAC;AAEnF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAclD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAoD5C,UAAU,yBAAyB;IACjC,qBAAqB,EAAE,cAAc,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,MAAM,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,qBAAqB,EACrB,MAAM,EACN,OAAO,EACP,UAAU,EACV,cAAc,EACd,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,yBAAyB,GAAG,YAAY,CAuK1C"}
+{"version":3,"file":"AnnotationEditorForm.d.ts","sourceRoot":"","sources":["../../../../src/components/Annotations/AnnotationEditorForm/AnnotationEditorForm.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAC;AAEnF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAclD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAmD5C,UAAU,yBAAyB;IACjC,qBAAqB,EAAE,cAAc,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,MAAM,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,qBAAqB,EACrB,MAAM,EACN,OAAO,EACP,UAAU,EACV,cAAc,EACd,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,yBAAyB,GAAG,YAAY,CAuK1C"}

package/dist/components/Annotations/AnnotationEditorForm/AnnotationEditorForm.js

@@ -20,8 +20,8 @@ import { useQueryClient } from '@tanstack/react-query';
 import InvertColorsIcon from 'mdi-material-ui/InvertColors';
 import { PluginEditor } from '../../PluginEditor';
 import { useValidationSchemas } from '../../../context';
+import { DEFAULT_ANNOTATION_COLOR } from '../constants';
 import { AnnotationPreview } from './AnnotationPreview';
-const DEFAULT_ANNOTATION_COLOR = '#FF6B6B';
 function FallbackPreview() {
     return /*#__PURE__*/ _jsx("div", {
         children: "Error previewing annotations"

package/dist/components/Annotations/AnnotationEditorForm/AnnotationEditorForm.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Annotations/AnnotationEditorForm/AnnotationEditorForm.tsx"],"sourcesContent":["// Copyright 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 { DispatchWithoutAction, ReactElement, useCallback, useState } from 'react';\nimport { Box, Typography, TextField, Grid, Divider, Stack, IconButton } from '@mui/material';\nimport { AnnotationSpec } from '@perses-dev/spec';\nimport {\n  DiscardChangesConfirmationDialog,\n  ErrorAlert,\n  ErrorBoundary,\n  FormActions,\n  OptionsColorPicker,\n  getSubmitText,\n  getTitleAction,\n} from '@perses-dev/components';\nimport { Control, Controller, FormProvider, SubmitHandler, useForm, useWatch } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { useQueryClient } from '@tanstack/react-query';\nimport InvertColorsIcon from 'mdi-material-ui/InvertColors';\nimport { Action } from '@perses-dev/client';\nimport { PluginEditor } from '../../PluginEditor';\nimport { useValidationSchemas } from '../../../context';\nimport { AnnotationPreview } from './AnnotationPreview';\n\nconst DEFAULT_ANNOTATION_COLOR = '#FF6B6B';\n\nfunction FallbackPreview(): ReactElement {\n  return <div>Error previewing annotations</div>;\n}\n\ninterface KindAnnotationEditorFormProps {\n  action: Action;\n  control: Control<AnnotationSpec>;\n  onRunQuery: () => void;\n}\n\nfunction AnnotationPluginControl({ action, control, onRunQuery }: KindAnnotationEditorFormProps): ReactElement {\n  const plugin = useWatch<AnnotationSpec, 'plugin'>({ control, name: 'plugin' });\n  const kind = plugin?.kind;\n  const pluginSpec = plugin?.spec;\n\n  return (\n    <Controller\n      control={control}\n      name=\"plugin\"\n      render={({ field }) => {\n        return (\n          <PluginEditor\n            withRunQueryButton\n            width=\"100%\"\n            pluginTypes={['Annotation']}\n            pluginKindLabel=\"Source\"\n            value={{\n              selection: {\n                type: 'Annotation',\n                kind: kind ?? 'StaticListAnnotation',\n              },\n              spec: pluginSpec ?? {},\n            }}\n            isReadonly={action === 'read'}\n            onChange={(v) => {\n              field.onChange({ kind: v.selection.kind, spec: v.spec });\n            }}\n            onRunQuery={onRunQuery}\n          />\n        );\n      }}\n    />\n  );\n}\n\ninterface AnnotationEditorFormProps {\n  initialAnnotationSpec: AnnotationSpec;\n  action: Action;\n  isDraft: boolean;\n  isReadonly?: boolean;\n  onActionChange?: (action: Action) => void;\n  onSave: (def: AnnotationSpec) => void;\n  onClose: () => void;\n  onDelete?: DispatchWithoutAction;\n}\n\nexport function AnnotationEditorForm({\n  initialAnnotationSpec,\n  action,\n  isDraft,\n  isReadonly,\n  onActionChange,\n  onSave,\n  onClose,\n  onDelete,\n}: AnnotationEditorFormProps): ReactElement {\n  const queryClient = useQueryClient();\n\n  const [isDiscardDialogOpened, setDiscardDialogOpened] = useState<boolean>(false);\n  const titleAction = getTitleAction(action, isDraft);\n  const submitText = getSubmitText(action, isDraft);\n\n  const { annotationEditorSchema } = useValidationSchemas();\n  const form = useForm<AnnotationSpec>({\n    resolver: zodResolver(annotationEditorSchema),\n    mode: 'onBlur',\n    defaultValues: initialAnnotationSpec,\n  });\n\n  /* We use `previewDefinition` to explicitly update the spec\n   * that will be used for preview when running query. The reason why we do this is to avoid\n   * having to re-fetch the values when the user is still editing the spec.\n   * Using structuredClone to not have reference issues with nested objects.\n   */\n  const [previewSpec, setPreviewSpec] = useState(structuredClone(form.getValues()));\n\n  const handleRunQuery = useCallback(async () => {\n    const values = form.getValues();\n    if (JSON.stringify(previewSpec) === JSON.stringify(values)) {\n      await queryClient.invalidateQueries({ queryKey: ['annotation', previewSpec] });\n    } else {\n      setPreviewSpec(structuredClone(values));\n    }\n  }, [form, previewSpec, queryClient]);\n\n  const processForm: SubmitHandler<AnnotationSpec> = (data: AnnotationSpec) => {\n    // reset display attributes to undefined when empty, because we don't want to save empty strings\n    onSave(data);\n  };\n\n  function handleCancel(): void {\n    if (JSON.stringify(initialAnnotationSpec) !== JSON.stringify(form.getValues())) {\n      setDiscardDialogOpened(true);\n    } else {\n      onClose();\n    }\n  }\n\n  return (\n    <FormProvider {...form}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          padding: (theme) => theme.spacing(1, 2),\n          borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        }}\n      >\n        <Typography variant=\"h2\">{titleAction} Annotation</Typography>\n        <FormActions\n          action={action}\n          submitText={submitText}\n          isReadonly={isReadonly}\n          isValid={form.formState.isValid}\n          onActionChange={onActionChange}\n          onSubmit={form.handleSubmit(processForm)}\n          onDelete={onDelete}\n          onCancel={handleCancel}\n        />\n      </Box>\n      <Box padding={2} sx={{ overflowY: 'scroll' }}>\n        <Grid container spacing={2} mb={2}>\n          <Grid item xs={12}>\n            <Controller\n              control={form.control}\n              name=\"display.name\"\n              render={({ field, fieldState }) => (\n                <TextField\n                  {...field}\n                  required\n                  fullWidth\n                  label=\"Name\"\n                  InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                  InputProps={{\n                    disabled: action === 'update' && !isDraft,\n                    readOnly: action === 'read',\n                  }}\n                  error={!!fieldState.error}\n                  helperText={fieldState.error?.message}\n                  value={field.value ?? ''}\n                  onChange={(event) => {\n                    field.onChange(event);\n                  }}\n                />\n              )}\n            />\n          </Grid>\n          <Grid item xs={12}>\n            <Stack direction=\"row\" gap={1}>\n              <Controller\n                control={form.control}\n                name=\"display.color\"\n                render={({ field }) => {\n                  const isEnabled = field.value !== undefined;\n                  return (\n                    <>\n                      {isEnabled ? (\n                        <OptionsColorPicker\n                          size=\"medium\"\n                          label=\"annotation\"\n                          color={field.value ?? DEFAULT_ANNOTATION_COLOR}\n                          onColorChange={(color) => field.onChange(color)}\n                          onClear={() => field.onChange(undefined)}\n                        />\n                      ) : (\n                        <IconButton size=\"medium\" onClick={() => field.onChange(DEFAULT_ANNOTATION_COLOR)}>\n                          <InvertColorsIcon />\n                        </IconButton>\n                      )}\n                    </>\n                  );\n                }}\n              />\n\n              <Controller\n                control={form.control}\n                name=\"display.description\"\n                render={({ field, fieldState }) => (\n                  <TextField\n                    {...field}\n                    fullWidth\n                    label=\"Description\"\n                    InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                    InputProps={{\n                      readOnly: action === 'read',\n                    }}\n                    error={!!fieldState.error}\n                    helperText={fieldState.error?.message}\n                    value={field.value ?? ''}\n                    onChange={(event) => {\n                      field.onChange(event);\n                    }}\n                  />\n                )}\n              />\n            </Stack>\n          </Grid>\n        </Grid>\n\n        <Divider />\n\n        <ErrorBoundary FallbackComponent={FallbackPreview} resetKeys={[previewSpec]}>\n          <AnnotationPreview spec={previewSpec} sx={{ marginY: 2 }} />\n        </ErrorBoundary>\n\n        <ErrorBoundary FallbackComponent={ErrorAlert}>\n          <AnnotationPluginControl action={action} control={form.control} onRunQuery={handleRunQuery} />\n        </ErrorBoundary>\n      </Box>\n      <DiscardChangesConfirmationDialog\n        description=\"Are you sure you want to discard these changes? Changes cannot be recovered.\"\n        isOpen={isDiscardDialogOpened}\n        onCancel={() => {\n          setDiscardDialogOpened(false);\n        }}\n        onDiscardChanges={() => {\n          setDiscardDialogOpened(false);\n          onClose();\n        }}\n      />\n    </FormProvider>\n  );\n}\n"],"names":["useCallback","useState","Box","Typography","TextField","Grid","Divider","Stack","IconButton","DiscardChangesConfirmationDialog","ErrorAlert","ErrorBoundary","FormActions","OptionsColorPicker","getSubmitText","getTitleAction","Controller","FormProvider","useForm","useWatch","zodResolver","useQueryClient","InvertColorsIcon","PluginEditor","useValidationSchemas","AnnotationPreview","DEFAULT_ANNOTATION_COLOR","FallbackPreview","div","AnnotationPluginControl","action","control","onRunQuery","plugin","name","kind","pluginSpec","spec","render","field","withRunQueryButton","width","pluginTypes","pluginKindLabel","value","selection","type","isReadonly","onChange","v","AnnotationEditorForm","initialAnnotationSpec","isDraft","onActionChange","onSave","onClose","onDelete","queryClient","isDiscardDialogOpened","setDiscardDialogOpened","titleAction","submitText","annotationEditorSchema","form","resolver","mode","defaultValues","previewSpec","setPreviewSpec","structuredClone","getValues","handleRunQuery","values","JSON","stringify","invalidateQueries","queryKey","processForm","data","handleCancel","sx","display","alignItems","padding","theme","spacing","borderBottom","palette","divider","variant","isValid","formState","onSubmit","handleSubmit","onCancel","overflowY","container","mb","item","xs","fieldState","required","fullWidth","label","InputLabelProps","shrink","undefined","InputProps","disabled","readOnly","error","helperText","message","event","direction","gap","isEnabled","size","color","onColorChange","onClear","onClick","FallbackComponent","resetKeys","marginY","description","isOpen","onDiscardChanges"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Annotations/AnnotationEditorForm/AnnotationEditorForm.tsx"],"sourcesContent":["// Copyright 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 { DispatchWithoutAction, ReactElement, useCallback, useState } from 'react';\nimport { Box, Typography, TextField, Grid, Divider, Stack, IconButton } from '@mui/material';\nimport { AnnotationSpec } from '@perses-dev/spec';\nimport {\n  DiscardChangesConfirmationDialog,\n  ErrorAlert,\n  ErrorBoundary,\n  FormActions,\n  OptionsColorPicker,\n  getSubmitText,\n  getTitleAction,\n} from '@perses-dev/components';\nimport { Control, Controller, FormProvider, SubmitHandler, useForm, useWatch } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { useQueryClient } from '@tanstack/react-query';\nimport InvertColorsIcon from 'mdi-material-ui/InvertColors';\nimport { Action } from '@perses-dev/client';\nimport { PluginEditor } from '../../PluginEditor';\nimport { useValidationSchemas } from '../../../context';\nimport { DEFAULT_ANNOTATION_COLOR } from '../constants';\nimport { AnnotationPreview } from './AnnotationPreview';\n\nfunction FallbackPreview(): ReactElement {\n  return <div>Error previewing annotations</div>;\n}\n\ninterface KindAnnotationEditorFormProps {\n  action: Action;\n  control: Control<AnnotationSpec>;\n  onRunQuery: () => void;\n}\n\nfunction AnnotationPluginControl({ action, control, onRunQuery }: KindAnnotationEditorFormProps): ReactElement {\n  const plugin = useWatch<AnnotationSpec, 'plugin'>({ control, name: 'plugin' });\n  const kind = plugin?.kind;\n  const pluginSpec = plugin?.spec;\n\n  return (\n    <Controller\n      control={control}\n      name=\"plugin\"\n      render={({ field }) => {\n        return (\n          <PluginEditor\n            withRunQueryButton\n            width=\"100%\"\n            pluginTypes={['Annotation']}\n            pluginKindLabel=\"Source\"\n            value={{\n              selection: {\n                type: 'Annotation',\n                kind: kind ?? 'StaticListAnnotation',\n              },\n              spec: pluginSpec ?? {},\n            }}\n            isReadonly={action === 'read'}\n            onChange={(v) => {\n              field.onChange({ kind: v.selection.kind, spec: v.spec });\n            }}\n            onRunQuery={onRunQuery}\n          />\n        );\n      }}\n    />\n  );\n}\n\ninterface AnnotationEditorFormProps {\n  initialAnnotationSpec: AnnotationSpec;\n  action: Action;\n  isDraft: boolean;\n  isReadonly?: boolean;\n  onActionChange?: (action: Action) => void;\n  onSave: (def: AnnotationSpec) => void;\n  onClose: () => void;\n  onDelete?: DispatchWithoutAction;\n}\n\nexport function AnnotationEditorForm({\n  initialAnnotationSpec,\n  action,\n  isDraft,\n  isReadonly,\n  onActionChange,\n  onSave,\n  onClose,\n  onDelete,\n}: AnnotationEditorFormProps): ReactElement {\n  const queryClient = useQueryClient();\n\n  const [isDiscardDialogOpened, setDiscardDialogOpened] = useState<boolean>(false);\n  const titleAction = getTitleAction(action, isDraft);\n  const submitText = getSubmitText(action, isDraft);\n\n  const { annotationEditorSchema } = useValidationSchemas();\n  const form = useForm<AnnotationSpec>({\n    resolver: zodResolver(annotationEditorSchema),\n    mode: 'onBlur',\n    defaultValues: initialAnnotationSpec,\n  });\n\n  /* We use `previewDefinition` to explicitly update the spec\n   * that will be used for preview when running query. The reason why we do this is to avoid\n   * having to re-fetch the values when the user is still editing the spec.\n   * Using structuredClone to not have reference issues with nested objects.\n   */\n  const [previewSpec, setPreviewSpec] = useState(structuredClone(form.getValues()));\n\n  const handleRunQuery = useCallback(async () => {\n    const values = form.getValues();\n    if (JSON.stringify(previewSpec) === JSON.stringify(values)) {\n      await queryClient.invalidateQueries({ queryKey: ['annotation', previewSpec] });\n    } else {\n      setPreviewSpec(structuredClone(values));\n    }\n  }, [form, previewSpec, queryClient]);\n\n  const processForm: SubmitHandler<AnnotationSpec> = (data: AnnotationSpec) => {\n    // reset display attributes to undefined when empty, because we don't want to save empty strings\n    onSave(data);\n  };\n\n  function handleCancel(): void {\n    if (JSON.stringify(initialAnnotationSpec) !== JSON.stringify(form.getValues())) {\n      setDiscardDialogOpened(true);\n    } else {\n      onClose();\n    }\n  }\n\n  return (\n    <FormProvider {...form}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          padding: (theme) => theme.spacing(1, 2),\n          borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        }}\n      >\n        <Typography variant=\"h2\">{titleAction} Annotation</Typography>\n        <FormActions\n          action={action}\n          submitText={submitText}\n          isReadonly={isReadonly}\n          isValid={form.formState.isValid}\n          onActionChange={onActionChange}\n          onSubmit={form.handleSubmit(processForm)}\n          onDelete={onDelete}\n          onCancel={handleCancel}\n        />\n      </Box>\n      <Box padding={2} sx={{ overflowY: 'scroll' }}>\n        <Grid container spacing={2} mb={2}>\n          <Grid item xs={12}>\n            <Controller\n              control={form.control}\n              name=\"display.name\"\n              render={({ field, fieldState }) => (\n                <TextField\n                  {...field}\n                  required\n                  fullWidth\n                  label=\"Name\"\n                  InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                  InputProps={{\n                    disabled: action === 'update' && !isDraft,\n                    readOnly: action === 'read',\n                  }}\n                  error={!!fieldState.error}\n                  helperText={fieldState.error?.message}\n                  value={field.value ?? ''}\n                  onChange={(event) => {\n                    field.onChange(event);\n                  }}\n                />\n              )}\n            />\n          </Grid>\n          <Grid item xs={12}>\n            <Stack direction=\"row\" gap={1}>\n              <Controller\n                control={form.control}\n                name=\"display.color\"\n                render={({ field }) => {\n                  const isEnabled = field.value !== undefined;\n                  return (\n                    <>\n                      {isEnabled ? (\n                        <OptionsColorPicker\n                          size=\"medium\"\n                          label=\"annotation\"\n                          color={field.value ?? DEFAULT_ANNOTATION_COLOR}\n                          onColorChange={(color) => field.onChange(color)}\n                          onClear={() => field.onChange(undefined)}\n                        />\n                      ) : (\n                        <IconButton size=\"medium\" onClick={() => field.onChange(DEFAULT_ANNOTATION_COLOR)}>\n                          <InvertColorsIcon />\n                        </IconButton>\n                      )}\n                    </>\n                  );\n                }}\n              />\n\n              <Controller\n                control={form.control}\n                name=\"display.description\"\n                render={({ field, fieldState }) => (\n                  <TextField\n                    {...field}\n                    fullWidth\n                    label=\"Description\"\n                    InputLabelProps={{ shrink: action === 'read' ? true : undefined }}\n                    InputProps={{\n                      readOnly: action === 'read',\n                    }}\n                    error={!!fieldState.error}\n                    helperText={fieldState.error?.message}\n                    value={field.value ?? ''}\n                    onChange={(event) => {\n                      field.onChange(event);\n                    }}\n                  />\n                )}\n              />\n            </Stack>\n          </Grid>\n        </Grid>\n\n        <Divider />\n\n        <ErrorBoundary FallbackComponent={FallbackPreview} resetKeys={[previewSpec]}>\n          <AnnotationPreview spec={previewSpec} sx={{ marginY: 2 }} />\n        </ErrorBoundary>\n\n        <ErrorBoundary FallbackComponent={ErrorAlert}>\n          <AnnotationPluginControl action={action} control={form.control} onRunQuery={handleRunQuery} />\n        </ErrorBoundary>\n      </Box>\n      <DiscardChangesConfirmationDialog\n        description=\"Are you sure you want to discard these changes? Changes cannot be recovered.\"\n        isOpen={isDiscardDialogOpened}\n        onCancel={() => {\n          setDiscardDialogOpened(false);\n        }}\n        onDiscardChanges={() => {\n          setDiscardDialogOpened(false);\n          onClose();\n        }}\n      />\n    </FormProvider>\n  );\n}\n"],"names":["useCallback","useState","Box","Typography","TextField","Grid","Divider","Stack","IconButton","DiscardChangesConfirmationDialog","ErrorAlert","ErrorBoundary","FormActions","OptionsColorPicker","getSubmitText","getTitleAction","Controller","FormProvider","useForm","useWatch","zodResolver","useQueryClient","InvertColorsIcon","PluginEditor","useValidationSchemas","DEFAULT_ANNOTATION_COLOR","AnnotationPreview","FallbackPreview","div","AnnotationPluginControl","action","control","onRunQuery","plugin","name","kind","pluginSpec","spec","render","field","withRunQueryButton","width","pluginTypes","pluginKindLabel","value","selection","type","isReadonly","onChange","v","AnnotationEditorForm","initialAnnotationSpec","isDraft","onActionChange","onSave","onClose","onDelete","queryClient","isDiscardDialogOpened","setDiscardDialogOpened","titleAction","submitText","annotationEditorSchema","form","resolver","mode","defaultValues","previewSpec","setPreviewSpec","structuredClone","getValues","handleRunQuery","values","JSON","stringify","invalidateQueries","queryKey","processForm","data","handleCancel","sx","display","alignItems","padding","theme","spacing","borderBottom","palette","divider","variant","isValid","formState","onSubmit","handleSubmit","onCancel","overflowY","container","mb","item","xs","fieldState","required","fullWidth","label","InputLabelProps","shrink","undefined","InputProps","disabled","readOnly","error","helperText","message","event","direction","gap","isEnabled","size","color","onColorChange","onClear","onClick","FallbackComponent","resetKeys","marginY","description","isOpen","onDiscardChanges"],"mappings":"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"}

package/dist/components/Annotations/AnnotationEditorForm/AnnotationPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/Annotations/AnnotationEditorForm/AnnotationPreview.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AACrD,OAAO,EAAkB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAIL,SAAS,EAOV,MAAM,eAAe,CAAC;AAmEvB,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,GAAG,SAAS,CA0DvF"}
+{"version":3,"file":"AnnotationPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/Annotations/AnnotationEditorForm/AnnotationPreview.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AACrD,OAAO,EAAkB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAIL,SAAS,EAOV,MAAM,eAAe,CAAC;AAsDvB,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,GAAG,SAAS,CA0DvF"}

package/dist/components/Annotations/AnnotationEditorForm/AnnotationPreview.js

@@ -13,26 +13,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // limitations under the License.
 import { useMemo, useState } from 'react';
 import { Card, CardContent, CardHeader, Chip, CircularProgress, Divider, IconButton, Stack, Typography } from '@mui/material';
-import { useAnnotationData } from '@perses-dev/plugin-system';
-import { InfoTooltip, useTimeZone } from '@perses-dev/components';
+import { getDateAndTime, InfoTooltip, useTimeZone } from '@perses-dev/components';
 import AlertIcon from 'mdi-material-ui/Alert';
-const formatDate = (timeMs, format)=>{
-    // Disallows NaN, Infinity, and -Infinity
-    if (!Number.isFinite(timeMs)) {
-        return {
-            date: 'N/A',
-            time: 'N/A'
-        };
-    }
-    const d = new Date(timeMs);
-    return {
-        date: format(d, 'MMM dd, yyyy'),
-        time: format(d, 'HH:mm:ss')
-    };
-};
+import { useAnnotationData } from '../../../runtime';
 function AnnotationPreviewCard({ value, formatWithUserTimeZone, ...props }) {
-    const start = formatDate(value.start, formatWithUserTimeZone);
-    const end = value.end !== undefined ? formatDate(value.start, formatWithUserTimeZone) : null;
+    const start = getDateAndTime(value.start, formatWithUserTimeZone);
+    const end = value.end !== undefined ? getDateAndTime(value.start, formatWithUserTimeZone) : null;
     const tags = useMemo(()=>{
         return Object.entries(value.tags ?? []).map(([key, value])=>{
             return {
@@ -80,10 +66,10 @@ function AnnotationPreviewCard({ value, formatWithUserTimeZone, ...props }) {
                         /*#__PURE__*/ _jsxs(Typography, {
                             variant: "caption",
                             children: [
-                                start.date,
+                                start.formattedDate,
                                 " - ",
                                 /*#__PURE__*/ _jsx("strong", {
-                                    children: start.time
+                                    children: start.formattedTime
                                 })
                             ]
                         }),
@@ -96,10 +82,10 @@ function AnnotationPreviewCard({ value, formatWithUserTimeZone, ...props }) {
                                 /*#__PURE__*/ _jsxs(Typography, {
                                     variant: "caption",
                                     children: [
-                                        end.date,
+                                        end.formattedDate,
                                         " - ",
                                         /*#__PURE__*/ _jsx("strong", {
-                                            children: end.time
+                                            children: end.formattedTime
                                         })
                                     ]
                                 })

package/dist/components/Annotations/AnnotationEditorForm/AnnotationPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Annotations/AnnotationEditorForm/AnnotationPreview.tsx"],"sourcesContent":["// Copyright 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 { ReactNode, useMemo, useState } from 'react';\nimport { AnnotationData, AnnotationSpec } from '@perses-dev/spec';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardProps,\n  Chip,\n  CircularProgress,\n  Divider,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { useAnnotationData } from '@perses-dev/plugin-system';\nimport { InfoTooltip, useTimeZone } from '@perses-dev/components';\nimport AlertIcon from 'mdi-material-ui/Alert';\n\nconst formatDate = (timeMs: number, format: (date: Date, format: string) => string): { date: string; time: string } => {\n  // Disallows NaN, Infinity, and -Infinity\n  if (!Number.isFinite(timeMs)) {\n    return { date: 'N/A', time: 'N/A' };\n  }\n\n  const d = new Date(timeMs);\n  return {\n    date: format(d, 'MMM dd, yyyy'),\n    time: format(d, 'HH:mm:ss'),\n  };\n};\n\ninterface AnnotationPreviewCardProps extends CardProps {\n  value: AnnotationData;\n  formatWithUserTimeZone: (date: Date, format: string) => string;\n}\n\nfunction AnnotationPreviewCard({ value, formatWithUserTimeZone, ...props }: AnnotationPreviewCardProps): ReactNode {\n  const start = formatDate(value.start, formatWithUserTimeZone);\n  const end = value.end !== undefined ? formatDate(value.start, formatWithUserTimeZone) : null;\n\n  const tags = useMemo(() => {\n    return Object.entries(value.tags ?? []).map(([key, value]) => {\n      return { key: key, value: value };\n    });\n  }, [value.tags]);\n\n  return (\n    <Card {...props}>\n      <CardContent>\n        <Stack gap={2}>\n          {value.title && <Typography variant=\"h3\">{value.title}</Typography>}\n          {value.legend && <Typography>{value.legend}</Typography>}\n\n          <Stack flexWrap=\"wrap\" direction=\"row\" gap={0.5}>\n            {tags.map((tag) => (\n              <Chip size=\"small\" key={`${tag.key}=${tag.value}`} label={`${tag.key}: ${tag.value}`} />\n            ))}\n          </Stack>\n        </Stack>\n\n        <Divider sx={{ marginY: 2 }} />\n\n        <Stack gap={0.5} direction=\"row\">\n          <Typography variant=\"caption\">\n            {start.date} - <strong>{start.time}</strong>\n          </Typography>\n          {end && (\n            <>\n              <Typography variant=\"caption\">{' → '}</Typography>\n              <Typography variant=\"caption\">\n                {end.date} - <strong>{end.time}</strong>\n              </Typography>\n            </>\n          )}\n        </Stack>\n      </CardContent>\n    </Card>\n  );\n}\n\nexport interface AnnotationPreviewProps extends CardProps {\n  spec: AnnotationSpec;\n}\n\nexport function AnnotationPreview({ spec, ...props }: AnnotationPreviewProps): ReactNode {\n  const { data, isFetching, error } = useAnnotationData(spec);\n  const { formatWithUserTimeZone } = useTimeZone();\n\n  const [showAll, setShowAll] = useState<boolean>(false);\n  const annotationsToShow = showAll ? data : data?.slice(0, 1);\n  let notShown = 0;\n  if (data && data?.length > 0 && annotationsToShow) {\n    notShown = data.length - annotationsToShow.length;\n  }\n\n  const stateIndicator = useMemo((): ReactNode | undefined => {\n    if (isFetching) {\n      return <CircularProgress aria-label=\"loading\" size=\"1.125rem\" />;\n    } else if (error) {\n      return (\n        <InfoTooltip description={error.toString()}>\n          <IconButton aria-label=\"preview errors\" size=\"small\">\n            <AlertIcon\n              fontSize=\"inherit\"\n              sx={{\n                color: (theme) => theme.palette.error.main,\n              }}\n            />\n          </IconButton>\n        </InfoTooltip>\n      );\n    }\n  }, [isFetching, error]);\n\n  return (\n    <Card variant=\"outlined\" {...props}>\n      <CardHeader\n        title={\n          <Stack direction=\"row\" justifyContent=\"space-between\">\n            <Typography variant=\"h4\">Preview Annotations</Typography>\n            {stateIndicator}\n          </Stack>\n        }\n      />\n      <CardContent sx={{ display: 'flex', flexWrap: 'wrap', gap: 1, paddingY: 0 }}>\n        {annotationsToShow?.map((item, index) => (\n          <AnnotationPreviewCard\n            key={index}\n            value={item}\n            formatWithUserTimeZone={formatWithUserTimeZone}\n            sx={{ width: '100%' }}\n          />\n        ))}\n        {notShown > 0 && (\n          <Chip onClick={() => setShowAll(true)} variant=\"outlined\" size=\"small\" label={`+${notShown} more`} />\n        )}\n        {showAll && data && data.length > 1 && (\n          <Chip onClick={() => setShowAll(false)} variant=\"outlined\" size=\"small\" label=\"-\" />\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":["useMemo","useState","Card","CardContent","CardHeader","Chip","CircularProgress","Divider","IconButton","Stack","Typography","useAnnotationData","InfoTooltip","useTimeZone","AlertIcon","formatDate","timeMs","format","Number","isFinite","date","time","d","Date","AnnotationPreviewCard","value","formatWithUserTimeZone","props","start","end","undefined","tags","Object","entries","map","key","gap","title","variant","legend","flexWrap","direction","tag","size","label","sx","marginY","strong","AnnotationPreview","spec","data","isFetching","error","showAll","setShowAll","annotationsToShow","slice","notShown","length","stateIndicator","aria-label","description","toString","fontSize","color","theme","palette","main","justifyContent","display","paddingY","item","index","width","onClick"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Annotations/AnnotationEditorForm/AnnotationPreview.tsx"],"sourcesContent":["// Copyright 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 { ReactNode, useMemo, useState } from 'react';\nimport { AnnotationData, AnnotationSpec } from '@perses-dev/spec';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardProps,\n  Chip,\n  CircularProgress,\n  Divider,\n  IconButton,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport { getDateAndTime, InfoTooltip, useTimeZone } from '@perses-dev/components';\nimport AlertIcon from 'mdi-material-ui/Alert';\nimport { useAnnotationData } from '../../../runtime';\n\ninterface AnnotationPreviewCardProps extends CardProps {\n  value: AnnotationData;\n  formatWithUserTimeZone: (date: Date, format: string) => string;\n}\n\nfunction AnnotationPreviewCard({ value, formatWithUserTimeZone, ...props }: AnnotationPreviewCardProps): ReactNode {\n  const start = getDateAndTime(value.start, formatWithUserTimeZone);\n  const end = value.end !== undefined ? getDateAndTime(value.start, formatWithUserTimeZone) : null;\n\n  const tags = useMemo(() => {\n    return Object.entries(value.tags ?? []).map(([key, value]) => {\n      return { key: key, value: value };\n    });\n  }, [value.tags]);\n\n  return (\n    <Card {...props}>\n      <CardContent>\n        <Stack gap={2}>\n          {value.title && <Typography variant=\"h3\">{value.title}</Typography>}\n          {value.legend && <Typography>{value.legend}</Typography>}\n\n          <Stack flexWrap=\"wrap\" direction=\"row\" gap={0.5}>\n            {tags.map((tag) => (\n              <Chip size=\"small\" key={`${tag.key}=${tag.value}`} label={`${tag.key}: ${tag.value}`} />\n            ))}\n          </Stack>\n        </Stack>\n\n        <Divider sx={{ marginY: 2 }} />\n\n        <Stack gap={0.5} direction=\"row\">\n          <Typography variant=\"caption\">\n            {start.formattedDate} - <strong>{start.formattedTime}</strong>\n          </Typography>\n          {end && (\n            <>\n              <Typography variant=\"caption\">{' → '}</Typography>\n              <Typography variant=\"caption\">\n                {end.formattedDate} - <strong>{end.formattedTime}</strong>\n              </Typography>\n            </>\n          )}\n        </Stack>\n      </CardContent>\n    </Card>\n  );\n}\n\nexport interface AnnotationPreviewProps extends CardProps {\n  spec: AnnotationSpec;\n}\n\nexport function AnnotationPreview({ spec, ...props }: AnnotationPreviewProps): ReactNode {\n  const { data, isFetching, error } = useAnnotationData(spec);\n  const { formatWithUserTimeZone } = useTimeZone();\n\n  const [showAll, setShowAll] = useState<boolean>(false);\n  const annotationsToShow = showAll ? data : data?.slice(0, 1);\n  let notShown = 0;\n  if (data && data?.length > 0 && annotationsToShow) {\n    notShown = data.length - annotationsToShow.length;\n  }\n\n  const stateIndicator = useMemo((): ReactNode | undefined => {\n    if (isFetching) {\n      return <CircularProgress aria-label=\"loading\" size=\"1.125rem\" />;\n    } else if (error) {\n      return (\n        <InfoTooltip description={error.toString()}>\n          <IconButton aria-label=\"preview errors\" size=\"small\">\n            <AlertIcon\n              fontSize=\"inherit\"\n              sx={{\n                color: (theme) => theme.palette.error.main,\n              }}\n            />\n          </IconButton>\n        </InfoTooltip>\n      );\n    }\n  }, [isFetching, error]);\n\n  return (\n    <Card variant=\"outlined\" {...props}>\n      <CardHeader\n        title={\n          <Stack direction=\"row\" justifyContent=\"space-between\">\n            <Typography variant=\"h4\">Preview Annotations</Typography>\n            {stateIndicator}\n          </Stack>\n        }\n      />\n      <CardContent sx={{ display: 'flex', flexWrap: 'wrap', gap: 1, paddingY: 0 }}>\n        {annotationsToShow?.map((item, index) => (\n          <AnnotationPreviewCard\n            key={index}\n            value={item}\n            formatWithUserTimeZone={formatWithUserTimeZone}\n            sx={{ width: '100%' }}\n          />\n        ))}\n        {notShown > 0 && (\n          <Chip onClick={() => setShowAll(true)} variant=\"outlined\" size=\"small\" label={`+${notShown} more`} />\n        )}\n        {showAll && data && data.length > 1 && (\n          <Chip onClick={() => setShowAll(false)} variant=\"outlined\" size=\"small\" label=\"-\" />\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"names":["useMemo","useState","Card","CardContent","CardHeader","Chip","CircularProgress","Divider","IconButton","Stack","Typography","getDateAndTime","InfoTooltip","useTimeZone","AlertIcon","useAnnotationData","AnnotationPreviewCard","value","formatWithUserTimeZone","props","start","end","undefined","tags","Object","entries","map","key","gap","title","variant","legend","flexWrap","direction","tag","size","label","sx","marginY","formattedDate","strong","formattedTime","AnnotationPreview","spec","data","isFetching","error","showAll","setShowAll","annotationsToShow","slice","notShown","length","stateIndicator","aria-label","description","toString","fontSize","color","theme","palette","main","justifyContent","display","paddingY","item","index","width","onClick"],"mappings":"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"}

package/dist/components/Annotations/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_ANNOTATION_COLOR = "#FF6B6B";
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/Annotations/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Annotations/constants.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,wBAAwB,YAAY,CAAC"}

package/dist/components/Annotations/constants.js

@@ -0,0 +1,15 @@
+// Copyright 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.
+export const DEFAULT_ANNOTATION_COLOR = '#FF6B6B';
+
+//# sourceMappingURL=constants.js.map

package/dist/components/Annotations/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Annotations/constants.ts"],"sourcesContent":["// Copyright 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 const DEFAULT_ANNOTATION_COLOR = '#FF6B6B';\n"],"names":["DEFAULT_ANNOTATION_COLOR"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,MAAMA,2BAA2B,UAAU"}

package/dist/components/Annotations/index.d.ts

@@ -1,2 +1,3 @@
 export * from './AnnotationEditorForm';
+export * from './constants';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Annotations/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Annotations/index.ts"],"names":[],"mappings":"AAaA,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Annotations/index.ts"],"names":[],"mappings":"AAaA,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC"}

package/dist/components/Annotations/index.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Annotations/index.ts"],"sourcesContent":["// Copyright 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 './AnnotationEditorForm';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,yBAAyB"}
+{"version":3,"sources":["../../../src/components/Annotations/index.ts"],"sourcesContent":["// Copyright 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 './AnnotationEditorForm';\nexport * from './constants';\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,yBAAyB;AACvC,cAAc,cAAc"}

package/dist/components/HTTPSettingsEditor/HTTPSettingsEditor.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { HTTPDatasourceSpec } from '@perses-dev/client';
+import { HTTPDatasourceSpec } from '@perses-dev/spec';
 export interface HTTPSettingsEditor {
     value: HTTPDatasourceSpec;
     onChange: (next: HTTPDatasourceSpec) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"HTTPSettingsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/HTTPSettingsEditor/HTTPSettingsEditor.tsx"],"names":[],"mappings":"AAcA,OAAc,EAAY,YAAY,EAAY,MAAM,OAAO,CAAC;AAKhE,OAAO,EAAE,kBAAkB,EAAkB,MAAM,oBAAoB,CAAC;AAYxE,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,kBAAkB,CAAC;IACtC,gBAAgB,EAAE,kBAAkB,CAAC;CACtC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CA8b1E"}
+{"version":3,"file":"HTTPSettingsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/HTTPSettingsEditor/HTTPSettingsEditor.tsx"],"names":[],"mappings":"AAcA,OAAc,EAAY,YAAY,EAAY,MAAM,OAAO,CAAC;AAKhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAatD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,kBAAkB,CAAC;IACtC,gBAAgB,EAAE,kBAAkB,CAAC;CACtC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CA8b1E"}

package/dist/components/HTTPSettingsEditor/HTTPSettingsEditor.js

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Grid, IconButton, MenuItem, TextField, Typography } from '@mui/material';
 import React, { Fragment, useState } from 'react';
 import { produce } from 'immer';
-import { Controller, useForm, useFieldArray } from 'react-hook-form';
+import { Controller, useFieldArray, useForm } from 'react-hook-form';
 import MinusIcon from 'mdi-material-ui/Minus';
 import PlusIcon from 'mdi-material-ui/Plus';
 import { OptionsEditorRadios } from '../OptionsEditorRadios';

package/dist/components/HTTPSettingsEditor/HTTPSettingsEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/HTTPSettingsEditor/HTTPSettingsEditor.tsx"],"sourcesContent":["// Copyright 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 { Grid, IconButton, MenuItem, TextField, Typography } from '@mui/material';\nimport React, { Fragment, ReactElement, useState } from 'react';\nimport { produce } from 'immer';\nimport { Controller, useForm, useFieldArray } from 'react-hook-form';\nimport MinusIcon from 'mdi-material-ui/Minus';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport { HTTPDatasourceSpec, RequestHeaders } from '@perses-dev/client';\nimport { OptionsEditorRadios } from '../OptionsEditorRadios';\n\ntype HeaderEntry = {\n  name: string;\n  value: string;\n};\n\ntype HeaderFormValues = {\n  headers: HeaderEntry[];\n};\n\nexport interface HTTPSettingsEditor {\n  value: HTTPDatasourceSpec;\n  onChange: (next: HTTPDatasourceSpec) => void;\n  isReadonly?: boolean;\n  initialSpecDirect: HTTPDatasourceSpec;\n  initialSpecProxy: HTTPDatasourceSpec;\n}\n\nexport function HTTPSettingsEditor(props: HTTPSettingsEditor): ReactElement {\n  const { value, onChange, isReadonly, initialSpecDirect, initialSpecProxy } = props;\n  const strDirect = 'Direct access';\n  const strProxy = 'Proxy';\n\n  // Initialize Proxy mode by default, if neither direct nor proxy mode is selected.\n  if (value.directUrl === undefined && value.proxy === undefined) {\n    Object.assign(value, initialSpecProxy);\n  }\n\n  // Use local state to maintain an array of header entries during editing, instead of\n  // manipulating a map directly which causes weird UX.\n  const headersForm = useForm<HeaderFormValues>({\n    defaultValues: {\n      headers: Object.entries(value.proxy?.spec.headers ?? {}).map(([name, headerValue]) => ({\n        name,\n        value: headerValue as string,\n      })),\n    },\n  });\n\n  const { fields, append, remove } = useFieldArray({\n    control: headersForm.control,\n    name: 'headers',\n  });\n\n  // Watch the headers array for changes to detect duplicates\n  const watchedHeaders = headersForm.watch('headers');\n\n  // Check for duplicate header names\n  // TODO: duplication detection logic to be replaced by proper zod schema validation in the future\n  // ref https://github.com/perses/perses/issues/3014\n  const nameMap = new Map<string, number>();\n  const duplicateNames = new Set<string>();\n  watchedHeaders.forEach(({ name }) => {\n    if (name !== '') {\n      const count = (nameMap.get(name) || 0) + 1;\n      nameMap.set(name, count);\n      if (count > 1) {\n        duplicateNames.add(name);\n      }\n    }\n  });\n  const hasDuplicates = duplicateNames.size > 0;\n\n  // Sync headers to parent\n  const syncHeadersToParent = (headers: HeaderEntry[]): void => {\n    const headersObject: RequestHeaders = {};\n    headers.forEach(({ name, value: headerValue }) => {\n      if (name !== '') {\n        headersObject[name] = headerValue;\n      }\n    });\n\n    onChange(\n      produce(value, (draft) => {\n        if (draft.proxy !== undefined) {\n          draft.proxy.spec.headers = Object.keys(headersObject).length > 0 ? headersObject : undefined;\n        }\n      })\n    );\n  };\n\n  const tabs = [\n    {\n      label: strProxy,\n      content: (\n        <>\n          <Controller\n            name=\"URL\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"URL\"\n                value={value.proxy?.spec.url || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.url = e.target.value;\n                      }\n                    })\n                  );\n                }}\n                sx={{ mb: 2 }}\n              />\n            )}\n          />\n          <Typography variant=\"h5\" mb={2}>\n            Allowed endpoints\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {value.proxy?.spec.allowedEndpoints && value.proxy?.spec.allowedEndpoints.length !== 0 ? (\n              value.proxy.spec.allowedEndpoints.map(({ endpointPattern, method }, i) => {\n                return (\n                  <Fragment key={i}>\n                    <Grid item xs={8}>\n                      <Controller\n                        name={`Endpoint pattern ${i}`}\n                        render={({ field, fieldState }) => (\n                          <TextField\n                            {...field}\n                            fullWidth\n                            label=\"Endpoint pattern\"\n                            value={endpointPattern}\n                            error={!!fieldState.error}\n                            helperText={fieldState.error?.message}\n                            InputProps={{\n                              readOnly: isReadonly,\n                            }}\n                            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                            onChange={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n                                      (item, itemIndex) => {\n                                        if (i === itemIndex) {\n                                          return {\n                                            endpointPattern: e.target.value,\n                                            method: item.method,\n                                          };\n                                        } else {\n                                          return item;\n                                        }\n                                      }\n                                    );\n                                  }\n                                })\n                              );\n                            }}\n                          />\n                        )}\n                      />\n                    </Grid>\n                    <Grid item xs={3}>\n                      <Controller\n                        name={`Method ${i}`}\n                        render={({ field, fieldState }) => (\n                          <TextField\n                            {...field}\n                            select\n                            fullWidth\n                            label=\"Method\"\n                            value={method}\n                            error={!!fieldState.error}\n                            helperText={fieldState.error?.message}\n                            InputProps={{\n                              readOnly: isReadonly,\n                            }}\n                            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                            onChange={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n                                      (item, itemIndex) => {\n                                        if (i === itemIndex) {\n                                          return {\n                                            endpointPattern: item.endpointPattern,\n                                            method: e.target.value,\n                                          };\n                                        } else {\n                                          return item;\n                                        }\n                                      }\n                                    );\n                                  }\n                                })\n                              );\n                            }}\n                          >\n                            <MenuItem value=\"GET\">GET</MenuItem>\n                            <MenuItem value=\"POST\">POST</MenuItem>\n                            <MenuItem value=\"PUT\">PUT</MenuItem>\n                            <MenuItem value=\"PATCH\">PATCH</MenuItem>\n                            <MenuItem value=\"DELETE\">DELETE</MenuItem>\n                          </TextField>\n                        )}\n                      />\n                    </Grid>\n                    <Grid item xs={1}>\n                      <Controller\n                        name={`Remove Endpoint ${i}`}\n                        render={({ field }) => (\n                          <IconButton\n                            {...field}\n                            disabled={isReadonly}\n                            // Remove the given allowed endpoint from the list\n                            onClick={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = [\n                                      ...(draft.proxy.spec.allowedEndpoints?.filter((item, itemIndex) => {\n                                        return itemIndex !== i;\n                                      }) || []),\n                                    ];\n                                  }\n                                })\n                              );\n                            }}\n                          >\n                            <MinusIcon />\n                          </IconButton>\n                        )}\n                      />\n                    </Grid>\n                  </Fragment>\n                );\n              })\n            ) : (\n              <Grid item xs={4}>\n                <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n              </Grid>\n            )}\n            <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n              <IconButton\n                disabled={isReadonly}\n                // Add a new (empty) allowed endpoint to the list\n                onClick={() =>\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.allowedEndpoints = [\n                          ...(draft.proxy.spec.allowedEndpoints ?? []),\n                          { endpointPattern: '', method: '' },\n                        ];\n                      }\n                    })\n                  )\n                }\n              >\n                <PlusIcon />\n              </IconButton>\n            </Grid>\n          </Grid>\n          <Typography variant=\"h5\" mb={2}>\n            Request Headers\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {fields.length > 0 ? (\n              fields.map((field, index) => (\n                <Fragment key={field.id}>\n                  <Grid item xs={4}>\n                    <Controller\n                      control={headersForm.control}\n                      name={`headers.${index}.name`}\n                      render={({ field: controllerField, fieldState }) => (\n                        <TextField\n                          {...controllerField}\n                          fullWidth\n                          label=\"Header name\"\n                          error={!!fieldState.error || duplicateNames.has(controllerField.value)}\n                          helperText={fieldState.error?.message}\n                          InputProps={{\n                            readOnly: isReadonly,\n                          }}\n                          InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                          onChange={(e) => {\n                            controllerField.onChange(e);\n                            const updatedHeaders = [...watchedHeaders];\n                            updatedHeaders[index] = { name: e.target.value, value: updatedHeaders[index]?.value ?? '' };\n                            syncHeadersToParent(updatedHeaders);\n                          }}\n                        />\n                      )}\n                    />\n                  </Grid>\n                  <Grid item xs={7}>\n                    <Controller\n                      control={headersForm.control}\n                      name={`headers.${index}.value`}\n                      render={({ field: controllerField, fieldState }) => (\n                        <TextField\n                          {...controllerField}\n                          fullWidth\n                          label=\"Header value\"\n                          error={!!fieldState.error}\n                          helperText={fieldState.error?.message}\n                          InputProps={{\n                            readOnly: isReadonly,\n                          }}\n                          InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                          onChange={(e) => {\n                            controllerField.onChange(e);\n                            const updatedHeaders = [...watchedHeaders];\n                            updatedHeaders[index] = { name: updatedHeaders[index]?.name ?? '', value: e.target.value };\n                            syncHeadersToParent(updatedHeaders);\n                          }}\n                        />\n                      )}\n                    />\n                  </Grid>\n                  <Grid item xs={1}>\n                    <IconButton\n                      disabled={isReadonly}\n                      aria-label={`Remove header ${watchedHeaders[index]?.name || index}`}\n                      onClick={() => {\n                        remove(index);\n                        const updatedHeaders = watchedHeaders.filter((_, i) => i !== index);\n                        syncHeadersToParent(updatedHeaders);\n                      }}\n                    >\n                      <MinusIcon />\n                    </IconButton>\n                  </Grid>\n                </Fragment>\n              ))\n            ) : (\n              <Grid item xs={4}>\n                <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n              </Grid>\n            )}\n            {hasDuplicates && (\n              <Grid item xs={12}>\n                <Typography variant=\"body2\" color=\"error\">\n                  Duplicate header names detected. Each header name must be unique.\n                </Typography>\n              </Grid>\n            )}\n            <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n              <IconButton disabled={isReadonly} onClick={() => append({ name: '', value: '' })}>\n                <PlusIcon />\n              </IconButton>\n            </Grid>\n          </Grid>\n\n          <Controller\n            name=\"Secret\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"Secret\"\n                value={value.proxy?.spec.secret || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.secret = e.target.value;\n                      }\n                    })\n                  );\n                }}\n              />\n            )}\n          />\n        </>\n      ),\n    },\n    {\n      label: strDirect,\n      content: (\n        <Controller\n          name=\"URL\"\n          render={({ field, fieldState }) => (\n            <TextField\n              {...field}\n              fullWidth\n              label=\"URL\"\n              value={value.directUrl || ''}\n              error={!!fieldState.error}\n              helperText={fieldState.error?.message}\n              InputProps={{\n                readOnly: isReadonly,\n              }}\n              InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n              onChange={(e) => {\n                field.onChange(e);\n                onChange(\n                  produce(value, (draft) => {\n                    draft.directUrl = e.target.value;\n                  })\n                );\n              }}\n            />\n          )}\n        />\n      ),\n    },\n  ];\n\n  // Use of findIndex instead of providing hardcoded values to avoid desynchronisatio or\n  // bug in case the tabs get eventually swapped in the future.\n  const directModeId = tabs.findIndex((tab) => tab.label === strDirect);\n  const proxyModeId = tabs.findIndex((tab) => tab.label === strProxy);\n\n  // Set defaultTab to the mode that this datasource is currently relying on.\n  const defaultTab = value.proxy ? proxyModeId : directModeId;\n\n  // For better user experience, save previous states in mind for both mode.\n  // This avoids losing everything when the user changes their mind back.\n  const [previousSpecDirect, setPreviousSpecDirect] = useState(initialSpecDirect);\n  const [previousSpecProxy, setPreviousSpecProxy] = useState(initialSpecProxy);\n\n  // When changing mode, remove previous mode's config + append default values for the new mode.\n  const handleModeChange = (v: number): void => {\n    if (tabs[v]?.label === strDirect) {\n      setPreviousSpecProxy(value);\n\n      // Copy all settings (for example, scrapeInterval), except 'proxy'\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { proxy, ...newValue } = value;\n      onChange({ ...newValue, directUrl: previousSpecDirect.directUrl });\n    } else if (tabs[v]?.label === strProxy) {\n      setPreviousSpecDirect(value);\n\n      // Copy all settings (for example, scrapeInterval), except 'directUrl'\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { directUrl, ...newValue } = value;\n      onChange({ ...newValue, proxy: previousSpecProxy.proxy });\n    }\n  };\n\n  return (\n    <>\n      <Typography variant=\"h4\" mt={2}>\n        HTTP Settings\n      </Typography>\n      <OptionsEditorRadios\n        isReadonly={isReadonly}\n        tabs={tabs}\n        defaultTab={defaultTab}\n        onModeChange={handleModeChange}\n      />\n    </>\n  );\n}\n"],"names":["Grid","IconButton","MenuItem","TextField","Typography","React","Fragment","useState","produce","Controller","useForm","useFieldArray","MinusIcon","PlusIcon","OptionsEditorRadios","HTTPSettingsEditor","props","value","onChange","isReadonly","initialSpecDirect","initialSpecProxy","strDirect","strProxy","directUrl","undefined","proxy","Object","assign","headersForm","defaultValues","headers","entries","spec","map","name","headerValue","fields","append","remove","control","watchedHeaders","watch","nameMap","Map","duplicateNames","Set","forEach","count","get","set","add","hasDuplicates","size","syncHeadersToParent","headersObject","draft","keys","length","tabs","label","content","render","field","fieldState","fullWidth","url","error","helperText","message","InputProps","readOnly","InputLabelProps","shrink","e","target","sx","mb","variant","container","spacing","allowedEndpoints","endpointPattern","method","i","item","xs","itemIndex","select","disabled","onClick","filter","fontStyle","paddingTop","paddingLeft","index","controllerField","has","updatedHeaders","aria-label","_","id","color","secret","directModeId","findIndex","tab","proxyModeId","defaultTab","previousSpecDirect","setPreviousSpecDirect","previousSpecProxy","setPreviousSpecProxy","handleModeChange","v","newValue","mt","onModeChange"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/HTTPSettingsEditor/HTTPSettingsEditor.tsx"],"sourcesContent":["// Copyright 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 { Grid, IconButton, MenuItem, TextField, Typography } from '@mui/material';\nimport React, { Fragment, ReactElement, useState } from 'react';\nimport { produce } from 'immer';\nimport { Controller, useFieldArray, useForm } from 'react-hook-form';\nimport MinusIcon from 'mdi-material-ui/Minus';\nimport PlusIcon from 'mdi-material-ui/Plus';\nimport { HTTPDatasourceSpec } from '@perses-dev/spec';\nimport { RequestHeaders } from '@perses-dev/client';\nimport { OptionsEditorRadios } from '../OptionsEditorRadios';\n\ntype HeaderEntry = {\n  name: string;\n  value: string;\n};\n\ntype HeaderFormValues = {\n  headers: HeaderEntry[];\n};\n\nexport interface HTTPSettingsEditor {\n  value: HTTPDatasourceSpec;\n  onChange: (next: HTTPDatasourceSpec) => void;\n  isReadonly?: boolean;\n  initialSpecDirect: HTTPDatasourceSpec;\n  initialSpecProxy: HTTPDatasourceSpec;\n}\n\nexport function HTTPSettingsEditor(props: HTTPSettingsEditor): ReactElement {\n  const { value, onChange, isReadonly, initialSpecDirect, initialSpecProxy } = props;\n  const strDirect = 'Direct access';\n  const strProxy = 'Proxy';\n\n  // Initialize Proxy mode by default, if neither direct nor proxy mode is selected.\n  if (value.directUrl === undefined && value.proxy === undefined) {\n    Object.assign(value, initialSpecProxy);\n  }\n\n  // Use local state to maintain an array of header entries during editing, instead of\n  // manipulating a map directly which causes weird UX.\n  const headersForm = useForm<HeaderFormValues>({\n    defaultValues: {\n      headers: Object.entries(value.proxy?.spec.headers ?? {}).map(([name, headerValue]) => ({\n        name,\n        value: headerValue as string,\n      })),\n    },\n  });\n\n  const { fields, append, remove } = useFieldArray({\n    control: headersForm.control,\n    name: 'headers',\n  });\n\n  // Watch the headers array for changes to detect duplicates\n  const watchedHeaders = headersForm.watch('headers');\n\n  // Check for duplicate header names\n  // TODO: duplication detection logic to be replaced by proper zod schema validation in the future\n  // ref https://github.com/perses/perses/issues/3014\n  const nameMap = new Map<string, number>();\n  const duplicateNames = new Set<string>();\n  watchedHeaders.forEach(({ name }) => {\n    if (name !== '') {\n      const count = (nameMap.get(name) || 0) + 1;\n      nameMap.set(name, count);\n      if (count > 1) {\n        duplicateNames.add(name);\n      }\n    }\n  });\n  const hasDuplicates = duplicateNames.size > 0;\n\n  // Sync headers to parent\n  const syncHeadersToParent = (headers: HeaderEntry[]): void => {\n    const headersObject: RequestHeaders = {};\n    headers.forEach(({ name, value: headerValue }) => {\n      if (name !== '') {\n        headersObject[name] = headerValue;\n      }\n    });\n\n    onChange(\n      produce(value, (draft) => {\n        if (draft.proxy !== undefined) {\n          draft.proxy.spec.headers = Object.keys(headersObject).length > 0 ? headersObject : undefined;\n        }\n      })\n    );\n  };\n\n  const tabs = [\n    {\n      label: strProxy,\n      content: (\n        <>\n          <Controller\n            name=\"URL\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"URL\"\n                value={value.proxy?.spec.url || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.url = e.target.value;\n                      }\n                    })\n                  );\n                }}\n                sx={{ mb: 2 }}\n              />\n            )}\n          />\n          <Typography variant=\"h5\" mb={2}>\n            Allowed endpoints\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {value.proxy?.spec.allowedEndpoints && value.proxy?.spec.allowedEndpoints.length !== 0 ? (\n              value.proxy.spec.allowedEndpoints.map(({ endpointPattern, method }, i) => {\n                return (\n                  <Fragment key={i}>\n                    <Grid item xs={8}>\n                      <Controller\n                        name={`Endpoint pattern ${i}`}\n                        render={({ field, fieldState }) => (\n                          <TextField\n                            {...field}\n                            fullWidth\n                            label=\"Endpoint pattern\"\n                            value={endpointPattern}\n                            error={!!fieldState.error}\n                            helperText={fieldState.error?.message}\n                            InputProps={{\n                              readOnly: isReadonly,\n                            }}\n                            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                            onChange={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n                                      (item, itemIndex) => {\n                                        if (i === itemIndex) {\n                                          return {\n                                            endpointPattern: e.target.value,\n                                            method: item.method,\n                                          };\n                                        } else {\n                                          return item;\n                                        }\n                                      }\n                                    );\n                                  }\n                                })\n                              );\n                            }}\n                          />\n                        )}\n                      />\n                    </Grid>\n                    <Grid item xs={3}>\n                      <Controller\n                        name={`Method ${i}`}\n                        render={({ field, fieldState }) => (\n                          <TextField\n                            {...field}\n                            select\n                            fullWidth\n                            label=\"Method\"\n                            value={method}\n                            error={!!fieldState.error}\n                            helperText={fieldState.error?.message}\n                            InputProps={{\n                              readOnly: isReadonly,\n                            }}\n                            InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                            onChange={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = draft.proxy.spec.allowedEndpoints?.map(\n                                      (item, itemIndex) => {\n                                        if (i === itemIndex) {\n                                          return {\n                                            endpointPattern: item.endpointPattern,\n                                            method: e.target.value,\n                                          };\n                                        } else {\n                                          return item;\n                                        }\n                                      }\n                                    );\n                                  }\n                                })\n                              );\n                            }}\n                          >\n                            <MenuItem value=\"GET\">GET</MenuItem>\n                            <MenuItem value=\"POST\">POST</MenuItem>\n                            <MenuItem value=\"PUT\">PUT</MenuItem>\n                            <MenuItem value=\"PATCH\">PATCH</MenuItem>\n                            <MenuItem value=\"DELETE\">DELETE</MenuItem>\n                          </TextField>\n                        )}\n                      />\n                    </Grid>\n                    <Grid item xs={1}>\n                      <Controller\n                        name={`Remove Endpoint ${i}`}\n                        render={({ field }) => (\n                          <IconButton\n                            {...field}\n                            disabled={isReadonly}\n                            // Remove the given allowed endpoint from the list\n                            onClick={(e) => {\n                              field.onChange(e);\n                              onChange(\n                                produce(value, (draft) => {\n                                  if (draft.proxy !== undefined) {\n                                    draft.proxy.spec.allowedEndpoints = [\n                                      ...(draft.proxy.spec.allowedEndpoints?.filter((item, itemIndex) => {\n                                        return itemIndex !== i;\n                                      }) || []),\n                                    ];\n                                  }\n                                })\n                              );\n                            }}\n                          >\n                            <MinusIcon />\n                          </IconButton>\n                        )}\n                      />\n                    </Grid>\n                  </Fragment>\n                );\n              })\n            ) : (\n              <Grid item xs={4}>\n                <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n              </Grid>\n            )}\n            <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n              <IconButton\n                disabled={isReadonly}\n                // Add a new (empty) allowed endpoint to the list\n                onClick={() =>\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.allowedEndpoints = [\n                          ...(draft.proxy.spec.allowedEndpoints ?? []),\n                          { endpointPattern: '', method: '' },\n                        ];\n                      }\n                    })\n                  )\n                }\n              >\n                <PlusIcon />\n              </IconButton>\n            </Grid>\n          </Grid>\n          <Typography variant=\"h5\" mb={2}>\n            Request Headers\n          </Typography>\n          <Grid container spacing={2} mb={2}>\n            {fields.length > 0 ? (\n              fields.map((field, index) => (\n                <Fragment key={field.id}>\n                  <Grid item xs={4}>\n                    <Controller\n                      control={headersForm.control}\n                      name={`headers.${index}.name`}\n                      render={({ field: controllerField, fieldState }) => (\n                        <TextField\n                          {...controllerField}\n                          fullWidth\n                          label=\"Header name\"\n                          error={!!fieldState.error || duplicateNames.has(controllerField.value)}\n                          helperText={fieldState.error?.message}\n                          InputProps={{\n                            readOnly: isReadonly,\n                          }}\n                          InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                          onChange={(e) => {\n                            controllerField.onChange(e);\n                            const updatedHeaders = [...watchedHeaders];\n                            updatedHeaders[index] = { name: e.target.value, value: updatedHeaders[index]?.value ?? '' };\n                            syncHeadersToParent(updatedHeaders);\n                          }}\n                        />\n                      )}\n                    />\n                  </Grid>\n                  <Grid item xs={7}>\n                    <Controller\n                      control={headersForm.control}\n                      name={`headers.${index}.value`}\n                      render={({ field: controllerField, fieldState }) => (\n                        <TextField\n                          {...controllerField}\n                          fullWidth\n                          label=\"Header value\"\n                          error={!!fieldState.error}\n                          helperText={fieldState.error?.message}\n                          InputProps={{\n                            readOnly: isReadonly,\n                          }}\n                          InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                          onChange={(e) => {\n                            controllerField.onChange(e);\n                            const updatedHeaders = [...watchedHeaders];\n                            updatedHeaders[index] = { name: updatedHeaders[index]?.name ?? '', value: e.target.value };\n                            syncHeadersToParent(updatedHeaders);\n                          }}\n                        />\n                      )}\n                    />\n                  </Grid>\n                  <Grid item xs={1}>\n                    <IconButton\n                      disabled={isReadonly}\n                      aria-label={`Remove header ${watchedHeaders[index]?.name || index}`}\n                      onClick={() => {\n                        remove(index);\n                        const updatedHeaders = watchedHeaders.filter((_, i) => i !== index);\n                        syncHeadersToParent(updatedHeaders);\n                      }}\n                    >\n                      <MinusIcon />\n                    </IconButton>\n                  </Grid>\n                </Fragment>\n              ))\n            ) : (\n              <Grid item xs={4}>\n                <Typography sx={{ fontStyle: 'italic' }}>None</Typography>\n              </Grid>\n            )}\n            {hasDuplicates && (\n              <Grid item xs={12}>\n                <Typography variant=\"body2\" color=\"error\">\n                  Duplicate header names detected. Each header name must be unique.\n                </Typography>\n              </Grid>\n            )}\n            <Grid item xs={12} sx={{ paddingTop: '0px !important', paddingLeft: '5px !important' }}>\n              <IconButton disabled={isReadonly} onClick={() => append({ name: '', value: '' })}>\n                <PlusIcon />\n              </IconButton>\n            </Grid>\n          </Grid>\n\n          <Controller\n            name=\"Secret\"\n            render={({ field, fieldState }) => (\n              <TextField\n                {...field}\n                fullWidth\n                label=\"Secret\"\n                value={value.proxy?.spec.secret || ''}\n                error={!!fieldState.error}\n                helperText={fieldState.error?.message}\n                InputProps={{\n                  readOnly: isReadonly,\n                }}\n                InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n                onChange={(e) => {\n                  field.onChange(e);\n                  onChange(\n                    produce(value, (draft) => {\n                      if (draft.proxy !== undefined) {\n                        draft.proxy.spec.secret = e.target.value;\n                      }\n                    })\n                  );\n                }}\n              />\n            )}\n          />\n        </>\n      ),\n    },\n    {\n      label: strDirect,\n      content: (\n        <Controller\n          name=\"URL\"\n          render={({ field, fieldState }) => (\n            <TextField\n              {...field}\n              fullWidth\n              label=\"URL\"\n              value={value.directUrl || ''}\n              error={!!fieldState.error}\n              helperText={fieldState.error?.message}\n              InputProps={{\n                readOnly: isReadonly,\n              }}\n              InputLabelProps={{ shrink: isReadonly ? true : undefined }}\n              onChange={(e) => {\n                field.onChange(e);\n                onChange(\n                  produce(value, (draft) => {\n                    draft.directUrl = e.target.value;\n                  })\n                );\n              }}\n            />\n          )}\n        />\n      ),\n    },\n  ];\n\n  // Use of findIndex instead of providing hardcoded values to avoid desynchronisatio or\n  // bug in case the tabs get eventually swapped in the future.\n  const directModeId = tabs.findIndex((tab) => tab.label === strDirect);\n  const proxyModeId = tabs.findIndex((tab) => tab.label === strProxy);\n\n  // Set defaultTab to the mode that this datasource is currently relying on.\n  const defaultTab = value.proxy ? proxyModeId : directModeId;\n\n  // For better user experience, save previous states in mind for both mode.\n  // This avoids losing everything when the user changes their mind back.\n  const [previousSpecDirect, setPreviousSpecDirect] = useState(initialSpecDirect);\n  const [previousSpecProxy, setPreviousSpecProxy] = useState(initialSpecProxy);\n\n  // When changing mode, remove previous mode's config + append default values for the new mode.\n  const handleModeChange = (v: number): void => {\n    if (tabs[v]?.label === strDirect) {\n      setPreviousSpecProxy(value);\n\n      // Copy all settings (for example, scrapeInterval), except 'proxy'\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { proxy, ...newValue } = value;\n      onChange({ ...newValue, directUrl: previousSpecDirect.directUrl });\n    } else if (tabs[v]?.label === strProxy) {\n      setPreviousSpecDirect(value);\n\n      // Copy all settings (for example, scrapeInterval), except 'directUrl'\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { directUrl, ...newValue } = value;\n      onChange({ ...newValue, proxy: previousSpecProxy.proxy });\n    }\n  };\n\n  return (\n    <>\n      <Typography variant=\"h4\" mt={2}>\n        HTTP Settings\n      </Typography>\n      <OptionsEditorRadios\n        isReadonly={isReadonly}\n        tabs={tabs}\n        defaultTab={defaultTab}\n        onModeChange={handleModeChange}\n      />\n    </>\n  );\n}\n"],"names":["Grid","IconButton","MenuItem","TextField","Typography","React","Fragment","useState","produce","Controller","useFieldArray","useForm","MinusIcon","PlusIcon","OptionsEditorRadios","HTTPSettingsEditor","props","value","onChange","isReadonly","initialSpecDirect","initialSpecProxy","strDirect","strProxy","directUrl","undefined","proxy","Object","assign","headersForm","defaultValues","headers","entries","spec","map","name","headerValue","fields","append","remove","control","watchedHeaders","watch","nameMap","Map","duplicateNames","Set","forEach","count","get","set","add","hasDuplicates","size","syncHeadersToParent","headersObject","draft","keys","length","tabs","label","content","render","field","fieldState","fullWidth","url","error","helperText","message","InputProps","readOnly","InputLabelProps","shrink","e","target","sx","mb","variant","container","spacing","allowedEndpoints","endpointPattern","method","i","item","xs","itemIndex","select","disabled","onClick","filter","fontStyle","paddingTop","paddingLeft","index","controllerField","has","updatedHeaders","aria-label","_","id","color","secret","directModeId","findIndex","tab","proxyModeId","defaultTab","previousSpecDirect","setPreviousSpecDirect","previousSpecProxy","setPreviousSpecProxy","handleModeChange","v","newValue","mt","onModeChange"],"mappings":"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"}

package/dist/model/annotations.d.ts

@@ -1,5 +1,5 @@
 import { AbsoluteTimeRange, AnnotationData, UnknownSpec } from '@perses-dev/spec';
-import { DatasourceStore, VariableStateMap } from '@perses-dev/plugin-system';
+import { DatasourceStore, VariableStateMap } from '../runtime';
 import { Plugin } from './plugin-base';
 /**
  * An object containing all the dependencies of a AnnotationQuery.

package/dist/model/annotations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"annotations.d.ts","sourceRoot":"","sources":["../../src/model/annotations.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,iCAAiC,GAAG;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,IAAI,GAAG,WAAW,CAAE,SAAQ,MAAM,CAAC,IAAI,CAAC;IACxE,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,iBAAiB,EAAE,WAAW,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IAChH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,iBAAiB,KAAK,iCAAiC,CAAC;CACvF;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,eAAe,EAAE,eAAe,CAAC;IACjC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,gBAAgB,CAAC;CACjC"}
+{"version":3,"file":"annotations.d.ts","sourceRoot":"","sources":["../../src/model/annotations.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,iCAAiC,GAAG;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,IAAI,GAAG,WAAW,CAAE,SAAQ,MAAM,CAAC,IAAI,CAAC;IACxE,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,iBAAiB,EAAE,WAAW,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC;IAChH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,iBAAiB,KAAK,iCAAiC,CAAC;CACvF;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,eAAe,EAAE,eAAe,CAAC;IACjC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,aAAa,EAAE,gBAAgB,CAAC;CACjC"}

package/dist/model/annotations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/annotations.ts"],"sourcesContent":["// Copyright 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 { AbsoluteTimeRange, AnnotationData, UnknownSpec } from '@perses-dev/spec';\nimport { DatasourceStore, VariableStateMap } from '@perses-dev/plugin-system';\nimport { Plugin } from './plugin-base';\n\n/**\n * An object containing all the dependencies of a AnnotationQuery.\n */\nexport type AnnotationQueryPluginDependencies = {\n  /**\n   * Returns a list of variables name this annotation query depends on.\n   */\n  variables?: string[];\n};\n\n/**\n * A plugin for running annotation queries.\n */\nexport interface AnnotationPlugin<Spec = UnknownSpec> extends Plugin<Spec> {\n  getAnnotationData: (spec: Spec, ctx: AnnotationContext, abortSignal?: AbortSignal) => Promise<AnnotationData[]>;\n  dependsOn?: (spec: Spec, ctx: AnnotationContext) => AnnotationQueryPluginDependencies;\n}\n\n/**\n * Context available to AnnotationQuery plugins at runtime.\n */\nexport interface AnnotationContext {\n  datasourceStore: DatasourceStore;\n  absoluteTimeRange: AbsoluteTimeRange;\n  variableState: VariableStateMap;\n}\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAwBjC;;CAEC,GACD,WAIC"}
+{"version":3,"sources":["../../src/model/annotations.ts"],"sourcesContent":["// Copyright 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 { AbsoluteTimeRange, AnnotationData, UnknownSpec } from '@perses-dev/spec';\nimport { DatasourceStore, VariableStateMap } from '../runtime';\nimport { Plugin } from './plugin-base';\n\n/**\n * An object containing all the dependencies of a AnnotationQuery.\n */\nexport type AnnotationQueryPluginDependencies = {\n  /**\n   * Returns a list of variables name this annotation query depends on.\n   */\n  variables?: string[];\n};\n\n/**\n * A plugin for running annotation queries.\n */\nexport interface AnnotationPlugin<Spec = UnknownSpec> extends Plugin<Spec> {\n  getAnnotationData: (spec: Spec, ctx: AnnotationContext, abortSignal?: AbortSignal) => Promise<AnnotationData[]>;\n  dependsOn?: (spec: Spec, ctx: AnnotationContext) => AnnotationQueryPluginDependencies;\n}\n\n/**\n * Context available to AnnotationQuery plugins at runtime.\n */\nexport interface AnnotationContext {\n  datasourceStore: DatasourceStore;\n  absoluteTimeRange: AbsoluteTimeRange;\n  variableState: VariableStateMap;\n}\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAwBjC;;CAEC,GACD,WAIC"}

package/dist/model/log-queries.d.ts

@@ -1,5 +1,6 @@
 import { AbsoluteTimeRange, UnknownSpec, LogData, QueryDefinition } from '@perses-dev/spec';
-import { DatasourceStore, Plugin, VariableStateMap } from '@perses-dev/plugin-system';
+import { DatasourceStore, VariableStateMap } from '../runtime';
+import { Plugin } from './plugin-base';
 export interface LogQueryResult {
     logs: LogData;
     timeRange: AbsoluteTimeRange;

package/dist/model/log-queries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"log-queries.d.ts","sourceRoot":"","sources":["../../src/model/log-queries.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC5F,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAEtF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACT,mBAAmB,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,aAAa,EAAE,gBAAgB,CAAC;IAChC,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,cAAc,CAAC,IAAI,GAAG,WAAW,CAAE,SAAQ,MAAM,CAAC,IAAI,CAAC;IACtE,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,EAAE,WAAW,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IACrG,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,KAAK,0BAA0B,CAAC;IAC7E,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,KAAK,eAAe,GAAG,IAAI,CAAC;CAClF"}
+{"version":3,"file":"log-queries.d.ts","sourceRoot":"","sources":["../../src/model/log-queries.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC5F,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACT,mBAAmB,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,iBAAiB,CAAC;IAC7B,aAAa,EAAE,gBAAgB,CAAC;IAChC,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,cAAc,CAAC,IAAI,GAAG,WAAW,CAAE,SAAQ,MAAM,CAAC,IAAI,CAAC;IACtE,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,EAAE,WAAW,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IACrG,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,KAAK,0BAA0B,CAAC;IAC7E,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,eAAe,KAAK,eAAe,GAAG,IAAI,CAAC;CAClF"}

package/dist/model/log-queries.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/log-queries.ts"],"sourcesContent":["// Copyright 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 { AbsoluteTimeRange, UnknownSpec, LogData, QueryDefinition } from '@perses-dev/spec';\nimport { DatasourceStore, Plugin, VariableStateMap } from '@perses-dev/plugin-system';\n\nexport interface LogQueryResult {\n  logs: LogData;\n  timeRange: AbsoluteTimeRange;\n  metadata?: {\n    executedQueryString: string;\n  };\n}\n\nexport interface LogQueryContext {\n  timeRange: AbsoluteTimeRange;\n  variableState: VariableStateMap;\n  datasourceStore: DatasourceStore;\n  refreshKey: string;\n}\n\ntype LogQueryPluginDependencies = {\n  variables?: string[];\n};\n\nexport interface LogQueryPlugin<Spec = UnknownSpec> extends Plugin<Spec> {\n  getLogData: (spec: Spec, ctx: LogQueryContext, abortSignal?: AbortSignal) => Promise<LogQueryResult>;\n  dependsOn?: (spec: Spec, ctx: LogQueryContext) => LogQueryPluginDependencies;\n  createVolumeQuery?: (spec: Spec, ctx: LogQueryContext) => QueryDefinition | null;\n}\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAwBjC,WAIC"}
+{"version":3,"sources":["../../src/model/log-queries.ts"],"sourcesContent":["// Copyright 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 { AbsoluteTimeRange, UnknownSpec, LogData, QueryDefinition } from '@perses-dev/spec';\nimport { DatasourceStore, VariableStateMap } from '../runtime';\nimport { Plugin } from './plugin-base';\n\nexport interface LogQueryResult {\n  logs: LogData;\n  timeRange: AbsoluteTimeRange;\n  metadata?: {\n    executedQueryString: string;\n  };\n}\n\nexport interface LogQueryContext {\n  timeRange: AbsoluteTimeRange;\n  variableState: VariableStateMap;\n  datasourceStore: DatasourceStore;\n  refreshKey: string;\n}\n\ntype LogQueryPluginDependencies = {\n  variables?: string[];\n};\n\nexport interface LogQueryPlugin<Spec = UnknownSpec> extends Plugin<Spec> {\n  getLogData: (spec: Spec, ctx: LogQueryContext, abortSignal?: AbortSignal) => Promise<LogQueryResult>;\n  dependsOn?: (spec: Spec, ctx: LogQueryContext) => LogQueryPluginDependencies;\n  createVolumeQuery?: (spec: Spec, ctx: LogQueryContext) => QueryDefinition | null;\n}\n"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAyBjC,WAIC"}

package/package.json

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