@perses-dev/components 0.55.0 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/components",
-  "version": "0.55.0",
+  "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",
-    "@perses-dev/client": "0.55.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"