@perses-dev/components 0.54.0-beta.0 → 0.54.0-beta.10

package/dist/cjs/utils/request-interpolation.js

@@ -0,0 +1,99 @@
+// 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
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get interpolateHeaders () {
+        return interpolateHeaders;
+    },
+    get interpolateQueryParams () {
+        return interpolateQueryParams;
+    }
+});
+const _variableinterpolation = require("./variable-interpolation");
+const _regexp = require("./regexp");
+function expandQueryParamValue(value, variableState) {
+    // If value is an array, process each element
+    if (Array.isArray(value)) {
+        return value.map((v)=>expandQueryParamValue(v, variableState));
+    }
+    // Now we know value is a string, so we can safely use string methods
+    const valueString = value;
+    const variablesMap = (0, _variableinterpolation.parseVariablesAndFormat)(valueString);
+    // Find the first multi-value variable that should expand to repeated keys
+    for (const [varName, format] of variablesMap){
+        const varState = variableState[varName];
+        if (!varState) continue;
+        const options = varState.options ?? [];
+        const allOptionValues = options.map((o)=>o.value);
+        const isArray = Array.isArray(varState.value);
+        const isCustomAllValue = varState.customAllValue !== undefined;
+        let expandValues;
+        if (isArray) {
+            expandValues = varState.value;
+        } else if (isCustomAllValue) {
+            try {
+                const regex = (0, _regexp.createRegexFromString)(varState.customAllValue);
+                const matched = options.filter((o)=>regex.test(o.value)).map((o)=>o.value);
+                expandValues = matched.length > 0 ? matched : allOptionValues;
+            } catch  {
+                expandValues = allOptionValues;
+            }
+        }
+        if (!expandValues) continue;
+        // If format is queryparam or not specified (default for query params), expand to array
+        if (!format || format === _variableinterpolation.InterpolationFormat.QUERYPARAM) {
+            // Build syntax patterns for this variable reference
+            const simpleSyntax = '$' + varName;
+            const bracketSyntax = format ? '${' + varName + ':' + format + '}' : '${' + varName + '}';
+            return expandValues.map((singleValue)=>{
+                let text = valueString;
+                // Replace the variable reference with the raw value directly.
+                // We cannot use replaceVariables here because it would apply QUERYPARAM format
+                // to the single value, producing "varName=val" instead of just "val".
+                text = text.replaceAll(bracketSyntax, singleValue);
+                text = text.replaceAll(simpleSyntax, singleValue);
+                // Replace any remaining variables (other than the expanded one) using standard interpolation
+                return (0, _variableinterpolation.replaceVariables)(text, variableState);
+            });
+        }
+    }
+    // No multi-value expansion needed — use standard interpolation
+    return (0, _variableinterpolation.replaceVariables)(valueString, variableState);
+}
+function interpolateHeaders(headers, variableState) {
+    const result = {};
+    for (const [key, value] of Object.entries(headers)){
+        result[key] = (0, _variableinterpolation.replaceVariables)(value, variableState);
+    }
+    return result;
+}
+function interpolateQueryParams(queryParams, variableState) {
+    const result = {};
+    for (const [key, value] of Object.entries(queryParams)){
+        if (Array.isArray(value)) {
+            result[key] = value.map((v)=>(0, _variableinterpolation.replaceVariables)(v, variableState));
+        } else {
+            result[key] = expandQueryParamValue(value, variableState);
+        }
+    }
+    return result;
+}

package/dist/cjs/utils/text.js

