@perses-dev/timeseries-table-plugin 0.11.0-beta.0 → 0.11.0

package/lib/cjs/TimeSeriesTablePanel.js

@@ -1,4 +1,4 @@
-// Copyright 2024 The Perses Authors
+// 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
@@ -25,7 +25,7 @@ const _material = require("@mui/material");
 const _components = require("@perses-dev/components");
 const _components1 = require("./components");
 function TimeSeriesTablePanel(props) {
-    const { contentDimensions, queryResults } = props;
+    const { contentDimensions, queryResults, spec } = props;
     const chartsTheme = (0, _components.useChartsTheme)();
     const contentPadding = chartsTheme.container.padding.default;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
@@ -37,7 +37,8 @@ function TimeSeriesTablePanel(props) {
             overflowY: 'scroll'
         },
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components1.DataTable, {
-            queryResults: queryResults
+            queryResults: queryResults,
+            spec: spec
         })
     });
 }

package/lib/cjs/bootstrap.js

@@ -1,4 +1,4 @@
-// Copyright 2024 The Perses Authors
+// 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

package/lib/cjs/components/DataTable.js

@@ -1,4 +1,4 @@
-// Copyright 2024 The Perses Authors
+// 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
@@ -32,20 +32,92 @@ _export(exports, {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
 const _material = require("@mui/material");
-const _SeriesName = require("./SeriesName");
+const _components = require("@perses-dev/components");
+const _dashboards = require("@perses-dev/dashboards");
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _react = require("react");
 const _EmbeddedPanel = require("./EmbeddedPanel");
+const _SeriesName = require("./SeriesName");
 const MAX_FORMATTABLE_SERIES = 1000;
-const DataTable = ({ queryResults })=>{
+/**
+ * Build row data object from a TimeSeries, including all labels and value
+ */ function buildRowData(ts) {
+    return {
+        ...ts.labels,
+        name: ts.name,
+        formattedName: ts.formattedName,
+        value: ts.values?.[0]?.[1],
+        timestamp: ts.values?.[0]?.[0]
+    };
+}
+const DataTable = ({ queryResults, spec })=>{
+    const allVariables = (0, _pluginsystem.useAllVariableValues)();
     const series = (0, _react.useMemo)(()=>queryResults.flatMap((d)=>d.data).flatMap((d)=>d?.series || []), [
         queryResults
     ]);
-    const rows = (0, _react.useMemo)(()=>buildRows(series, queryResults), [
+    const selectionEnabled = spec.selection?.enabled ?? false;
+    const { selectionMap, setSelection, clearSelection, toggleSelection } = (0, _components.useSelection)();
+    const itemActionsConfig = spec.actions ? spec.actions : undefined;
+    const itemActionsListConfig = (0, _react.useMemo)(()=>itemActionsConfig?.enabled && itemActionsConfig.displayWithItem ? itemActionsConfig.actionsList : [], [
+        itemActionsConfig?.enabled,
+        itemActionsConfig?.displayWithItem,
+        itemActionsConfig?.actionsList
+    ]);
+    const { getItemActionButtons, confirmDialog, actionButtons } = (0, _dashboards.useSelectionItemActions)({
+        actions: itemActionsListConfig,
+        variableState: allVariables
+    });
+    const hasItemActions = actionButtons && actionButtons.length > 0;
+    const allSelected = (0, _react.useMemo)(()=>{
+        if (series.length === 0) return false;
+        return series.every((_, idx)=>selectionMap.has(idx.toString()));
+    }, [
         series,
-        queryResults
+        selectionMap
+    ]);
+    // Check if some (but not all) series are selected
+    const someSelected = (0, _react.useMemo)(()=>{
+        if (series.length === 0) return false;
+        const selectedCount = series.filter((_, idx)=>selectionMap.has(idx.toString())).length;
+        return selectedCount > 0 && selectedCount < series.length;
+    }, [
+        series,
+        selectionMap
+    ]);
+    const handleSelectAll = (0, _react.useCallback)(()=>{
+        if (allSelected) {
+            clearSelection();
+        } else {
+            const allItems = series.map((ts, idx)=>({
+                    id: idx.toString(),
+                    item: buildRowData(ts)
+                }));
+            setSelection(allItems);
+        }
+    }, [
+        allSelected,
+        series,
+        setSelection,
+        clearSelection
     ]);
-    if (!queryResults || !rows?.length) {
+    const handleRowSelectionToggle = (0, _react.useCallback)((ts, seriesIdx)=>{
+        const rowData = buildRowData(ts);
+        toggleSelection(rowData, seriesIdx.toString());
+    }, [
+        toggleSelection
+    ]);
+    // Memoize row data for stable references
+    const rowsData = (0, _react.useMemo)(()=>{
+        return series.map((ts, idx)=>({
+                ts,
+                idx,
+                rowData: buildRowData(ts)
+            }));
+    }, [
+        series
+    ]);
+    if (!queryResults || !series?.length) {
         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
             sx: {
                 display: 'flex',
@@ -60,6 +132,7 @@ const DataTable = ({ queryResults })=>{
     }
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
+            confirmDialog,
             series.length >= MAX_FORMATTABLE_SERIES && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Alert, {
                 severity: "warning",
                 children: [
@@ -68,108 +141,152 @@ const DataTable = ({ queryResults })=>{
                     " series, turning off label formatting for performance reasons."
                 ]
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Table, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Table, {
                 className: "data-table",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableBody, {
-                    children: rows
-                })
-            })
-        ]
-    });
-};
-function buildRows(series, queryResults) {
-    const isFormatted = series.length < MAX_FORMATTABLE_SERIES; // only format series names if we have less than 1000 series for performance reasons
-    return series.map((s, seriesIdx)=>{
-        const displayTimeStamps = (s.values?.length ?? 0) > 1;
-        const valuesAndTimes = s.values ? s.values.map((v, valIdx)=>{
-            return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
                 children: [
-                    v[1],
-                    " ",
-                    displayTimeStamps && /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
-                        children: [
-                            "@",
-                            v[0]
-                        ]
-                    })
-                ]
-            }, valIdx);
-        }) : [];
-        let histogramsAndTimes = null;
-        if (s.histograms && s.histograms.length > 0) {
-            // Query results contains multiple series, create a new query result with only the current series
-            const seriesQueryResult = {
-                ...queryResults[0],
-                data: {
-                    ...queryResults[0].data,
-                    series: [
-                        queryResults[0].data.series[seriesIdx]
-                    ]
-                }
-            };
-            histogramsAndTimes = s.histograms.map((h, hisIdx)=>{
-                return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                    alignItems: "center",
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-                            width: 400,
-                            height: 200,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_EmbeddedPanel.EmbeddedPanel, {
-                                kind: "HistogramChart",
-                                spec: {
-                                    unit: 'decimal',
-                                    width: 400,
-                                    height: 200
-                                },
-                                queryResults: [
-                                    seriesQueryResult
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                            flexDirection: "row",
-                            justifyContent: "space-between",
-                            width: "100%",
+                    selectionEnabled && series.length > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableHead, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableRow, {
                             children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
-                                    children: [
-                                        "Total count: ",
-                                        h[1].count
-                                    ]
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                                    padding: "checkbox",
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
+                                        indeterminate: someSelected,
+                                        checked: allSelected,
+                                        onChange: handleSelectAll,
+                                        inputProps: {
+                                            'aria-label': 'select all series'
+                                        }
+                                    })
                                 }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
-                                    children: [
-                                        "Sum: ",
-                                        h[1].sum
-                                    ]
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                                    children: "Series"
+                                }),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                                    children: "Value"
+                                }),
+                                hasItemActions && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                                    children: "Actions"
                                 })
                             ]
