@perses-dev/table-plugin 0.9.0 → 0.10.0

package/lib/TablePanel.js

@@ -1,325 +0,0 @@
-// Copyright 2024 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.
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Table } from '@perses-dev/components';
-import { useEffect, useMemo, useState } from 'react';
-import { formatValue, useTransformData } from '@perses-dev/core';
-import { EmbeddedPanel } from './EmbeddedPanel';
-function generateCellContentConfig(column) {
-    const plugin = column.plugin;
-    if (plugin !== undefined) {
-        return {
-            cell: (ctx)=>{
-                const panelData = ctx.getValue();
-                if (!panelData) return /*#__PURE__*/ _jsx(_Fragment, {});
-                return /*#__PURE__*/ _jsx(EmbeddedPanel, {
-                    kind: plugin.kind,
-                    spec: plugin.spec,
-                    queryResults: [
-                        panelData
-                    ]
-                });
-            },
-            cellDescription: column.cellDescription ? ()=>`${column.cellDescription}` : ()=>''
-        };
-    }
-    return {
-        cell: (ctx)=>{
-            const cellValue = ctx.getValue();
-            return typeof cellValue === 'number' && column.format ? formatValue(cellValue, column.format) : cellValue;
-        },
-        cellDescription: column.cellDescription ? ()=>`${column.cellDescription}` : undefined
-    };
-}
-/*
- * Generate column config from column definitions, if a column has multiple definitions, the first one will be used.
- * If column is hidden, return undefined.
- * If column do not have a definition, return a default column config.
- */ function generateColumnConfig(name, columnSettings) {
-    for (const column of columnSettings){
-        if (column.name === name) {
-            if (column.hide) {
-                return undefined;
-            }
-            return {
-                accessorKey: name,
-                header: column.header ?? name,
-                headerDescription: column.headerDescription,
-                enableSorting: column.enableSorting,
-                width: column.width,
-                align: column.align,
-                ...generateCellContentConfig(column)
-            };
-        }
-    }
-    return {
-        accessorKey: name,
-        header: name
-    };
-}
-function generateCellConfig(value, settings) {
-    for (const setting of settings){
-        if (setting.condition.kind === 'Value' && setting.condition.spec?.value === String(value)) {
-            return {
-                text: setting.text,
-                textColor: setting.textColor,
-                backgroundColor: setting.backgroundColor
-            };
-        }
-        if (setting.condition.kind === 'Range' && !Number.isNaN(Number(value))) {
-            const numericValue = Number(value);
-            if (setting.condition.spec?.min !== undefined && setting.condition.spec?.max !== undefined && numericValue >= +setting.condition.spec?.min && numericValue <= +setting.condition.spec?.max) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-            if (setting.condition.spec?.min !== undefined && numericValue >= +setting.condition.spec?.min) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-            if (setting.condition.spec?.max !== undefined && numericValue <= +setting.condition.spec?.max) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-        }
-        if (setting.condition.kind === 'Regex' && setting.condition.spec?.expr) {
-            const regex = new RegExp(setting.condition.spec?.expr);
-            if (regex.test(String(value))) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-        }
-        if (setting.condition.kind === 'Misc' && setting.condition.spec?.value) {
-            if (setting.condition.spec?.value === 'empty' && value === '') {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-            if (setting.condition.spec?.value === 'null' && (value === null || value === undefined)) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-            if (setting.condition.spec?.value === 'NaN' && Number.isNaN(value)) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-            if (setting.condition.spec?.value === 'true' && value === true) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-            if (setting.condition.spec?.value === 'false' && value === false) {
-                return {
-                    text: setting.text,
-                    textColor: setting.textColor,
-                    backgroundColor: setting.backgroundColor
-                };
-            }
-        }
-    }
-    return undefined;
-}
-export function getTablePanelQueryOptions(spec) {
-    // if any cell renders a panel plugin, perform a range query instead of an instant query
-    return {
-        mode: (spec.columnSettings ?? []).some((c)=>c.plugin) ? 'range' : 'instant'
-    };
-}
-export function TablePanel({ contentDimensions, spec, queryResults }) {
-    // TODO: handle other query types
-    const queryMode = getTablePanelQueryOptions(spec).mode;
-    const rawData = useMemo(()=>{
-        // Transform query results to a tabular format:
-        // [ { timestamp: 123, value: 456, labelName1: labelValue1 }, ... ]
-        return queryResults.flatMap((data, queryIndex)=>data.data.series.map((ts)=>({
-                    data,
-                    ts,
-                    queryIndex
-                }))).map(({ data, ts, queryIndex })=>{
-            if (ts.values[0] === undefined) {
-                return {
-                    ...ts.labels
-                };
-            }
-            // If there are multiple queries, we need to add the query index to the value key and label key to avoid conflicts
-            const valueColumnName = queryResults.length === 1 ? 'value' : `value #${queryIndex + 1}`;
-            const labels = queryResults.length === 1 ? ts.labels : Object.entries(ts.labels ?? {}).reduce((acc, [key, value])=>{
-                if (key) acc[`${key} #${queryIndex + 1}`] = value;
-                return acc;
-            }, {});
-            // If the cell visualization is a panel plugin, filter the data by the current series
-            const columnValue = (spec.columnSettings ?? []).find((x)=>x.name === valueColumnName)?.plugin ? {
-                ...data,
-                data: {
-                    ...data.data,
-                    series: data.data.series.filter((s)=>s === ts)
-                }
-            } : ts.values[0][1];
-            if (queryMode === 'instant') {
-                // Timestamp is not indexed as it will be the same for all queries
-                return {
-                    timestamp: ts.values[0][0],
-                    [valueColumnName]: columnValue,
-                    ...labels
-                };
-            } else {
-                // Don't add a timestamp for range queries
-                return {
-                    [valueColumnName]: columnValue,
-                    ...labels
-                };
-            }
-        });
-    }, [
-        queryResults,
-        queryMode,
-        spec.columnSettings
-    ]);
-    // Transform will be applied by their orders on the original data
-    const data = useTransformData(rawData, spec.transforms ?? []);
-    const keys = useMemo(()=>{
-        const result = [];
-        for (const entry of data){
-            for (const key of Object.keys(entry)){
-                if (!result.includes(key)) {
-                    result.push(key);
-                }
-            }
-        }
-        return result;
-    }, [
-        data
-    ]);
-    const columns = useMemo(()=>{
-        const columns = [];
-        // Taking the customized columns first for the ordering of the columns in the table
-        const customizedColumns = spec.columnSettings?.map((column)=>column.name).filter((name)=>keys.includes(name)) ?? [];
-        const defaultColumns = keys.filter((key)=>!customizedColumns.includes(key));
-        for (const key of customizedColumns){
-            const columnConfig = generateColumnConfig(key, spec.columnSettings ?? []);
-            if (columnConfig !== undefined) {
-                columns.push(columnConfig);
-            }
-        }
-        for (const key of defaultColumns){
-            const columnConfig = generateColumnConfig(key, spec.columnSettings ?? []);
-            if (columnConfig !== undefined) {
-                columns.push(columnConfig);
-            }
-        }
-        return columns;
-    }, [
-        keys,
-        spec.columnSettings
-    ]);
-    // Generate cell settings that will be used by the table to render cells (text color, background color, ...)
-    const cellConfigs = useMemo(()=>{
-        // If there is no cell settings, return an empty array
-        if (spec.cellSettings === undefined) {
-            return {};
-        }
-        const result = {};
-        let index = 0;
-        for (const row of data){
-            // Transforming key to object to extend the row with undefined values if the key is not present
-            // for checking the cell config "Misc" condition with "null"
-            const keysAsObj = keys.reduce((acc, key)=>{
-                acc[key] = undefined;
-                return acc;
-            }, {});
-            const extendRow = {
-                ...keysAsObj,
-                ...row
-            };
-            for (const [key, value] of Object.entries(extendRow)){
-                const cellConfig = generateCellConfig(value, spec.cellSettings ?? []);
-                if (cellConfig) {
-                    result[`${index}_${key}`] = cellConfig;
-                }
-            }
-            index++;
-        }
-        return result;
-    }, [
-        data,
-        keys,
-        spec.cellSettings
-    ]);
-    function generateDefaultSortingState() {
-        return spec.columnSettings?.filter((column)=>column.sort !== undefined).map((column)=>{
-            return {
-                id: column.name,
-                desc: column.sort === 'desc'
-            };
-        }) ?? [];
-    }
-    const [sorting, setSorting] = useState(generateDefaultSortingState());
-    const [pagination, setPagination] = useState(spec.pagination ? {
-        pageIndex: 0,
-        pageSize: 10
-    } : undefined);
-    useEffect(()=>{
-        // If the pagination setting changes from no pagination to pagination, but the pagination state is undefined, update the pagination state
-        if (spec.pagination && !pagination) {
-            setPagination({
-                pageIndex: 0,
-                pageSize: 10
-            });
-        } else if (!spec.pagination && pagination) {
-            setPagination(undefined);
-        }
-    }, [
-        spec.pagination,
-        pagination
-    ]);
-    if (contentDimensions === undefined) {
-        return null;
-    }
-    return /*#__PURE__*/ _jsx(Table, {
-        data: data,
-        columns: columns,
-        cellConfigs: cellConfigs,
-        height: contentDimensions.height,
-        width: contentDimensions.width,
-        density: spec.density,
-        defaultColumnWidth: spec.defaultColumnWidth,
-        defaultColumnHeight: spec.defaultColumnHeight,
-        sorting: sorting,
-        onSortingChange: setSorting,
-        pagination: pagination,
-        onPaginationChange: setPagination
-    });
-}
-
-//# sourceMappingURL=TablePanel.js.map

package/lib/TablePanel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/TablePanel.tsx"],"sourcesContent":["// Copyright 2024 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 { PanelData, PanelProps } from '@perses-dev/plugin-system';\nimport { Table, TableCellConfig, TableCellConfigs, TableColumnConfig } from '@perses-dev/components';\nimport { ReactElement, useEffect, useMemo, useState } from 'react';\nimport { formatValue, Labels, QueryDataType, TimeSeries, TimeSeriesData, useTransformData } from '@perses-dev/core';\nimport { PaginationState, SortingState } from '@tanstack/react-table';\nimport { CellSettings, ColumnSettings, TableOptions } from './table-model';\nimport { EmbeddedPanel } from './EmbeddedPanel';\n\nfunction generateCellContentConfig(\n  column: ColumnSettings\n): Pick<TableColumnConfig<unknown>, 'cellDescription' | 'cell'> {\n  const plugin = column.plugin;\n  if (plugin !== undefined) {\n    return {\n      cell: (ctx) => {\n        const panelData: PanelData<QueryDataType> | undefined = ctx.getValue();\n        if (!panelData) return <></>;\n        return <EmbeddedPanel kind={plugin.kind} spec={plugin.spec} queryResults={[panelData]} />;\n      },\n      cellDescription: column.cellDescription ? () => `${column.cellDescription}` : () => '', // disable hover text\n    };\n  }\n\n  return {\n    cell: (ctx) => {\n      const cellValue = ctx.getValue();\n      return typeof cellValue === 'number' && column.format ? formatValue(cellValue, column.format) : cellValue;\n    },\n    cellDescription: column.cellDescription ? (): string => `${column.cellDescription}` : undefined, // TODO: variable rendering + cell value\n  };\n}\n\n/*\n * Generate column config from column definitions, if a column has multiple definitions, the first one will be used.\n * If column is hidden, return undefined.\n * If column do not have a definition, return a default column config.\n */\nfunction generateColumnConfig(name: string, columnSettings: ColumnSettings[]): TableColumnConfig<unknown> | undefined {\n  for (const column of columnSettings) {\n    if (column.name === name) {\n      if (column.hide) {\n        return undefined;\n      }\n\n      return {\n        accessorKey: name,\n        header: column.header ?? name,\n        headerDescription: column.headerDescription,\n        enableSorting: column.enableSorting,\n        width: column.width,\n        align: column.align,\n        ...generateCellContentConfig(column),\n      };\n    }\n  }\n\n  return {\n    accessorKey: name,\n    header: name,\n  };\n}\n\nfunction generateCellConfig(value: unknown, settings: CellSettings[]): TableCellConfig | undefined {\n  for (const setting of settings) {\n    if (setting.condition.kind === 'Value' && setting.condition.spec?.value === String(value)) {\n      return { text: setting.text, textColor: setting.textColor, backgroundColor: setting.backgroundColor };\n    }\n\n    if (setting.condition.kind === 'Range' && !Number.isNaN(Number(value))) {\n      const numericValue = Number(value);\n      if (\n        setting.condition.spec?.min !== undefined &&\n        setting.condition.spec?.max !== undefined &&\n        numericValue >= +setting.condition.spec?.min &&\n        numericValue <= +setting.condition.spec?.max\n      ) {\n        return { text: setting.text, textColor: setting.textColor, backgroundColor: setting.backgroundColor };\n      }\n\n      if (setting.condition.spec?.min !== undefined && numericValue >= +setting.condition.spec?.min) {\n        return { text: setting.text, textColor: setting.textColor, backgroundColor: setting.backgroundColor };\n      }\n\n      if (setting.condition.spec?.max !== undefined && numericValue <= +setting.condition.spec?.max) {\n        return { text: setting.text, textColor: setting.textColor, backgroundColor: setting.backgroundColor };\n      }\n    }\n\n    if (setting.condition.kind === 'Regex' && setting.condition.spec?.expr) {\n      const regex = new RegExp(setting.condition.spec?.expr);\n      if (regex.test(String(value))) {\n        return { text: setting.text, textColor: setting.textColor, backgroundColor: setting.backgroundColor };\n      }\n    }\n\n    if (setting.condition.kind === 'Misc' && setting.condition.spec?.value) {\n      if (setting.condition.spec?.value === 'empty' && value === '') {\n        return { text: setting.text, textColor: setting.textColor, backgroundColor: setting.backgroundColor };\n      }\n      if (setting.condition.spec?.value === 'null' && (value === null || value === undefined)) {\n        return { text: setting.text, textColor: setting.textColor, backgroundColor: setting.backgroundColor };\n      }\n      if (setting.condition.spec?.value === 'NaN' && Number.isNaN(value)) {\n        return { text: setting.text, textColor: setting.textColor, backgroundColor: setting.backgroundColor };\n      }\n      if (setting.condition.spec?.value === 'true' && value === true) {\n        return { text: setting.text, textColor: setting.textColor, backgroundColor: setting.backgroundColor };\n      }\n      if (setting.condition.spec?.value === 'false' && value === false) {\n        return { text: setting.text, textColor: setting.textColor, backgroundColor: setting.backgroundColor };\n      }\n    }\n  }\n  return undefined;\n}\n\nexport function getTablePanelQueryOptions(spec: TableOptions): { mode: 'instant' | 'range' } {\n  // if any cell renders a panel plugin, perform a range query instead of an instant query\n  return {\n    mode: (spec.columnSettings ?? []).some((c) => c.plugin) ? 'range' : 'instant',\n  };\n}\n\nexport type TableProps = PanelProps<TableOptions, TimeSeriesData>;\n\nexport function TablePanel({ contentDimensions, spec, queryResults }: TableProps): ReactElement | null {\n  // TODO: handle other query types\n  const queryMode = getTablePanelQueryOptions(spec).mode;\n  const rawData: Array<Record<string, unknown>> = useMemo(() => {\n    // Transform query results to a tabular format:\n    // [ { timestamp: 123, value: 456, labelName1: labelValue1 }, ... ]\n    return queryResults\n      .flatMap((data: PanelData<TimeSeriesData>, queryIndex: number) =>\n        data.data.series.map((ts: TimeSeries) => ({ data, ts, queryIndex }))\n      )\n      .map(({ data, ts, queryIndex }: { data: PanelData<TimeSeriesData>; ts: TimeSeries; queryIndex: number }) => {\n        if (ts.values[0] === undefined) {\n          return { ...ts.labels };\n        }\n\n        // If there are multiple queries, we need to add the query index to the value key and label key to avoid conflicts\n        const valueColumnName = queryResults.length === 1 ? 'value' : `value #${queryIndex + 1}`;\n        const labels =\n          queryResults.length === 1\n            ? ts.labels\n            : Object.entries(ts.labels ?? {}).reduce((acc, [key, value]) => {\n                if (key) acc[`${key} #${queryIndex + 1}`] = value;\n                return acc;\n              }, {} as Labels);\n\n        // If the cell visualization is a panel plugin, filter the data by the current series\n        const columnValue = (spec.columnSettings ?? []).find((x) => x.name === valueColumnName)?.plugin\n          ? { ...data, data: { ...data.data, series: data.data.series.filter((s) => s === ts) } }\n          : ts.values[0][1];\n\n        if (queryMode === 'instant') {\n          // Timestamp is not indexed as it will be the same for all queries\n          return { timestamp: ts.values[0][0], [valueColumnName]: columnValue, ...labels };\n        } else {\n          // Don't add a timestamp for range queries\n          return { [valueColumnName]: columnValue, ...labels };\n        }\n      });\n  }, [queryResults, queryMode, spec.columnSettings]);\n\n  // Transform will be applied by their orders on the original data\n  const data = useTransformData(rawData, spec.transforms ?? []);\n\n  const keys: string[] = useMemo(() => {\n    const result: string[] = [];\n\n    for (const entry of data) {\n      for (const key of Object.keys(entry)) {\n        if (!result.includes(key)) {\n          result.push(key);\n        }\n      }\n    }\n\n    return result;\n  }, [data]);\n\n  const columns: Array<TableColumnConfig<unknown>> = useMemo(() => {\n    const columns: Array<TableColumnConfig<unknown>> = [];\n\n    // Taking the customized columns first for the ordering of the columns in the table\n    const customizedColumns =\n      spec.columnSettings?.map((column) => column.name).filter((name) => keys.includes(name)) ?? [];\n    const defaultColumns = keys.filter((key) => !customizedColumns.includes(key));\n\n    for (const key of customizedColumns) {\n      const columnConfig = generateColumnConfig(key, spec.columnSettings ?? []);\n      if (columnConfig !== undefined) {\n        columns.push(columnConfig);\n      }\n    }\n    for (const key of defaultColumns) {\n      const columnConfig = generateColumnConfig(key, spec.columnSettings ?? []);\n      if (columnConfig !== undefined) {\n        columns.push(columnConfig);\n      }\n    }\n\n    return columns;\n  }, [keys, spec.columnSettings]);\n\n  // Generate cell settings that will be used by the table to render cells (text color, background color, ...)\n  const cellConfigs: TableCellConfigs = useMemo(() => {\n    // If there is no cell settings, return an empty array\n    if (spec.cellSettings === undefined) {\n      return {};\n    }\n\n    const result: TableCellConfigs = {};\n\n    let index = 0;\n    for (const row of data) {\n      // Transforming key to object to extend the row with undefined values if the key is not present\n      // for checking the cell config \"Misc\" condition with \"null\"\n      const keysAsObj = keys.reduce(\n        (acc, key) => {\n          acc[key] = undefined;\n          return acc;\n        },\n        {} as Record<string, undefined>\n      );\n\n      const extendRow = {\n        ...keysAsObj,\n        ...row,\n      };\n\n      for (const [key, value] of Object.entries(extendRow)) {\n        const cellConfig = generateCellConfig(value, spec.cellSettings ?? []);\n        if (cellConfig) {\n          result[`${index}_${key}`] = cellConfig;\n        }\n      }\n      index++;\n    }\n\n    return result;\n  }, [data, keys, spec.cellSettings]);\n\n  function generateDefaultSortingState(): SortingState {\n    return (\n      spec.columnSettings\n        ?.filter((column) => column.sort !== undefined)\n        .map((column) => {\n          return {\n            id: column.name,\n            desc: column.sort === 'desc',\n          };\n        }) ?? []\n    );\n  }\n\n  const [sorting, setSorting] = useState<SortingState>(generateDefaultSortingState());\n\n  const [pagination, setPagination] = useState<PaginationState | undefined>(\n    spec.pagination ? { pageIndex: 0, pageSize: 10 } : undefined\n  );\n\n  useEffect(() => {\n    // If the pagination setting changes from no pagination to pagination, but the pagination state is undefined, update the pagination state\n    if (spec.pagination && !pagination) {\n      setPagination({ pageIndex: 0, pageSize: 10 });\n    } else if (!spec.pagination && pagination) {\n      setPagination(undefined);\n    }\n  }, [spec.pagination, pagination]);\n\n  if (contentDimensions === undefined) {\n    return null;\n  }\n\n  return (\n    <Table\n      data={data}\n      columns={columns}\n      cellConfigs={cellConfigs}\n      height={contentDimensions.height}\n      width={contentDimensions.width}\n      density={spec.density}\n      defaultColumnWidth={spec.defaultColumnWidth}\n      defaultColumnHeight={spec.defaultColumnHeight}\n      sorting={sorting}\n      onSortingChange={setSorting}\n      pagination={pagination}\n      onPaginationChange={setPagination}\n    />\n  );\n}\n"],"names":["Table","useEffect","useMemo","useState","formatValue","useTransformData","EmbeddedPanel","generateCellContentConfig","column","plugin","undefined","cell","ctx","panelData","getValue","kind","spec","queryResults","cellDescription","cellValue","format","generateColumnConfig","name","columnSettings","hide","accessorKey","header","headerDescription","enableSorting","width","align","generateCellConfig","value","settings","setting","condition","String","text","textColor","backgroundColor","Number","isNaN","numericValue","min","max","expr","regex","RegExp","test","getTablePanelQueryOptions","mode","some","c","TablePanel","contentDimensions","queryMode","rawData","flatMap","data","queryIndex","series","map","ts","values","labels","valueColumnName","length","Object","entries","reduce","acc","key","columnValue","find","x","filter","s","timestamp","transforms","keys","result","entry","includes","push","columns","customizedColumns","defaultColumns","columnConfig","cellConfigs","cellSettings","index","row","keysAsObj","extendRow","cellConfig","generateDefaultSortingState","sort","id","desc","sorting","setSorting","pagination","setPagination","pageIndex","pageSize","height","density","defaultColumnWidth","defaultColumnHeight","onSortingChange","onPaginationChange"],"mappings":"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"}

package/lib/TableSettingsEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableSettingsEditor.d.ts","sourceRoot":"","sources":["../../src/TableSettingsEditor.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAe,YAAY,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AA6CzD,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,wBAAwB,GAAG,YAAY,CA0C/F"}

package/lib/TableSettingsEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/TableSettingsEditor.tsx"],"sourcesContent":["// Copyright 2024 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 { Switch, TextField } from '@mui/material';\nimport {\n  DEFAULT_COLUMN_HEIGHT,\n  DEFAULT_COLUMN_WIDTH,\n  DensitySelector,\n  OptionsEditorColumn,\n  OptionsEditorControl,\n  OptionsEditorGrid,\n  OptionsEditorGroup,\n  TableDensity,\n} from '@perses-dev/components';\nimport { ChangeEvent, ReactElement } from 'react';\nimport { TableSettingsEditorProps } from './table-model';\n\ninterface DefaultColumnsDimensionsControlProps {\n  label: string;\n  defaultValue: number;\n  value?: 'auto' | number;\n  onChange: (value: 'auto' | number) => void;\n}\n\nfunction DefaultColumnsDimensionsControl({\n  label,\n  defaultValue,\n  value,\n  onChange,\n}: DefaultColumnsDimensionsControlProps): ReactElement {\n  function handleAutoSwitchChange(_: ChangeEvent, checked: boolean): void {\n    if (checked) {\n      return onChange('auto');\n    }\n    onChange(defaultValue);\n  }\n\n  return (\n    <>\n      <OptionsEditorControl\n        label={`Auto Columns ${label}`}\n        control={<Switch checked={value === undefined || value === 'auto'} onChange={handleAutoSwitchChange} />}\n      />\n      {value !== undefined && value !== 'auto' && (\n        <OptionsEditorControl\n          label={`Default Columns ${label}`}\n          control={\n            <TextField\n              type=\"number\"\n              value={value ?? defaultValue}\n              InputProps={{ inputProps: { min: 1, step: 1 } }}\n              onChange={(e) => onChange(parseInt(e.target.value))}\n            />\n          }\n        />\n      )}\n    </>\n  );\n}\n\nexport function TableSettingsEditor({ onChange, value }: TableSettingsEditorProps): ReactElement {\n  function handleDensityChange(density: TableDensity): void {\n    onChange({ ...value, density: density });\n  }\n\n  function handlePaginationChange(_event: ChangeEvent, newValue: boolean): void {\n    onChange({ ...value, pagination: newValue });\n  }\n\n  function handleAutoWidthChange(newValue: 'auto' | number): void {\n    onChange({ ...value, defaultColumnWidth: newValue });\n  }\n\n  function handleAutoHeightChange(newValue: 'auto' | number): void {\n    onChange({ ...value, defaultColumnHeight: newValue });\n  }\n\n  return (\n    <OptionsEditorGrid>\n      <OptionsEditorColumn>\n        <OptionsEditorGroup title=\"Display\">\n          <DensitySelector value={value.density} onChange={handleDensityChange} />\n          <OptionsEditorControl\n            label=\"Pagination\"\n            control={<Switch checked={!!value.pagination} onChange={handlePaginationChange} />}\n          />\n          <DefaultColumnsDimensionsControl\n            label=\"Width\"\n            defaultValue={DEFAULT_COLUMN_WIDTH}\n            value={value.defaultColumnWidth}\n            onChange={handleAutoWidthChange}\n          />\n          <DefaultColumnsDimensionsControl\n            label=\"Height\"\n            defaultValue={DEFAULT_COLUMN_HEIGHT}\n            value={value.defaultColumnHeight}\n            onChange={handleAutoHeightChange}\n          />\n        </OptionsEditorGroup>\n      </OptionsEditorColumn>\n    </OptionsEditorGrid>\n  );\n}\n"],"names":["Switch","TextField","DEFAULT_COLUMN_HEIGHT","DEFAULT_COLUMN_WIDTH","DensitySelector","OptionsEditorColumn","OptionsEditorControl","OptionsEditorGrid","OptionsEditorGroup","DefaultColumnsDimensionsControl","label","defaultValue","value","onChange","handleAutoSwitchChange","_","checked","control","undefined","type","InputProps","inputProps","min","step","e","parseInt","target","TableSettingsEditor","handleDensityChange","density","handlePaginationChange","_event","newValue","pagination","handleAutoWidthChange","defaultColumnWidth","handleAutoHeightChange","defaultColumnHeight","title"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,MAAM,EAAEC,SAAS,QAAQ,gBAAgB;AAClD,SACEC,qBAAqB,EACrBC,oBAAoB,EACpBC,eAAe,EACfC,mBAAmB,EACnBC,oBAAoB,EACpBC,iBAAiB,EACjBC,kBAAkB,QAEb,yBAAyB;AAWhC,SAASC,gCAAgC,EACvCC,KAAK,EACLC,YAAY,EACZC,KAAK,EACLC,QAAQ,EAC6B;IACrC,SAASC,uBAAuBC,CAAc,EAAEC,OAAgB;QAC9D,IAAIA,SAAS;YACX,OAAOH,SAAS;QAClB;QACAA,SAASF;IACX;IAEA,qBACE;;0BACE,KAACL;gBACCI,OAAO,CAAC,aAAa,EAAEA,OAAO;gBAC9BO,uBAAS,KAACjB;oBAAOgB,SAASJ,UAAUM,aAAaN,UAAU;oBAAQC,UAAUC;;;YAE9EF,UAAUM,aAAaN,UAAU,wBAChC,KAACN;gBACCI,OAAO,CAAC,gBAAgB,EAAEA,OAAO;gBACjCO,uBACE,KAAChB;oBACCkB,MAAK;oBACLP,OAAOA,SAASD;oBAChBS,YAAY;wBAAEC,YAAY;4BAAEC,KAAK;4BAAGC,MAAM;wBAAE;oBAAE;oBAC9CV,UAAU,CAACW,IAAMX,SAASY,SAASD,EAAEE,MAAM,CAACd,KAAK;;;;;AAO/D;AAEA,OAAO,SAASe,oBAAoB,EAAEd,QAAQ,EAAED,KAAK,EAA4B;IAC/E,SAASgB,oBAAoBC,OAAqB;QAChDhB,SAAS;YAAE,GAAGD,KAAK;YAAEiB,SAASA;QAAQ;IACxC;IAEA,SAASC,uBAAuBC,MAAmB,EAAEC,QAAiB;QACpEnB,SAAS;YAAE,GAAGD,KAAK;YAAEqB,YAAYD;QAAS;IAC5C;IAEA,SAASE,sBAAsBF,QAAyB;QACtDnB,SAAS;YAAE,GAAGD,KAAK;YAAEuB,oBAAoBH;QAAS;IACpD;IAEA,SAASI,uBAAuBJ,QAAyB;QACvDnB,SAAS;YAAE,GAAGD,KAAK;YAAEyB,qBAAqBL;QAAS;IACrD;IAEA,qBACE,KAACzB;kBACC,cAAA,KAACF;sBACC,cAAA,MAACG;gBAAmB8B,OAAM;;kCACxB,KAAClC;wBAAgBQ,OAAOA,MAAMiB,OAAO;wBAAEhB,UAAUe;;kCACjD,KAACtB;wBACCI,OAAM;wBACNO,uBAAS,KAACjB;4BAAOgB,SAAS,CAAC,CAACJ,MAAMqB,UAAU;4BAAEpB,UAAUiB;;;kCAE1D,KAACrB;wBACCC,OAAM;wBACNC,cAAcR;wBACdS,OAAOA,MAAMuB,kBAAkB;wBAC/BtB,UAAUqB;;kCAEZ,KAACzB;wBACCC,OAAM;wBACNC,cAAcT;wBACdU,OAAOA,MAAMyB,mBAAmB;wBAChCxB,UAAUuB;;;;;;AAMtB"}

package/lib/TableTransformsEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableTransformsEditor.d.ts","sourceRoot":"","sources":["../../src/TableTransformsEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAEzD,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,wBAAwB,GAAG,YAAY,CAMjG"}

package/lib/TableTransformsEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/TableTransformsEditor.tsx"],"sourcesContent":["// Copyright 2024 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 { TransformsEditor } from '@perses-dev/components';\nimport { Transform } from '@perses-dev/core';\nimport { ReactElement } from 'react';\nimport { TableSettingsEditorProps } from './table-model';\n\nexport function TableTransformsEditor({ value, onChange }: TableSettingsEditorProps): ReactElement {\n  function handleTransformsChange(transforms: Transform[]): void {\n    onChange({ ...value, transforms: transforms });\n  }\n\n  return <TransformsEditor value={value.transforms ?? []} onChange={handleTransformsChange} />;\n}\n"],"names":["TransformsEditor","TableTransformsEditor","value","onChange","handleTransformsChange","transforms"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,gBAAgB,QAAQ,yBAAyB;AAK1D,OAAO,SAASC,sBAAsB,EAAEC,KAAK,EAAEC,QAAQ,EAA4B;IACjF,SAASC,uBAAuBC,UAAuB;QACrDF,SAAS;YAAE,GAAGD,KAAK;YAAEG,YAAYA;QAAW;IAC9C;IAEA,qBAAO,KAACL;QAAiBE,OAAOA,MAAMG,UAAU,IAAI,EAAE;QAAEF,UAAUC;;AACpE"}

package/lib/cjs/CellsEditor/CellsEditor.js

@@ -1,136 +0,0 @@
-// Copyright 2024 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, "CellsEditor", {
-    enumerable: true,
-    get: function() {
-        return CellsEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
-const _CellEditor = require("./CellEditor");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function CellsEditor({ cellSettings, onChange }) {
-    function handleCellChange(index, cell) {
-        const updatedCells = [
-            ...cellSettings
-        ];
-        updatedCells[index] = cell;
-        onChange(updatedCells);
-    }
-    function handleAddCellEditor() {
-        const updatedCells = [
-            ...cellSettings
-        ];
-        updatedCells.push({
-            condition: {
-                kind: 'Value',
-                spec: {
-                    value: ''
-                }
-            }
-        });
-        onChange(updatedCells);
-    }
-    function handleCellDelete(index) {
-        const updatedCells = [
-            ...cellSettings
-        ];
-        updatedCells.splice(index, 1);
-        onChange(updatedCells);
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        spacing: 1,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Grid2, {
-                container: true,
-                spacing: 2,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid2, {
-                        size: {
-                            xs: 5
-                        },
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                            variant: "subtitle1",
-                            children: "Condition"
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid2, {
-                        size: {
-                            xs: 4
-                        },
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                            variant: "subtitle1",
-                            children: "Display Text"
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid2, {
-                        size: {
-                            xs: 1
-                        },
-                        textAlign: "center",
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                            variant: "subtitle1",
-                            children: "Color"
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid2, {
-                        size: {
-                            xs: 1
-                        },
-                        textAlign: "center",
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                            variant: "subtitle1",
-                            children: "Background"
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid2, {
-                        size: {
-                            xs: 1
-                        }
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                gap: 1.5,
-                divider: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Divider, {
-                    flexItem: true,
-                    orientation: "horizontal"
-                }),
-                children: cellSettings.map((cell, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_CellEditor.CellEditor, {
-                        cell: cell,
-                        onChange: (updatedCell)=>handleCellChange(i, updatedCell),
-                        onDelete: ()=>handleCellDelete(i)
-                    }, i))
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                variant: "contained",
-                startIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Plus.default, {}),
-                sx: {
-                    marginTop: 1
-                },
-                onClick: handleAddCellEditor,
-                children: "Add Cell Settings"
-            })
-        ]
-    });
-}