@@ -0,0 +1,52 @@
+// 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
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get getResourceDisplayName () {
+        return getResourceDisplayName;
+    },
+    get getResourceExtendedDisplayName () {
+        return getResourceExtendedDisplayName;
+    }
+});
+function getResourceDisplayName(resource) {
+    // Variables
+    if (resource.spec?.spec?.display?.name) {
+        return resource.spec.spec.display.name;
+    }
+    // Other resources with display
+    if (resource.spec?.display?.name) {
+        return resource.spec.display.name;
+    }
+    return resource.metadata.name;
+}
+function getResourceExtendedDisplayName(resource) {
+    // Variables
+    if (resource.spec?.spec?.display?.name) {
+        return `${resource.spec.spec.display.name} (ID: ${resource.metadata.name})`;
+    }
+    // Other resources with display
+    if (resource.spec?.display?.name) {
+        return `${resource.spec.display.name} (ID: ${resource.metadata.name})`;
+    }
+    return resource.metadata.name;
+}

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

@@ -0,0 +1,141 @@
+// 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
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get MIN_STEP_INTERVAL_MS () {
+        return MIN_STEP_INTERVAL_MS;
+    },
+    get getCommonTimeScale () {
+        return getCommonTimeScale;
+    },
+    get getTimeSeriesValues () {
+        return getTimeSeriesValues;
+    }
+});
+const _mathjs = require("./mathjs");
+const MIN_STEP_INTERVAL_MS = 10;
+function getTimeSeriesValues(series, timeScale) {
+    let timestamp = timeScale.startMs;
+    const values = series.values;
+    const processedValues = [];
+    for (const valueTuple of values){
+        // Fill in values up to the current series value timestamp with nulls
+        while(timestamp < valueTuple[0]){
+            processedValues.push([
+                timestamp,
+                null
+            ]);
+            timestamp += timeScale.stepMs;
+        }
+        // Now add the current value since timestamp should match
+        processedValues.push([
+            timestamp,
+            valueTuple[1]
+        ]);
+        timestamp += timeScale.stepMs;
+    }
+    // Add null values at the end of the series if necessary
+    while(timestamp <= timeScale.endMs){
+        processedValues.push([
+            timestamp,
+            null
+        ]);
+        timestamp += timeScale.stepMs;
+    }
+    return processedValues;
+}
+function getCommonTimeScale(seriesData) {
+    let timeRange = undefined;
+    const steps = [];
+    for (const data of seriesData){
+        if (data && 'timeRange' in data) {
+            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 (timeRange === undefined) {
+                timeRange = data.timeRange;
+                continue;
+            }
+            // Otherwise, see if this query has a start or end outside of the current
+            // time range
+            if (data.timeRange.start < timeRange.start) {
+                timeRange.start = data.timeRange.start;
+            }
+            if (data.timeRange.end > timeRange.end) {
+                timeRange.end = data.timeRange.end;
+            }
+        } else if (data && 'values' in data) {
+            for(let i = 0; i < data.values.length; i++){
+                const values = data.values[i];
+                if (values === undefined) {
+                    continue;
+                }
+                const [timestamp] = values;
+                const start = new Date(timestamp);
+                const end = new Date(timestamp);
+                if (timeRange === undefined) {
+                    timeRange = {
+                        start,
+                        end
+                    };
+                    continue;
+                }
+                if (start < timeRange.start) {
+                    timeRange.start = start;
+                }
+                if (end > timeRange.end) {
+                    timeRange.end = end;
+                }
+            }
+            if (timeRange === undefined) return undefined;
+            const startMs = timeRange.start.valueOf();
+            const endMs = timeRange.end.valueOf();
+            const rangeMs = endMs - startMs;
+            return {
+                startMs,
+                endMs,
+                rangeMs,
+                stepMs: MIN_STEP_INTERVAL_MS
+            };
+        }
+    }
+    if (timeRange === undefined) return undefined;
+    // Use the greatest common divisor of all step values as the overall step
+    // for the x axis (or if only one query, just use that query's step value)
+    let stepMs;
+    if (steps.length === 1) {
+        stepMs = steps[0];
+    } else {
+        const calculatedStepMs = (0, _mathjs.gcd)(...steps);
+        stepMs = calculatedStepMs < MIN_STEP_INTERVAL_MS ? MIN_STEP_INTERVAL_MS : calculatedStepMs;
+    }
+    const startMs = timeRange.start.valueOf();
+    const endMs = timeRange.end.valueOf();
+    const rangeMs = endMs - startMs;
+    return {
+        startMs,
+        endMs,
+        stepMs,
+        rangeMs
+    };
+}