-                        }),
-                        histogramTable(h[1])
-                    ]
-                }, -hisIdx);
-            });
-        }
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableRow, {
-            style: {
-                whiteSpace: 'pre'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_SeriesName.SeriesName, {
-                        name: s.name,
-                        formattedName: s.formattedName,
-                        labels: s.labels,
-                        isFormatted: isFormatted
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableBody, {
+                        children: rowsData.map(({ ts, idx, rowData })=>{
+                            const displayTimeStamps = (ts.values?.length ?? 0) > 1;
+                            const valuesAndTimes = ts.values ? ts.values.map((v, valIdx)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
+                                    children: [
+                                        v[1],
+                                        " ",
+                                        displayTimeStamps && /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                                            children: [
+                                                "@",
+                                                v[0]
+                                            ]
+                                        })
+                                    ]
+                                }, valIdx)) : [];
+                            let histogramsAndTimes = null;
+                            if (ts.histograms && ts.histograms.length > 0) {
+                                const seriesQueryResult = {
+                                    ...queryResults[0],
+                                    data: {
+                                        ...queryResults[0].data,
+                                        series: [
+                                            queryResults[0].data.series[idx]
+                                        ]
+                                    }
+                                };
+                                histogramsAndTimes = ts.histograms.map((h, hisIdx)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                                        alignItems: "center",
+                                        children: [
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                                                width: 400,
+                                                height: 200,
+                                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_EmbeddedPanel.EmbeddedPanel, {
+                                                    kind: "HistogramChart",
+                                                    spec: {
+                                                        unit: 'decimal',
+                                                        width: 400,
+                                                        height: 200
+                                                    },
+                                                    queryResults: [
+                                                        seriesQueryResult
+                                                    ]
+                                                })
+                                            }),
+                                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                                                flexDirection: "row",
+                                                justifyContent: "space-between",
+                                                width: "100%",
+                                                children: [
+                                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
+                                                        children: [
+                                                            "Total count: ",
+                                                            h[1].count
+                                                        ]
+                                                    }),
+                                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
+                                                        children: [
+                                                            "Sum: ",
+                                                            h[1].sum
+                                                        ]
+                                                    })
+                                                ]
+                                            }),
+                                            histogramTable(h[1])
+                                        ]
+                                    }, -hisIdx));
+                            }
+                            const rowId = idx.toString();
+                            const isSelected = selectionMap.has(rowId);
+                            const isFormatted = series.length < MAX_FORMATTABLE_SERIES;
+                            return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableRow, {
+                                style: {
+                                    whiteSpace: 'pre'
+                                },
+                                children: [
+                                    selectionEnabled && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                                        padding: "checkbox",
+                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
+                                            checked: isSelected,
+                                            onChange: ()=>handleRowSelectionToggle(ts, idx),
+                                            inputProps: {
+                                                'aria-label': `select series ${idx}`
+                                            }
+                                        })
+                                    }),
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_SeriesName.SeriesName, {
+                                            name: ts.name,
+                                            formattedName: ts.formattedName,
+                                            labels: ts.labels,
+                                            isFormatted: isFormatted
+                                        })
+                                    }),
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                                        children: ts.histograms ? histogramsAndTimes : valuesAndTimes
+                                    }),
+                                    hasItemActions && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
+                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                                            sx: {
+                                                display: 'flex',
+                                                gap: 1
+                                            },
+                                            children: getItemActionButtons({
+                                                id: rowId,
+                                                data: rowData
+                                            })
+                                        })
+                                    })
+                                ]
+                            }, idx);
+                        })
                     })
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
-                    children: s.histograms ? histogramsAndTimes : valuesAndTimes
-                })
-            ]
-        }, seriesIdx);
+                ]
+            })
+        ]
     });
