@perses-dev/components 0.55.0-rc.1 → 0.56.0-beta.0

package/dist/controls/TextField.js

@@ -11,36 +11,97 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
 import { TextField as MuiTextField } from "@mui/material";
 import debounce from "lodash/debounce";
-import { forwardRef, useCallback, useLayoutEffect, useRef, useState } from "react";
-export const TextField = /*#__PURE__*/ forwardRef(function({ debounceMs = 250, value, onChange, ...props }, ref) {
+import { forwardRef, useLayoutEffect, useRef, useState } from "react";
+export const TextField = /*#__PURE__*/ forwardRef(function(t0, ref) {
+    const $ = _c(16);
+    let onChange;
+    let props;
+    let t1;
+    let value;
+    if ($[0] !== t0) {
+        ({ debounceMs: t1, value, onChange, ...props } = t0);
+        $[0] = t0;
+        $[1] = onChange;
+        $[2] = props;
+        $[3] = t1;
+        $[4] = value;
+    } else {
+        onChange = $[1];
+        props = $[2];
+        t1 = $[3];
+        value = $[4];
+    }
+    const debounceMs = t1 === undefined ? 250 : t1;
     const [currentValue, setCurrentValue] = useState(value);
     const onChangeRef = useRef(onChange);
-    useLayoutEffect(()=>{
-        onChangeRef.current = onChange;
-    }, [
-        onChange
-    ]);
+    let t2;
+    let t3;
+    if ($[5] !== onChange) {
+        t2 = ()=>{
+            onChangeRef.current = onChange;
+        };
+        t3 = [
+            onChange
+        ];
+        $[5] = onChange;
+        $[6] = t2;
+        $[7] = t3;
+    } else {
+        t2 = $[6];
+        t3 = $[7];
+    }
+    useLayoutEffect(t2, t3);
     const debounceRef = useRef(null);
-    useLayoutEffect(()=>{
-        const debounceFn = debounce((inputValue)=>onChangeRef.current?.(inputValue), debounceMs);
-        debounceRef.current = debounceFn;
-        return ()=>debounceFn.cancel();
-    }, [
-        debounceMs
-    ]);
-    const handleChange = useCallback((event)=>{
-        setCurrentValue(event.target.value);
-        debounceRef.current?.(event.target.value);
-    }, []);
-    return /*#__PURE__*/ _jsx(MuiTextField, {
-        ref: ref,
-        value: currentValue,
-        onChange: handleChange,
-        ...props
-    });
+    let t4;
+    let t5;
+    if ($[8] !== debounceMs) {
+        t4 = ()=>{
+            const debounceFn = debounce((inputValue)=>onChangeRef.current?.(inputValue), debounceMs);
+            debounceRef.current = debounceFn;
+            return ()=>debounceFn.cancel();
+        };
+        t5 = [
+            debounceMs
+        ];
+        $[8] = debounceMs;
+        $[9] = t4;
+        $[10] = t5;
+    } else {
+        t4 = $[9];
+        t5 = $[10];
+    }
+    useLayoutEffect(t4, t5);
+    let t6;
+    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = (event)=>{
+            setCurrentValue(event.target.value);
+            debounceRef.current?.(event.target.value);
+        };
+        $[11] = t6;
+    } else {
+        t6 = $[11];
+    }
+    const handleChange = t6;
+    let t7;
+    if ($[12] !== currentValue || $[13] !== props || $[14] !== ref) {
+        t7 = /*#__PURE__*/ _jsx(MuiTextField, {
+            ref: ref,
+            value: currentValue,
+            onChange: handleChange,
+            ...props
+        });
+        $[12] = currentValue;
+        $[13] = props;
+        $[14] = ref;
+        $[15] = t7;
+    } else {
+        t7 = $[15];
+    }
+    return t7;
 });
-TextField.displayName = 'TextField';
+TextField.displayName = "TextField";
 
 //# sourceMappingURL=TextField.js.map

package/dist/controls/TextField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/controls/TextField.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 type { TextFieldProps as MuiTextFieldProps } from '@mui/material';\nimport { TextField as MuiTextField } from '@mui/material';\nimport type { DebouncedFunc } from 'lodash';\nimport debounce from 'lodash/debounce';\nimport type { ChangeEvent, ForwardedRef } from 'react';\nimport { forwardRef, useCallback, useLayoutEffect, useRef, useState } from 'react';\n\ntype TextFieldProps = Omit<MuiTextFieldProps, 'onChange'> & { debounceMs?: number; onChange?: (value: string) => void };\n\nexport const TextField = forwardRef(function (\n  { debounceMs = 250, value, onChange, ...props }: TextFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const [currentValue, setCurrentValue] = useState(value);\n\n  const onChangeRef = useRef(onChange);\n  useLayoutEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  const debounceRef = useRef<DebouncedFunc<(inputValue: string) => void> | null>(null);\n  useLayoutEffect(() => {\n    const debounceFn = debounce((inputValue: string) => onChangeRef.current?.(inputValue), debounceMs);\n    debounceRef.current = debounceFn;\n    return (): void => debounceFn.cancel();\n  }, [debounceMs]);\n\n  const handleChange = useCallback((event: ChangeEvent<HTMLInputElement>): void => {\n    setCurrentValue(event.target.value);\n    debounceRef.current?.(event.target.value);\n  }, []);\n\n  return <MuiTextField ref={ref} value={currentValue} onChange={handleChange} {...props} />;\n});\nTextField.displayName = 'TextField';\n"],"names":["TextField","MuiTextField","debounce","forwardRef","useCallback","useLayoutEffect","useRef","useState","debounceMs","value","onChange","props","ref","currentValue","setCurrentValue","onChangeRef","current","debounceRef","debounceFn","inputValue","cancel","handleChange","event","target","displayName"],"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;;AAGjC,SAASA,aAAaC,YAAY,QAAQ,gBAAgB;AAE1D,OAAOC,cAAc,kBAAkB;AAEvC,SAASC,UAAU,EAAEC,WAAW,EAAEC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAInF,OAAO,MAAMP,0BAAYG,WAAW,SAClC,EAAEK,aAAa,GAAG,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGC,OAAuB,EAC/DC,GAAiC;IAEjC,MAAM,CAACC,cAAcC,gBAAgB,GAAGP,SAASE;IAEjD,MAAMM,cAAcT,OAAOI;IAC3BL,gBAAgB;QACdU,YAAYC,OAAO,GAAGN;IACxB,GAAG;QAACA;KAAS;IAEb,MAAMO,cAAcX,OAA2D;IAC/ED,gBAAgB;QACd,MAAMa,aAAahB,SAAS,CAACiB,aAAuBJ,YAAYC,OAAO,GAAGG,aAAaX;QACvFS,YAAYD,OAAO,GAAGE;QACtB,OAAO,IAAYA,WAAWE,MAAM;IACtC,GAAG;QAACZ;KAAW;IAEf,MAAMa,eAAejB,YAAY,CAACkB;QAChCR,gBAAgBQ,MAAMC,MAAM,CAACd,KAAK;QAClCQ,YAAYD,OAAO,GAAGM,MAAMC,MAAM,CAACd,KAAK;IAC1C,GAAG,EAAE;IAEL,qBAAO,KAACR;QAAaW,KAAKA;QAAKH,OAAOI;QAAcH,UAAUW;QAAe,GAAGV,KAAK;;AACvF,GAAG;AACHX,UAAUwB,WAAW,GAAG"}
+{"version":3,"sources":["../../src/controls/TextField.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 type { TextFieldProps as MuiTextFieldProps } from '@mui/material';\nimport { TextField as MuiTextField } from '@mui/material';\nimport type { DebouncedFunc } from 'lodash';\nimport debounce from 'lodash/debounce';\nimport type { ChangeEvent, ForwardedRef } from 'react';\nimport { forwardRef, useCallback, useLayoutEffect, useRef, useState } from 'react';\n\ntype TextFieldProps = Omit<MuiTextFieldProps, 'onChange'> & { debounceMs?: number; onChange?: (value: string) => void };\n\nexport const TextField = forwardRef(function (\n  { debounceMs = 250, value, onChange, ...props }: TextFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const [currentValue, setCurrentValue] = useState(value);\n\n  const onChangeRef = useRef(onChange);\n  useLayoutEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  const debounceRef = useRef<DebouncedFunc<(inputValue: string) => void> | null>(null);\n  useLayoutEffect(() => {\n    const debounceFn = debounce((inputValue: string) => onChangeRef.current?.(inputValue), debounceMs);\n    debounceRef.current = debounceFn;\n    return (): void => debounceFn.cancel();\n  }, [debounceMs]);\n\n  const handleChange = useCallback((event: ChangeEvent<HTMLInputElement>): void => {\n    setCurrentValue(event.target.value);\n    debounceRef.current?.(event.target.value);\n  }, []);\n\n  return <MuiTextField ref={ref} value={currentValue} onChange={handleChange} {...props} />;\n});\nTextField.displayName = 'TextField';\n"],"names":["TextField","MuiTextField","debounce","forwardRef","useLayoutEffect","useRef","useState","displayName"],"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;;;AAGjC,SAASA,aAAaC,YAAY,QAAQ,gBAAgB;AAE1D,OAAOC,cAAc,kBAAkB;AAEvC,SAASC,UAAU,EAAeC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAInF,OAAO,MAAMN,0BAAYG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwBjC;AACHH,UAAUO,WAAW,GAAG"}

package/dist/index.d.ts

@@ -38,4 +38,5 @@ export * from './TransformsEditor';
 export * from './RefreshIntervalPicker';
 export * from './RepeatGrid';
 export * from './ValueMappingEditor';
+export * from './YAMLEditor';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -50,5 +50,6 @@ export * from "./TransformsEditor/index.js";
 export * from "./RefreshIntervalPicker/index.js";
 export * from "./RepeatGrid/index.js";
 export * from "./ValueMappingEditor/index.js";
+export * from "./YAMLEditor/index.js";
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/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 './AlignSelector';\nexport * from './ColorPicker';\nexport * from './ContentWithLegend';\nexport * from './controls';\nexport * from './Dialog';\nexport * from './ExemplarMetadata';\nexport * from './DensitySelector';\nexport * from './DragAndDrop';\nexport * from './Drawer';\nexport * from './EChart';\nexport * from './ErrorAlert';\nexport * from './ErrorBoundary';\nexport * from './FontSizeSelector';\nexport * from './FormEditor';\nexport * from './InfoTooltip';\nexport * from './JSONEditor';\nexport * from './Legend';\nexport * from './LinksEditor';\nexport * from './ModeSelector';\nexport * from './OptionsEditorLayout';\nexport * from './Overlay';\nexport * from './SettingsAutocomplete';\nexport * from './SortSelector';\nexport * from './Table';\nexport * from './ThresholdsEditor';\nexport * from './TimeRangeSelector';\nexport * from './TimeZoneSelector';\nexport * from './TimeSeriesTooltip';\nexport * from './ToolbarIconButton';\nexport * from './FormatControls';\nexport * from './YAxisLabel';\nexport * from './context';\nexport * from './utils';\nexport * from './model';\nexport * from './test-utils';\nexport * from './theme';\nexport * from './TransformsEditor';\nexport * from './RefreshIntervalPicker';\nexport * from './RepeatGrid';\nexport * from './ValueMappingEditor';\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,2BAAkB;AAChC,cAAc,yBAAgB;AAC9B,cAAc,+BAAsB;AACpC,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,8BAAqB;AACnC,cAAc,6BAAoB;AAClC,cAAc,yBAAgB;AAC9B,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,kBAAe;AAC7B,cAAc,qBAAkB;AAChC,cAAc,8BAAqB;AACnC,cAAc,wBAAe;AAC7B,cAAc,yBAAgB;AAC9B,cAAc,kBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,yBAAgB;AAC9B,cAAc,0BAAiB;AAC/B,cAAc,iCAAwB;AACtC,cAAc,qBAAY;AAC1B,cAAc,kCAAyB;AACvC,cAAc,0BAAiB;AAC/B,cAAc,mBAAU;AACxB,cAAc,8BAAqB;AACnC,cAAc,+BAAsB;AACpC,cAAc,wBAAqB;AACnC,cAAc,+BAAsB;AACpC,cAAc,+BAAsB;AACpC,cAAc,4BAAmB;AACjC,cAAc,kBAAe;AAC7B,cAAc,qBAAY;AAC1B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,wBAAe;AAC7B,cAAc,mBAAU;AACxB,cAAc,8BAAqB;AACnC,cAAc,mCAA0B;AACxC,cAAc,wBAAe;AAC7B,cAAc,gCAAuB"}
+{"version":3,"sources":["../src/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 './AlignSelector';\nexport * from './ColorPicker';\nexport * from './ContentWithLegend';\nexport * from './controls';\nexport * from './Dialog';\nexport * from './ExemplarMetadata';\nexport * from './DensitySelector';\nexport * from './DragAndDrop';\nexport * from './Drawer';\nexport * from './EChart';\nexport * from './ErrorAlert';\nexport * from './ErrorBoundary';\nexport * from './FontSizeSelector';\nexport * from './FormEditor';\nexport * from './InfoTooltip';\nexport * from './JSONEditor';\nexport * from './Legend';\nexport * from './LinksEditor';\nexport * from './ModeSelector';\nexport * from './OptionsEditorLayout';\nexport * from './Overlay';\nexport * from './SettingsAutocomplete';\nexport * from './SortSelector';\nexport * from './Table';\nexport * from './ThresholdsEditor';\nexport * from './TimeRangeSelector';\nexport * from './TimeZoneSelector';\nexport * from './TimeSeriesTooltip';\nexport * from './ToolbarIconButton';\nexport * from './FormatControls';\nexport * from './YAxisLabel';\nexport * from './context';\nexport * from './utils';\nexport * from './model';\nexport * from './test-utils';\nexport * from './theme';\nexport * from './TransformsEditor';\nexport * from './RefreshIntervalPicker';\nexport * from './RepeatGrid';\nexport * from './ValueMappingEditor';\nexport * from './YAMLEditor';\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,2BAAkB;AAChC,cAAc,yBAAgB;AAC9B,cAAc,+BAAsB;AACpC,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,8BAAqB;AACnC,cAAc,6BAAoB;AAClC,cAAc,yBAAgB;AAC9B,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,kBAAe;AAC7B,cAAc,qBAAkB;AAChC,cAAc,8BAAqB;AACnC,cAAc,wBAAe;AAC7B,cAAc,yBAAgB;AAC9B,cAAc,kBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,yBAAgB;AAC9B,cAAc,0BAAiB;AAC/B,cAAc,iCAAwB;AACtC,cAAc,qBAAY;AAC1B,cAAc,kCAAyB;AACvC,cAAc,0BAAiB;AAC/B,cAAc,mBAAU;AACxB,cAAc,8BAAqB;AACnC,cAAc,+BAAsB;AACpC,cAAc,wBAAqB;AACnC,cAAc,+BAAsB;AACpC,cAAc,+BAAsB;AACpC,cAAc,4BAAmB;AACjC,cAAc,kBAAe;AAC7B,cAAc,qBAAY;AAC1B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,wBAAe;AAC7B,cAAc,mBAAU;AACxB,cAAc,8BAAqB;AACnC,cAAc,mCAA0B;AACxC,cAAc,wBAAe;AAC7B,cAAc,gCAAuB;AACrC,cAAc,wBAAe"}

package/dist/utils/browser-storage.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react-compiler-runtime";
 // 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.
@@ -10,49 +11,78 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { useState, useCallback } from "react";
+import { useState } from "react";
 /**
  * Just like useState but gets/sets the value in the browser's local storage.
  * 'key' should be a constant string. 'initialValue' is returned when local
  * storage does not have any data yet.
  */ export function useLocalStorage(key, initialValue) {
+    const $ = _c(3);
     const { value, setValueAndStore } = useStorage(window.localStorage, key, initialValue);
-    return [
-        value,
-        setValueAndStore
-    ];
+    let t0;
+    if ($[0] !== setValueAndStore || $[1] !== value) {
+        t0 = [
+            value,
+            setValueAndStore
+        ];
+        $[0] = setValueAndStore;
+        $[1] = value;
+        $[2] = t0;
+    } else {
+        t0 = $[2];
+    }
+    return t0;
 }
 // Common functionality used by all storage hooks
 function useStorage(storage, key, initialValue) {
-    // Use state so that changes cause the page to re-render
-    const [value, setValue] = useState(()=>{
-        try {
-            const json = storage.getItem(key);
-            if (json !== null) {
-                return JSON.parse(json);
-            }
-        } catch  {
-        // No-op
-        }
-        // Either the value isn't in storage yet or JSON parsing failed, so
-        // set to the initial value in both places
-        storage.setItem(key, JSON.stringify(initialValue));
-        return initialValue;
-    });
-    // Set in both places
-    const setValueAndStore = useCallback((val)=>{
-        setValue(val);
-        storage.setItem(key, JSON.stringify(val));
-    }, [
-        setValue,
-        storage,
-        key
-    ]);
-    return {
-        value,
-        setValue,
-        setValueAndStore
-    };
+    const $ = _c(10);
+    let t0;
+    if ($[0] !== initialValue || $[1] !== key || $[2] !== storage) {
+        t0 = ()=>{
+            try {
+                const json = storage.getItem(key);
+                if (json !== null) {
+                    return JSON.parse(json);
+                }
+            } catch  {}
+            storage.setItem(key, JSON.stringify(initialValue));
+            return initialValue;
+        };
+        $[0] = initialValue;
+        $[1] = key;
+        $[2] = storage;
+        $[3] = t0;
+    } else {
+        t0 = $[3];
+    }
+    const [value, setValue] = useState(t0);
+    let t1;
+    if ($[4] !== key || $[5] !== storage) {
+        t1 = (val)=>{
+            setValue(val);
+            storage.setItem(key, JSON.stringify(val));
+        };
+        $[4] = key;
+        $[5] = storage;
+        $[6] = t1;
+    } else {
+        t1 = $[6];
+    }
+    const setValueAndStore = t1;
+    let t2;
+    if ($[7] !== setValueAndStore || $[8] !== value) {
+        t2 = {
+            value,
+            setValue,
+            setValueAndStore
+        };
+        $[7] = setValueAndStore;
+        $[8] = value;
+        $[9] = t2;
+    } else {
+        t2 = $[9];
+    }
+    return t2;
 }
 
 //# sourceMappingURL=browser-storage.js.map

package/dist/utils/browser-storage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/browser-storage.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 { useState, useCallback } from 'react';\n\ntype StorageTuple<T> = [T, (next: T) => void];\n\n/**\n * Just like useState but gets/sets the value in the browser's local storage.\n * 'key' should be a constant string. 'initialValue' is returned when local\n * storage does not have any data yet.\n */\nexport function useLocalStorage<T>(key: string, initialValue: T): StorageTuple<T> {\n  const { value, setValueAndStore } = useStorage(window.localStorage, key, initialValue);\n  return [value, setValueAndStore];\n}\n\n// Common functionality used by all storage hooks\nfunction useStorage<T>(\n  storage: Storage,\n  key: string,\n  initialValue: T,\n): {\n  setValueAndStore: (value: T) => void;\n  setValue: (value: T) => void;\n  value: T;\n} {\n  // Use state so that changes cause the page to re-render\n  const [value, setValue] = useState<T>(() => {\n    try {\n      const json = storage.getItem(key);\n      if (json !== null) {\n        return JSON.parse(json);\n      }\n    } catch {\n      // No-op\n    }\n\n    // Either the value isn't in storage yet or JSON parsing failed, so\n    // set to the initial value in both places\n    storage.setItem(key, JSON.stringify(initialValue));\n    return initialValue;\n  });\n\n  // Set in both places\n  const setValueAndStore = useCallback(\n    (val: T) => {\n      setValue(val);\n      storage.setItem(key, JSON.stringify(val));\n    },\n    [setValue, storage, key],\n  );\n\n  return { value, setValue, setValueAndStore };\n}\n"],"names":["useState","useCallback","useLocalStorage","key","initialValue","value","setValueAndStore","useStorage","window","localStorage","storage","setValue","json","getItem","JSON","parse","setItem","stringify","val"],"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,SAASA,QAAQ,EAAEC,WAAW,QAAQ,QAAQ;AAI9C;;;;CAIC,GACD,OAAO,SAASC,gBAAmBC,GAAW,EAAEC,YAAe;IAC7D,MAAM,EAAEC,KAAK,EAAEC,gBAAgB,EAAE,GAAGC,WAAWC,OAAOC,YAAY,EAAEN,KAAKC;IACzE,OAAO;QAACC;QAAOC;KAAiB;AAClC;AAEA,iDAAiD;AACjD,SAASC,WACPG,OAAgB,EAChBP,GAAW,EACXC,YAAe;IAMf,wDAAwD;IACxD,MAAM,CAACC,OAAOM,SAAS,GAAGX,SAAY;QACpC,IAAI;YACF,MAAMY,OAAOF,QAAQG,OAAO,CAACV;YAC7B,IAAIS,SAAS,MAAM;gBACjB,OAAOE,KAAKC,KAAK,CAACH;YACpB;QACF,EAAE,OAAM;QACN,QAAQ;QACV;QAEA,mEAAmE;QACnE,0CAA0C;QAC1CF,QAAQM,OAAO,CAACb,KAAKW,KAAKG,SAAS,CAACb;QACpC,OAAOA;IACT;IAEA,qBAAqB;IACrB,MAAME,mBAAmBL,YACvB,CAACiB;QACCP,SAASO;QACTR,QAAQM,OAAO,CAACb,KAAKW,KAAKG,SAAS,CAACC;IACtC,GACA;QAACP;QAAUD;QAASP;KAAI;IAG1B,OAAO;QAAEE;QAAOM;QAAUL;IAAiB;AAC7C"}
+{"version":3,"sources":["../../src/utils/browser-storage.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 { useState, useCallback } from 'react';\n\ntype StorageTuple<T> = [T, (next: T) => void];\n\n/**\n * Just like useState but gets/sets the value in the browser's local storage.\n * 'key' should be a constant string. 'initialValue' is returned when local\n * storage does not have any data yet.\n */\nexport function useLocalStorage<T>(key: string, initialValue: T): StorageTuple<T> {\n  const { value, setValueAndStore } = useStorage(window.localStorage, key, initialValue);\n  return [value, setValueAndStore];\n}\n\n// Common functionality used by all storage hooks\nfunction useStorage<T>(\n  storage: Storage,\n  key: string,\n  initialValue: T,\n): {\n  setValueAndStore: (value: T) => void;\n  setValue: (value: T) => void;\n  value: T;\n} {\n  // Use state so that changes cause the page to re-render\n  const [value, setValue] = useState<T>(() => {\n    try {\n      const json = storage.getItem(key);\n      if (json !== null) {\n        return JSON.parse(json);\n      }\n    } catch {\n      // No-op\n    }\n\n    // Either the value isn't in storage yet or JSON parsing failed, so\n    // set to the initial value in both places\n    storage.setItem(key, JSON.stringify(initialValue));\n    return initialValue;\n  });\n\n  // Set in both places\n  const setValueAndStore = useCallback(\n    (val: T) => {\n      setValue(val);\n      storage.setItem(key, JSON.stringify(val));\n    },\n    [setValue, storage, key],\n  );\n\n  return { value, setValue, setValueAndStore };\n}\n"],"names":["useState"],"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,SAASA,QAAQ,QAAqB,QAAQ;AAI9C;;;;CAIC,GACD,OAAO;;;;;;;;;;;;;;;;;AAKP,iDAAiD;AACjD"}

package/dist/utils/time-series-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-series-data.d.ts","sourceRoot":"","sources":["../../src/utils/time-series-data.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAqB,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAIvH,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAEvC;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAG,oBAAoB,EAAE,CAyBpG;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,GACzE,SAAS,GAAG,SAAS,CAgFvB"}
+{"version":3,"file":"time-series-data.d.ts","sourceRoot":"","sources":["../../src/utils/time-series-data.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAqB,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAIvH,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAEvC;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAG,oBAAoB,EAAE,CAyBpG;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,GACzE,SAAS,GAAG,SAAS,CAiFvB"}

package/dist/utils/time-series-data.js

@@ -58,9 +58,12 @@ export const MIN_STEP_INTERVAL_MS = 10;
             if (data === undefined || data.timeRange === undefined || data.stepMs === undefined) continue;
             // Keep track of query steps so we can calculate a common one for the graph
             steps.push(data.stepMs);
-            // If we don't have an overall time range yet, just start with this one
+            // If we don't have an overall time range yet, start with a copy of this one.
+            // Copy to avoid mutating the input (e.g. cached query results) when widening the range below.
             if (timeRange === undefined) {
-                timeRange = data.timeRange;
+                timeRange = {
+                    ...data.timeRange
+                };
                 continue;
             }
             // Otherwise, see if this query has a start or end outside of the current

package/dist/utils/time-series-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/time-series-data.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 type { AbsoluteTimeRange, TimeScale, TimeSeries, TimeSeriesData, TimeSeriesValueTuple } from '@perses-dev/spec';\n\nimport { gcd } from './mathjs';\n\nexport const MIN_STEP_INTERVAL_MS = 10;\n\n/**\n * Given a TimeSeries from a query and a common time scale (see `getCommonTimeScale`),\n * processes the time series values, filling in any timestamps that are missing\n * from the time series data with `null` values.\n */\nexport function getTimeSeriesValues(series: TimeSeries, timeScale: TimeScale): TimeSeriesValueTuple[] {\n  let timestamp = timeScale.startMs;\n\n  const values = series.values;\n  const processedValues: TimeSeriesValueTuple[] = [];\n\n  for (const valueTuple of values) {\n    // Fill in values up to the current series value timestamp with nulls\n    while (timestamp < valueTuple[0]) {\n      processedValues.push([timestamp, null]);\n      timestamp += timeScale.stepMs;\n    }\n\n    // Now add the current value since timestamp should match\n    processedValues.push([timestamp, valueTuple[1]]);\n    timestamp += timeScale.stepMs;\n  }\n\n  // Add null values at the end of the series if necessary\n  while (timestamp <= timeScale.endMs) {\n    processedValues.push([timestamp, null]);\n    timestamp += timeScale.stepMs;\n  }\n\n  return processedValues;\n}\n\n/**\n * Given a list of running queries, calculates a common time scale for use on\n * the x axis (i.e. start/end dates and a step that is divisible into all of\n * the queries' steps).\n */\nexport function getCommonTimeScale(\n  seriesData: Array<TimeSeriesData | Pick<TimeSeries, 'values'> | undefined>,\n): TimeScale | undefined {\n  let timeRange: AbsoluteTimeRange | undefined = undefined;\n  const steps: number[] = [];\n\n  for (const data of seriesData) {\n    if (data && 'timeRange' in data) {\n      if (data === undefined || data.timeRange === undefined || data.stepMs === undefined) continue;\n\n      // Keep track of query steps so we can calculate a common one for the graph\n      steps.push(data.stepMs);\n\n      // If we don't have an overall time range yet, just start with this one\n      if (timeRange === undefined) {\n        timeRange = data.timeRange;\n        continue;\n      }\n\n      // Otherwise, see if this query has a start or end outside of the current\n      // time range\n      if (data.timeRange.start < timeRange.start) {\n        timeRange.start = data.timeRange.start;\n      }\n      if (data.timeRange.end > timeRange.end) {\n        timeRange.end = data.timeRange.end;\n      }\n    } else if (data && 'values' in data) {\n      for (let i = 0; i < data.values.length; i++) {\n        const values = data.values[i];\n        if (values === undefined) {\n          continue;\n        }\n\n        const [timestamp] = values;\n        const start = new Date(timestamp);\n        const end = new Date(timestamp);\n\n        if (timeRange === undefined) {\n          timeRange = {\n            start,\n            end,\n          };\n          continue;\n        }\n\n        if (start < timeRange.start) {\n          timeRange.start = start;\n        }\n\n        if (end > timeRange.end) {\n          timeRange.end = end;\n        }\n      }\n\n      if (timeRange === undefined) return undefined;\n\n      const startMs = timeRange.start.valueOf();\n      const endMs = timeRange.end.valueOf();\n      const rangeMs = endMs - startMs;\n\n      return { startMs, endMs, rangeMs, stepMs: MIN_STEP_INTERVAL_MS };\n    }\n  }\n\n  if (timeRange === undefined) return undefined;\n\n  // Use the greatest common divisor of all step values as the overall step\n  // for the x axis (or if only one query, just use that query's step value)\n  let stepMs: number;\n  if (steps.length === 1) {\n    stepMs = steps[0] as number;\n  } else {\n    const calculatedStepMs = gcd(...steps);\n    stepMs = calculatedStepMs < MIN_STEP_INTERVAL_MS ? MIN_STEP_INTERVAL_MS : calculatedStepMs;\n  }\n\n  const startMs = timeRange.start.valueOf();\n  const endMs = timeRange.end.valueOf();\n  const rangeMs = endMs - startMs;\n\n  return { startMs, endMs, stepMs, rangeMs };\n}\n"],"names":["gcd","MIN_STEP_INTERVAL_MS","getTimeSeriesValues","series","timeScale","timestamp","startMs","values","processedValues","valueTuple","push","stepMs","endMs","getCommonTimeScale","seriesData","timeRange","undefined","steps","data","start","end","i","length","Date","valueOf","rangeMs","calculatedStepMs"],"mappings":"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"}
+{"version":3,"sources":["../../src/utils/time-series-data.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 type { AbsoluteTimeRange, TimeScale, TimeSeries, TimeSeriesData, TimeSeriesValueTuple } from '@perses-dev/spec';\n\nimport { gcd } from './mathjs';\n\nexport const MIN_STEP_INTERVAL_MS = 10;\n\n/**\n * Given a TimeSeries from a query and a common time scale (see `getCommonTimeScale`),\n * processes the time series values, filling in any timestamps that are missing\n * from the time series data with `null` values.\n */\nexport function getTimeSeriesValues(series: TimeSeries, timeScale: TimeScale): TimeSeriesValueTuple[] {\n  let timestamp = timeScale.startMs;\n\n  const values = series.values;\n  const processedValues: TimeSeriesValueTuple[] = [];\n\n  for (const valueTuple of values) {\n    // Fill in values up to the current series value timestamp with nulls\n    while (timestamp < valueTuple[0]) {\n      processedValues.push([timestamp, null]);\n      timestamp += timeScale.stepMs;\n    }\n\n    // Now add the current value since timestamp should match\n    processedValues.push([timestamp, valueTuple[1]]);\n    timestamp += timeScale.stepMs;\n  }\n\n  // Add null values at the end of the series if necessary\n  while (timestamp <= timeScale.endMs) {\n    processedValues.push([timestamp, null]);\n    timestamp += timeScale.stepMs;\n  }\n\n  return processedValues;\n}\n\n/**\n * Given a list of running queries, calculates a common time scale for use on\n * the x axis (i.e. start/end dates and a step that is divisible into all of\n * the queries' steps).\n */\nexport function getCommonTimeScale(\n  seriesData: Array<TimeSeriesData | Pick<TimeSeries, 'values'> | undefined>,\n): TimeScale | undefined {\n  let timeRange: AbsoluteTimeRange | undefined = undefined;\n  const steps: number[] = [];\n\n  for (const data of seriesData) {\n    if (data && 'timeRange' in data) {\n      if (data === undefined || data.timeRange === undefined || data.stepMs === undefined) continue;\n\n      // Keep track of query steps so we can calculate a common one for the graph\n      steps.push(data.stepMs);\n\n      // If we don't have an overall time range yet, start with a copy of this one.\n      // Copy to avoid mutating the input (e.g. cached query results) when widening the range below.\n      if (timeRange === undefined) {\n        timeRange = { ...data.timeRange };\n        continue;\n      }\n\n      // Otherwise, see if this query has a start or end outside of the current\n      // time range\n      if (data.timeRange.start < timeRange.start) {\n        timeRange.start = data.timeRange.start;\n      }\n      if (data.timeRange.end > timeRange.end) {\n        timeRange.end = data.timeRange.end;\n      }\n    } else if (data && 'values' in data) {\n      for (let i = 0; i < data.values.length; i++) {\n        const values = data.values[i];\n        if (values === undefined) {\n          continue;\n        }\n\n        const [timestamp] = values;\n        const start = new Date(timestamp);\n        const end = new Date(timestamp);\n\n        if (timeRange === undefined) {\n          timeRange = {\n            start,\n            end,\n          };\n          continue;\n        }\n\n        if (start < timeRange.start) {\n          timeRange.start = start;\n        }\n\n        if (end > timeRange.end) {\n          timeRange.end = end;\n        }\n      }\n\n      if (timeRange === undefined) return undefined;\n\n      const startMs = timeRange.start.valueOf();\n      const endMs = timeRange.end.valueOf();\n      const rangeMs = endMs - startMs;\n\n      return { startMs, endMs, rangeMs, stepMs: MIN_STEP_INTERVAL_MS };\n    }\n  }\n\n  if (timeRange === undefined) return undefined;\n\n  // Use the greatest common divisor of all step values as the overall step\n  // for the x axis (or if only one query, just use that query's step value)\n  let stepMs: number;\n  if (steps.length === 1) {\n    stepMs = steps[0] as number;\n  } else {\n    const calculatedStepMs = gcd(...steps);\n    stepMs = calculatedStepMs < MIN_STEP_INTERVAL_MS ? MIN_STEP_INTERVAL_MS : calculatedStepMs;\n  }\n\n  const startMs = timeRange.start.valueOf();\n  const endMs = timeRange.end.valueOf();\n  const rangeMs = endMs - startMs;\n\n  return { startMs, endMs, stepMs, rangeMs };\n}\n"],"names":["gcd","MIN_STEP_INTERVAL_MS","getTimeSeriesValues","series","timeScale","timestamp","startMs","values","processedValues","valueTuple","push","stepMs","endMs","getCommonTimeScale","seriesData","timeRange","undefined","steps","data","start","end","i","length","Date","valueOf","rangeMs","calculatedStepMs"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/components",
-  "version": "0.55.0-rc.1",
+  "version": "0.56.0-beta.0",
   "description": "Common UI components used across Perses features",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -31,14 +31,16 @@
     "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
     "@codemirror/lang-json": "^6.0.1",
+    "@codemirror/lang-yaml": "^6.1.0",
+    "@codemirror/lint": "^6.9.7",
     "@date-fns/tz": "^1.4.1",
     "@fontsource/inter": "^5.0.0",
     "@mui/x-date-pickers": "^7.23.1",
-    "@perses-dev/spec": "0.3.0-rc.1",
-    "@perses-dev/client": "0.55.0-rc.1",
+    "@perses-dev/spec": "0.3.0",
+    "@perses-dev/client": "0.56.0-beta.0",
     "numbro": "^2.3.6",
     "@tanstack/match-sorter-utils": "^8.19.4",
-    "@tanstack/react-table": "^8.20.5",
+    "@tanstack/react-table": "^9.2.8",
     "@uiw/react-codemirror": "^4.19.1",
     "date-fns": "^4.1.0",
     "echarts": "5.5.0",
@@ -48,8 +50,11 @@
     "mdi-material-ui": "^7.9.2",
     "notistack": "^3.0.2",
     "react-colorful": "^5.6.1",
+    "react-compiler-runtime": "^1.0.0",
     "react-error-boundary": "^3.1.4",
-    "react-virtuoso": "^4.12.2"
+    "react-virtuoso": "^4.12.2",
+    "use-resize-observer": "^10.0.0",
+    "yaml": "^2.9.1"
   },
   "devDependencies": {
     "@types/lodash": "^4.17.20"
@@ -58,9 +63,10 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/material": "^6.1.10",
+    "@mui/system": "^6.1.10",
     "lodash": "^4.17.21",
-    "react": "^18.3.0",
-    "react-dom": "^18.3.0"
+    "react": "^18.3.0 || ^19.0.0",
+    "react-dom": "^18.3.0 || ^19.0.0"
   },
   "files": [
     "dist"