package/dist/cjs/utils/trace-data.js

@@ -0,0 +1,25 @@
+// 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, "isValidTraceId", {
+    enumerable: true,
+    get: function() {
+        return isValidTraceId;
+    }
+});
+function isValidTraceId(traceId) {
+    return /^[0-9a-fA-F]+$/.test(traceId);
+}

package/dist/cjs/utils/transform-data.js

@@ -0,0 +1,157 @@
+// 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
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get applyJoinTransform () {
+        return applyJoinTransform;
+    },
+    get applyMergeColumnsTransform () {
+        return applyMergeColumnsTransform;
+    },
+    get applyMergeIndexedColumnsTransform () {
+        return applyMergeIndexedColumnsTransform;
+    },
+    get applyMergeSeriesTransform () {
+        return applyMergeSeriesTransform;
+    },
+    get transformData () {
+        return transformData;
+    }
+});
+function applyJoinTransform(data, columns) {
+    // If column is undefined or empty, return data as is
+    if (columns.length === 0) {
+        return data;
+    }
+    const rowHashed = {};
+    for (const row of data){
+        const rowHash = Object.keys(row).filter((k)=>columns.includes(k)).map((k)=>row[k]).join('|');
+        const rowHashedValue = rowHashed[rowHash];
+        if (rowHashedValue) {
+            rowHashed[rowHash] = {
+                ...rowHashedValue,
+                ...row
+            };
+        } else {
+            rowHashed[rowHash] = {
+                ...row
+            };
+        }
+    }
+    return Object.values(rowHashed);
+}
+function applyMergeColumnsTransform(data, selectedColumns, outputName) {
+    const result = [];
+    for (const row of data){
+        const columns = Object.keys(row).filter((k)=>selectedColumns.includes(k));
+        const selectedColumnValues = {};
+        for (const column of columns){
+            selectedColumnValues[column] = row[column];
+            delete row[column];
+        }
+        for (const column of columns){
+            result.push({
+                ...row,
+                [outputName]: selectedColumnValues[column]
+            });
+        }
+        if (columns.length === 0) {
+            result.push(row);
+        }
+    }
+    return result;
+}
+function applyMergeIndexedColumnsTransform(data, column) {
+    const result = [];
+    for (const entry of data){
+        const indexedColumns = Object.keys(entry).filter((k)=>new RegExp('^((' + column + ' #\\d+)|(' + column + '))$').test(k));
+        const indexedColumnValues = {};
+        for (const indexedColumn of indexedColumns){
+            indexedColumnValues[indexedColumn] = entry[indexedColumn];
+            delete entry[indexedColumn];
+        }
+        for (const indexedColumn of indexedColumns){
+            result.push({
+                ...entry,
+                [column]: indexedColumnValues[indexedColumn]
+            });
+        }
+        if (indexedColumns.length === 0) {
+            result.push(entry);
+        }
+    }
+    return result;
+}
+function applyMergeSeriesTransform(data) {
+    let result = [
+        ...data
+    ];
+    const labelColumns = Array.from(new Set(data.flatMap(Object.keys).map((label)=>label.replace(/ #\d+/, '')).filter((label)=>label !== 'value')));
+    for (const label of labelColumns){
+        result = applyMergeIndexedColumnsTransform(result, label);
+    }
+    result = applyJoinTransform(result, labelColumns);
+    return result;
+}
+function transformData(data, transforms) {
+    let result = data;
+    // Apply transforms by their orders
+    for (const transform of transforms ?? []){
+        if (transform.spec.disabled) continue;
+        switch(transform.kind){
+            case 'JoinByColumnValue':
+                {
+                    if (transform.spec.columns && transform.spec.columns.length > 0) {
+                        result = applyJoinTransform(result, transform.spec.columns);
+                    }
+                    break;
+                }
+            case 'MergeIndexedColumns':
+                {
+                    if (transform.spec.column) {
+                        result = applyMergeIndexedColumnsTransform(result, transform.spec.column);
+                    }
+                    break;
+                }
+            case 'MergeColumns':
+                {
+                    if (transform.spec.columns && transform.spec.columns.length > 0 && transform.spec.name) {
+                        result = applyMergeColumnsTransform(result, transform.spec.columns, transform.spec.name);
+                    }
+                    break;
+                }
+            case 'MergeSeries':
+                {
+                    result = applyMergeSeriesTransform(result);
+                    break;
+                }
+        }
+    }
+    // Ordering data column alphabetically
+    result = result.map((row)=>{
+        return Object.keys(row).sort().reduce((obj, key)=>{
+            obj[key] = row[key];
+            return obj;
+        }, {});
+    });
+    return result;
+}

package/dist/cjs/utils/types.js

@@ -0,0 +1,16 @@
+// 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
+});

package/dist/cjs/utils/value-mapping.js

@@ -0,0 +1,105 @@
+// 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, "applyValueMapping", {
+    enumerable: true,
+    get: function() {
+        return applyValueMapping;
+    }
+});
+const _regexp = require("./regexp");
+function applyValueMapping(value, mappings = []) {
+    if (!mappings.length) {
+        return {
+            value
+        };
+    }
+    const mappedItem = {
+        value
+    };
+    mappings.forEach((mapping)=>{
+        switch(mapping.kind){
+            case 'Value':
+                {
+                    const valueOptions = mapping.spec;
+                    if (String(valueOptions.value) === String(value)) {
+                        mappedItem.value = valueOptions.result.value || mappedItem.value;
+                        mappedItem.color = valueOptions.result.color;
+                    }
+                    break;
+                }
+            case 'Range':
+                {
+                    const rangeOptions = mapping.spec;
+                    const newValue = value;
+                    if (rangeOptions.from === undefined && rangeOptions.to === undefined) {
+                        break;
+                    }
+                    const from = rangeOptions.from !== undefined ? rangeOptions.from : -Infinity;
+                    const to = rangeOptions.to !== undefined ? rangeOptions.to : Infinity;
+                    if (newValue >= from && newValue <= to) {
+                        mappedItem.value = rangeOptions.result.value || mappedItem.value;
+                        mappedItem.color = rangeOptions.result.color;
+                    }
+                    break;
+                }
+            case 'Regex':
+                {
+                    const regexOptions = mapping.spec;
+                    const stringValue = value.toString();
+                    if (!regexOptions.pattern) {
+                        break;
+                    }
+                    const regex = (0, _regexp.createRegexFromString)(regexOptions.pattern);
+                    if (stringValue.match(regex)) {
+                        if (regexOptions.result.value !== null) {
+                            mappedItem.value = stringValue.replace(regex, regexOptions.result.value.toString() || '') || mappedItem.value;
+                            mappedItem.color = regexOptions.result.color;
+                        }
+                    }
+                    break;
+                }
+            case 'Misc':
+                {
+                    const miscOptions = mapping.spec;
+                    if (isMiscValueMatch(miscOptions.value, value)) {
+                        mappedItem.value = miscOptions.result.value || mappedItem.value;
+                        mappedItem.color = miscOptions.result.color;
+                    }
+                    break;
+                }
+            default:
+                break;
+        }
+    });
+    return mappedItem;
+}
+function isMiscValueMatch(miscValue, value) {
+    switch(miscValue){
+        case 'empty':
+            return value === '';
+        case 'null':
+            return value === null || value === undefined;
+        case 'NaN':
+            return Number.isNaN(value);
+        case 'true':
+            return value === true;
+        case 'false':
+            return value === false;
+        default:
+            return false;
+    }
+}