-}
+};
 const leftDelim = (br)=>br === 3 || br === 1 ? '[' : '(';
 const rightDelim = (br)=>br === 3 || br === 0 ? ']' : ')';
 const bucketRangeString = ([boundaryRule, leftBoundary, rightBoundary])=>{

package/lib/cjs/components/EmbeddedPanel.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// 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

package/lib/cjs/components/SeriesName.js

@@ -1,4 +1,4 @@
-// Copyright 2024 The Perses Authors
+// 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

package/lib/cjs/components/TimeSeriesTableItemSelectionActionsEditor.js

@@ -0,0 +1,44 @@
+// 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, "TimeSeriesTableItemSelectionActionsEditor", {
+    enumerable: true,
+    get: function() {
+        return TimeSeriesTableItemSelectionActionsEditor;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _pluginsystem = require("@perses-dev/plugin-system");
+function TimeSeriesTableItemSelectionActionsEditor({ value, onChange }) {
+    function handleActionsChange(actions) {
+        onChange({
+            ...value,
+            actions: actions
+        });
+    }
+    function handleSelectionChange(selection) {
+        onChange({
+            ...value,
+            selection: selection
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.ItemSelectionActionsEditor, {
+        actionOptions: value.actions,
+        onChangeActions: handleActionsChange,
+        selectionOptions: value.selection,
+        onChangeSelection: handleSelectionChange
+    });
+}

package/lib/cjs/components/index.js

@@ -1,9 +1,22 @@
+// 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
 });
 _export_star(require("./DataTable"), exports);
 _export_star(require("./SeriesName"), exports);
+_export_star(require("./TimeSeriesTableItemSelectionActionsEditor"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/lib/cjs/env.d.js

@@ -1,4 +1,4 @@
-// Copyright 2024 The Perses Authors
+// 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

package/lib/cjs/getPluginModule.js

@@ -1,3 +1,15 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the \"License\");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an \"AS IS\" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib/cjs/index-federation.js

@@ -40,7 +40,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-// Copyright 2024 The Perses Authors
+// 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

package/lib/cjs/index.js

@@ -1,3 +1,15 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the \"License\");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an \"AS IS\" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib/cjs/model.js

@@ -1,4 +1,15 @@
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+// 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/lib/cjs/setup-tests.js

@@ -1,4 +1,4 @@
-// Copyright 2023 The Perses Authors
+// 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

package/lib/cjs/test/mock-query-results.js

@@ -1,4 +1,4 @@
-// Copyright 2023 The Perses Authors
+// 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

package/lib/components/DataTable.d.ts

@@ -1,8 +1,10 @@
-import { ReactElement, ReactNode } from 'react';
-import { TimeSeriesData, HistogramValue } from '@perses-dev/core';
+import { HistogramValue, TimeSeriesData } from '@perses-dev/core';
 import { PanelData } from '@perses-dev/plugin-system';
+import { ReactElement, ReactNode } from 'react';
+import { TimeSeriesTableOptions } from '../model';
 export interface DataTableProps {
     queryResults: Array<PanelData<TimeSeriesData>>;
+    spec: TimeSeriesTableOptions;
 }
 /**
  * Designed to display timeseries data in a prometheus like table format.
@@ -12,7 +14,7 @@ export interface DataTableProps {
  * @param result timeseries query result
  * @constructor
  */
-export declare const DataTable: ({ queryResults }: DataTableProps) => ReactElement | null;
+export declare const DataTable: ({ queryResults, spec }: DataTableProps) => ReactElement | null;
 export declare const bucketRangeString: ([boundaryRule, leftBoundary, rightBoundary]: [number, string, string, string]) => string;
 export declare const histogramTable: (h: HistogramValue) => ReactNode;
 //# sourceMappingURL=DataTable.d.ts.map

package/lib/components/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAc,cAAc,EAAyC,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrH,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAMtD,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC;CAChD;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,GAAI,kBAAkB,cAAc,KAAG,YAAY,GAAG,IA+B3E,CAAC;AA4DF,eAAO,MAAM,iBAAiB,GAAI,6CAA6C,CAC7E,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,CACP,KAAG,MAEH,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,GAAG,cAAc,KAAG,SAsBlD,CAAC"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAe,cAAc,EAAc,cAAc,EAA4B,MAAM,kBAAkB,CAAC;AAErH,OAAO,EAAiB,SAAS,EAAwB,MAAM,2BAA2B,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAMlD,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC;IAC/C,IAAI,EAAE,sBAAsB,CAAC;CAC9B;AAeD;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,GAAI,wBAAwB,cAAc,KAAG,YAAY,GAAG,IAoLjF,CAAC;AAKF,eAAO,MAAM,iBAAiB,GAAI,6CAA6C,CAC7E,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,CACP,KAAG,MAEH,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,GAAG,cAAc,KAAG,SAsBlD,CAAC"}