package/dist/context/ChartsProvider.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-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,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useContext, useMemo, useState } from 'react';
 export function ChartsProvider(props) {
     const { children, chartsTheme, enablePinning = false, enableSyncGrouping = true } = props;

package/dist/context/ChartsProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/context/ChartsProvider.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 React, { createContext, ReactElement, useContext, useMemo, useState } from 'react';\nimport { PersesChartsTheme } from '../model';\nimport { CursorCoordinates } from '../TimeSeriesTooltip';\n\nexport interface ChartsProviderProps {\n  chartsTheme: PersesChartsTheme;\n  enablePinning?: boolean;\n  enableSyncGrouping?: boolean;\n  children?: React.ReactNode;\n}\n\nexport interface SharedChartsState {\n  chartsTheme: PersesChartsTheme;\n  enablePinning: boolean;\n  enableSyncGrouping: boolean;\n  lastTooltipPinnedCoords: CursorCoordinates | null;\n  setLastTooltipPinnedCoords: (lastTooltipPinnedCoords: CursorCoordinates | null) => void;\n}\n\nexport function ChartsProvider(props: ChartsProviderProps): ReactElement {\n  const { children, chartsTheme, enablePinning = false, enableSyncGrouping = true } = props;\n\n  const [lastTooltipPinnedCoords, setLastTooltipPinnedCoords] = useState<CursorCoordinates | null>(null);\n\n  const ctx = useMemo(() => {\n    return {\n      chartsTheme,\n      enablePinning,\n      lastTooltipPinnedCoords,\n      enableSyncGrouping,\n      setLastTooltipPinnedCoords,\n    };\n  }, [chartsTheme, enablePinning, enableSyncGrouping, lastTooltipPinnedCoords, setLastTooltipPinnedCoords]);\n\n  return <ChartsThemeContext.Provider value={ctx}>{children}</ChartsThemeContext.Provider>;\n}\n\nexport const ChartsThemeContext = createContext<SharedChartsState | undefined>(undefined);\n\nexport function useChartsContext(): SharedChartsState {\n  const ctx = useContext(ChartsThemeContext);\n  if (ctx === undefined) {\n    throw new Error('No ChartsThemeContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function useChartsTheme(): PersesChartsTheme {\n  const ctx = useChartsContext();\n  return ctx.chartsTheme;\n}\n"],"names":["React","createContext","useContext","useMemo","useState","ChartsProvider","props","children","chartsTheme","enablePinning","enableSyncGrouping","lastTooltipPinnedCoords","setLastTooltipPinnedCoords","ctx","ChartsThemeContext","Provider","value","undefined","useChartsContext","Error","useChartsTheme"],"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,OAAOA,SAASC,aAAa,EAAgBC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AAmB1F,OAAO,SAASC,eAAeC,KAA0B;IACvD,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,gBAAgB,KAAK,EAAEC,qBAAqB,IAAI,EAAE,GAAGJ;IAEpF,MAAM,CAACK,yBAAyBC,2BAA2B,GAAGR,SAAmC;IAEjG,MAAMS,MAAMV,QAAQ;QAClB,OAAO;YACLK;YACAC;YACAE;YACAD;YACAE;QACF;IACF,GAAG;QAACJ;QAAaC;QAAeC;QAAoBC;QAAyBC;KAA2B;IAExG,qBAAO,KAACE,mBAAmBC,QAAQ;QAACC,OAAOH;kBAAMN;;AACnD;AAEA,OAAO,MAAMO,mCAAqBb,cAA6CgB,WAAW;AAE1F,OAAO,SAASC;IACd,MAAML,MAAMX,WAAWY;IACvB,IAAID,QAAQI,WAAW;QACrB,MAAM,IAAIE,MAAM;IAClB;IACA,OAAON;AACT;AAEA,OAAO,SAASO;IACd,MAAMP,MAAMK;IACZ,OAAOL,IAAIL,WAAW;AACxB"}
+{"version":3,"sources":["../../src/context/ChartsProvider.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 React, { createContext, ReactElement, useContext, useMemo, useState } from 'react';\nimport { PersesChartsTheme } from '../model';\nimport { CursorCoordinates } from '../TimeSeriesTooltip';\n\nexport interface ChartsProviderProps {\n  chartsTheme: PersesChartsTheme;\n  enablePinning?: boolean;\n  enableSyncGrouping?: boolean;\n  children?: React.ReactNode;\n}\n\nexport interface SharedChartsState {\n  chartsTheme: PersesChartsTheme;\n  enablePinning: boolean;\n  enableSyncGrouping: boolean;\n  lastTooltipPinnedCoords: CursorCoordinates | null;\n  setLastTooltipPinnedCoords: (lastTooltipPinnedCoords: CursorCoordinates | null) => void;\n}\n\nexport function ChartsProvider(props: ChartsProviderProps): ReactElement {\n  const { children, chartsTheme, enablePinning = false, enableSyncGrouping = true } = props;\n\n  const [lastTooltipPinnedCoords, setLastTooltipPinnedCoords] = useState<CursorCoordinates | null>(null);\n\n  const ctx = useMemo(() => {\n    return {\n      chartsTheme,\n      enablePinning,\n      lastTooltipPinnedCoords,\n      enableSyncGrouping,\n      setLastTooltipPinnedCoords,\n    };\n  }, [chartsTheme, enablePinning, enableSyncGrouping, lastTooltipPinnedCoords, setLastTooltipPinnedCoords]);\n\n  return <ChartsThemeContext.Provider value={ctx}>{children}</ChartsThemeContext.Provider>;\n}\n\nexport const ChartsThemeContext = createContext<SharedChartsState | undefined>(undefined);\n\nexport function useChartsContext(): SharedChartsState {\n  const ctx = useContext(ChartsThemeContext);\n  if (ctx === undefined) {\n    throw new Error('No ChartsThemeContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function useChartsTheme(): PersesChartsTheme {\n  const ctx = useChartsContext();\n  return ctx.chartsTheme;\n}\n"],"names":["React","createContext","useContext","useMemo","useState","ChartsProvider","props","children","chartsTheme","enablePinning","enableSyncGrouping","lastTooltipPinnedCoords","setLastTooltipPinnedCoords","ctx","ChartsThemeContext","Provider","value","undefined","useChartsContext","Error","useChartsTheme"],"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,OAAOA,SAASC,aAAa,EAAgBC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AAmB1F,OAAO,SAASC,eAAeC,KAA0B;IACvD,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,gBAAgB,KAAK,EAAEC,qBAAqB,IAAI,EAAE,GAAGJ;IAEpF,MAAM,CAACK,yBAAyBC,2BAA2B,GAAGR,SAAmC;IAEjG,MAAMS,MAAMV,QAAQ;QAClB,OAAO;YACLK;YACAC;YACAE;YACAD;YACAE;QACF;IACF,GAAG;QAACJ;QAAaC;QAAeC;QAAoBC;QAAyBC;KAA2B;IAExG,qBAAO,KAACE,mBAAmBC,QAAQ;QAACC,OAAOH;kBAAMN;;AACnD;AAEA,OAAO,MAAMO,mCAAqBb,cAA6CgB,WAAW;AAE1F,OAAO,SAASC;IACd,MAAML,MAAMX,WAAWY;IACvB,IAAID,QAAQI,WAAW;QACrB,MAAM,IAAIE,MAAM;IAClB;IACA,OAAON;AACT;AAEA,OAAO,SAASO;IACd,MAAMP,MAAMK;IACZ,OAAOL,IAAIL,WAAW;AACxB"}

package/dist/context/ItemActionsProvider.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-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,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useMemo, useState } from 'react';
 const ItemActionsContext = /*#__PURE__*/ createContext(undefined);
 export function ItemActionsProvider({ children }) {