@perses-dev/table-plugin 0.8.1 → 0.10.0

package/lib/{TableSettingsEditor.js → components/TableSettingsEditor.js}

@@ -34,10 +34,12 @@ function DefaultColumnsDimensionsControl({ label, defaultValue, value, onChange
                 control: /*#__PURE__*/ _jsx(TextField, {
                     type: "number",
                     value: value ?? defaultValue,
-                    InputProps: {
-                        inputProps: {
-                            min: 1,
-                            step: 1
+                    slotProps: {
+                        input: {
+                            inputProps: {
+                                min: 1,
+                                step: 1
+                            }
                         }
                     },
                     onChange: (e)=>onChange(parseInt(e.target.value))
@@ -59,6 +61,12 @@ export function TableSettingsEditor({ onChange, value }) {
             pagination: newValue
         });
     }
+    function handleDefaultColumnHiddenChange(_event, newValue) {
+        onChange({
+            ...value,
+            defaultColumnHidden: newValue
+        });
+    }
     function handleAutoWidthChange(newValue) {
         onChange({
             ...value,
@@ -71,6 +79,12 @@ export function TableSettingsEditor({ onChange, value }) {
             defaultColumnHeight: newValue
         });
     }
+    function handleEnableFilteringChange(_event, checked) {
+        onChange({
+            ...value,
+            enableFiltering: checked
+        });
+    }
     return /*#__PURE__*/ _jsx(OptionsEditorGrid, {
         children: /*#__PURE__*/ _jsx(OptionsEditorColumn, {
             children: /*#__PURE__*/ _jsxs(OptionsEditorGroup, {
@@ -87,6 +101,20 @@ export function TableSettingsEditor({ onChange, value }) {
                             onChange: handlePaginationChange
                         })
                     }),
+                    /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                        label: "Columns Hidden by Default",
+                        control: /*#__PURE__*/ _jsx(Switch, {
+                            checked: !!value.defaultColumnHidden,
+                            onChange: handleDefaultColumnHiddenChange
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                        label: "Enable Column Filtering",
+                        control: /*#__PURE__*/ _jsx(Switch, {
+                            checked: !!value.enableFiltering,
+                            onChange: handleEnableFilteringChange
+                        })
+                    }),
                     /*#__PURE__*/ _jsx(DefaultColumnsDimensionsControl, {
                         label: "Width",
                         defaultValue: DEFAULT_COLUMN_WIDTH,

package/lib/components/TableSettingsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/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 '../models';\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              slotProps={{ input: { 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 handleDefaultColumnHiddenChange(_event: ChangeEvent, newValue: boolean): void {\n    onChange({ ...value, defaultColumnHidden: 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  function handleEnableFilteringChange(_event: ChangeEvent, checked: boolean): void {\n    onChange({ ...value, enableFiltering: checked });\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          <OptionsEditorControl\n            label=\"Columns Hidden by Default\"\n            control={<Switch checked={!!value.defaultColumnHidden} onChange={handleDefaultColumnHiddenChange} />}\n          />\n          <OptionsEditorControl\n            label=\"Enable Column Filtering\"\n            control={<Switch checked={!!value.enableFiltering} onChange={handleEnableFilteringChange} />}\n          />\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","slotProps","input","inputProps","min","step","e","parseInt","target","TableSettingsEditor","handleDensityChange","density","handlePaginationChange","_event","newValue","pagination","handleDefaultColumnHiddenChange","defaultColumnHidden","handleAutoWidthChange","defaultColumnWidth","handleAutoHeightChange","defaultColumnHeight","handleEnableFilteringChange","enableFiltering","title"],"mappings":"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"}

package/lib/{TableTransformsEditor.d.ts → components/TableTransformsEditor.d.ts}

@@ -1,4 +1,4 @@
 import { ReactElement } from 'react';
-import { TableSettingsEditorProps } from './table-model';
+import { TableSettingsEditorProps } from '../models';
 export declare function TableTransformsEditor({ value, onChange }: TableSettingsEditorProps): ReactElement;
 //# sourceMappingURL=TableTransformsEditor.d.ts.map

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

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

package/lib/components/TableTransformsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/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 '../models';\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/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './CellsEditor';
+export * from './ColumnsEditor';
+export * from './EmbeddedPanel';
+export * from './TableCellsEditor';
+export * from './TableColumnsEditor';
+export * from './TablePanel';
+export * from './TableSettingsEditor';
+export * from './TableTransformsEditor';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}

package/lib/components/index.js

@@ -0,0 +1,22 @@
+// Copyright 2025 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.
+export * from './CellsEditor';
+export * from './ColumnsEditor';
+export * from './EmbeddedPanel';
+export * from './TableCellsEditor';
+export * from './TableColumnsEditor';
+export * from './TablePanel';
+export * from './TableSettingsEditor';
+export * from './TableTransformsEditor';
+
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './CellsEditor';\nexport * from './ColumnsEditor';\nexport * from './EmbeddedPanel';\nexport * from './TableCellsEditor';\nexport * from './TableColumnsEditor';\nexport * from './TablePanel';\nexport * from './TableSettingsEditor';\nexport * from './TableTransformsEditor';\n"],"names":[],"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,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,eAAe;AAC7B,cAAc,wBAAwB;AACtC,cAAc,0BAA0B"}

package/lib/index.d.ts

@@ -1,12 +1,5 @@
 export { getPluginModule } from './getPluginModule';
-export * from './CellsEditor';
-export * from './ColumnsEditor';
 export * from './Table';
-export * from './TableCellsEditor';
-export * from './TableColumnsEditor';
-export * from './TablePanel';
-export * from './TableSettingsEditor';
-export * from './TableTransformsEditor';
-export * from './model';
-export * from './table-model';
+export * from './components';
+export * from './models';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/lib/index.js

@@ -1,13 +1,6 @@
 export { getPluginModule } from './getPluginModule';
-export * from './CellsEditor';
-export * from './ColumnsEditor';
 export * from './Table';
-export * from './TableCellsEditor';
-export * from './TableColumnsEditor';
-export * from './TablePanel';
-export * from './TableSettingsEditor';
-export * from './TableTransformsEditor';
-export * from './model';
-export * from './table-model';
+export * from './components';
+export * from './models';
 
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getPluginModule } from './getPluginModule';\nexport * from './CellsEditor';\nexport * from './ColumnsEditor';\nexport * from './Table';\nexport * from './TableCellsEditor';\nexport * from './TableColumnsEditor';\nexport * from './TablePanel';\nexport * from './TableSettingsEditor';\nexport * from './TableTransformsEditor';\nexport * from './model';\nexport * from './table-model';\n"],"names":["getPluginModule"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AACpD,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,eAAe;AAC7B,cAAc,wBAAwB;AACtC,cAAc,0BAA0B;AACxC,cAAc,UAAU;AACxB,cAAc,gBAAgB"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getPluginModule } from './getPluginModule';\nexport * from './Table';\nexport * from './components';\nexport * from './models';\n"],"names":["getPluginModule"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AACpD,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,WAAW"}

package/lib/models/index.d.ts

@@ -0,0 +1,3 @@
+export * from './model';
+export * from './table-model';
+//# sourceMappingURL=index.d.ts.map

package/lib/models/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/models/index.ts"],"names":[],"mappings":"AAaA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC"}

package/lib/{table-model.js → models/index.js}

@@ -1,4 +1,4 @@
-// Copyright 2024 The Perses Authors
+// Copyright 2025 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
@@ -10,12 +10,7 @@
 // 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.
-/**
- * Creates the initial/empty options for a Table panel.
- */ export function createInitialTableOptions() {
-    return {
-        density: 'standard'
-    };
-}
+export * from './model';
+export * from './table-model';
 
-//# sourceMappingURL=table-model.js.map
+//# sourceMappingURL=index.js.map

package/lib/models/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/models/index.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './model';\nexport * from './table-model';\n"],"names":[],"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,cAAc,UAAU;AACxB,cAAc,gBAAgB"}

package/lib/models/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/models/model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAGvD,UAAU,sBAAsB;CAAG;AAEnC,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC"}

package/lib/models/model.js

@@ -0,0 +1,15 @@
+// Copyright 2025 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.
+export { };
+
+//# sourceMappingURL=model.js.map

package/lib/models/model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/models/model.ts"],"sourcesContent":["// Copyright 2025 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 { PanelProps } from '@perses-dev/plugin-system';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface TimeSeriesTableOptions {}\n\nexport type TimeSeriesTableProps = PanelProps<TimeSeriesTableOptions>;\n"],"names":[],"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;AAOjC,WAAsE"}

package/lib/{table-model.d.ts → models/table-model.d.ts}

@@ -1,6 +1,7 @@
 import { Definition, FormatOptions, Transform, UnknownSpec } from '@perses-dev/core';
-import { TableDensity } from '@perses-dev/components';
+import { TableDensity, TableCellConfig } from '@perses-dev/components';
 import { OptionsEditorProps } from '@perses-dev/plugin-system';
+import React from 'react';
 export interface ColumnSettings {
     name: string;
     header?: string;
@@ -33,6 +34,7 @@ export interface ColumnSettings {
      */
     width?: number | 'auto';
     hide?: boolean;
+    cellSettings?: CellSettings[];
 }
 export interface ValueCondition {
     kind: 'Value';
@@ -63,6 +65,8 @@ export type Condition = ValueCondition | RangeCondition | RegexCondition | MiscC
 export interface CellSettings {
     condition: Condition;
     text?: string;
+    prefix?: string;
+    suffix?: string;
     textColor?: `#${string}`;
     backgroundColor?: `#${string}`;
 }
@@ -79,7 +83,9 @@ export interface TableOptions {
     density?: TableDensity;
     defaultColumnWidth?: 'auto' | number;
     defaultColumnHeight?: 'auto' | number;
+    defaultColumnHidden?: boolean;
     pagination?: boolean;
+    enableFiltering?: boolean;
     columnSettings?: ColumnSettings[];
     cellSettings?: CellSettings[];
     transforms?: Transform[];
@@ -89,4 +95,21 @@ export interface TableOptions {
  */
 export declare function createInitialTableOptions(): TableOptions;
 export type TableSettingsEditorProps = OptionsEditorProps<TableOptions>;
+/**
+ * Formats the display text and colors based on cell settings
+ */
+export declare function formatCellDisplay(value: unknown, setting: CellSettings, defaultText?: string): TableCellConfig;
+/**
+ * Evaluates if a condition matches the given value
+ */
+export declare function evaluateCondition(condition: Condition, value: unknown): boolean;
+/**
+ * Evaluates all conditions and returns the cell config for the first matching condition
+ */
+export declare function evaluateConditionalFormatting(value: unknown, settings: CellSettings[]): TableCellConfig | undefined;
+/**
+ * Renders the condition editor component for a given condition
+ * This function can be used by both CellEditor and ColumnEditor to maintain consistency
+ */
+export declare function renderConditionEditor(condition: Condition, onChange: (condition: Condition) => void, size?: 'small' | 'medium'): React.ReactElement | null;
 //# sourceMappingURL=table-model.d.ts.map

package/lib/models/table-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-model.d.ts","sourceRoot":"","sources":["../../../src/models/table-model.ts"],"names":[],"mappings":"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"}

package/lib/models/table-model.js

@@ -0,0 +1,233 @@
+// 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 React from 'react';
+import { TextField, Stack, MenuItem, Typography } from '@mui/material';
+/**
+ * Creates the initial/empty options for a Table panel.
+ */ export function createInitialTableOptions() {
+    return {
+        density: 'standard',
+        enableFiltering: true
+    };
+}
+/**
+ * Formats the display text and colors based on cell settings
+ */ export function formatCellDisplay(value, setting, defaultText) {
+    const baseText = setting.text || defaultText || String(value);
+    const displayText = `${setting.prefix ?? ''}${baseText}${setting.suffix ?? ''}`;
+    return {
+        text: displayText,
+        textColor: setting.textColor,
+        backgroundColor: setting.backgroundColor
+    };
+}
+/**
+ * Evaluates if a condition matches the given value
+ */ export function evaluateCondition(condition, value) {
+    switch(condition.kind){
+        case 'Value':
+            return condition.spec?.value === String(value);
+        case 'Range':
+            {
+                if (Number.isNaN(Number(value))) return false;
+                const numericValue = Number(value);
+                // Both min and max defined
+                if (condition.spec?.min !== undefined && condition.spec?.max !== undefined) {
+                    return numericValue >= +condition.spec.min && numericValue <= +condition.spec.max;
+                }
+                // Only min defined
+                if (condition.spec?.min !== undefined) {
+                    return numericValue >= +condition.spec.min;
+                }
+                // Only max defined
+                if (condition.spec?.max !== undefined) {
+                    return numericValue <= +condition.spec.max;
+                }
+                return false;
+            }
+        case 'Regex':
+            if (!condition.spec?.expr) return false;
+            try {
+                const regex = new RegExp(condition.spec.expr);
+                return regex.test(String(value));
+            } catch  {
+                return false; // Invalid regex
+            }
+        case 'Misc':
+            switch(condition.spec?.value){
+                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;
+            }
+        default:
+            return false;
+    }
+}
+/**
+ * Evaluates all conditions and returns the cell config for the first matching condition
+ */ export function evaluateConditionalFormatting(value, settings) {
+    for (const setting of settings){
+        if (evaluateCondition(setting.condition, value)) {
+            // Handle special default text cases
+            let defaultText;
+            if (setting.condition.kind === 'Misc') {
+                switch(setting.condition.spec?.value){
+                    case 'null':
+                        defaultText = 'null';
+                        break;
+                    case 'NaN':
+                        defaultText = 'NaN';
+                        break;
+                }
+            }
+            return formatCellDisplay(value, setting, defaultText);
+        }
+    }
+    return undefined; // No conditions matched
+}
+/**
+ * Renders the condition editor component for a given condition
+ * This function can be used by both CellEditor and ColumnEditor to maintain consistency
+ */ export function renderConditionEditor(condition, onChange, size = 'small') {
+    if (condition.kind === 'Value') {
+        return React.createElement(TextField, {
+            label: 'Value',
+            placeholder: 'Exact value',
+            value: condition.spec?.value ?? '',
+            onChange: (e)=>onChange({
+                    ...condition,
+                    spec: {
+                        value: e.target.value
+                    }
+                }),
+            fullWidth: true,
+            size: size
+        });
+    } else if (condition.kind === 'Range') {
+        return React.createElement(Stack, {
+            gap: 1,
+            direction: 'row'
+        }, [
+            React.createElement(TextField, {
+                key: 'min',
+                label: 'From',
+                placeholder: 'Start of range',
+                value: condition.spec?.min ?? '',
+                onChange: (e)=>onChange({
+                        ...condition,
+                        spec: {
+                            ...condition.spec,
+                            min: +e.target.value
+                        }
+                    }),
+                fullWidth: true,
+                size: size
+            }),
+            React.createElement(TextField, {
+                key: 'max',
+                label: 'To',
+                placeholder: 'End of range (inclusive)',
+                value: condition.spec?.max ?? '',
+                onChange: (e)=>onChange({
+                        ...condition,
+                        spec: {
+                            ...condition.spec,
+                            max: +e.target.value
+                        }
+                    }),
+                fullWidth: true,
+                size: size
+            })
+        ]);
+    } else if (condition.kind === 'Regex') {
+        return React.createElement(TextField, {
+            label: 'Regular Expression',
+            placeholder: 'JavaScript regular expression',
+            value: condition.spec?.expr ?? '',
+            onChange: (e)=>onChange({
+                    ...condition,
+                    spec: {
+                        expr: e.target.value
+                    }
+                }),
+            fullWidth: true,
+            size: size
+        });
+    } else if (condition.kind === 'Misc') {
+        const options = [
+            {
+                value: 'empty',
+                label: 'Empty',
+                caption: 'Matches empty string'
+            },
+            {
+                value: 'null',
+                label: 'Null',
+                caption: 'Matches null or undefined'
+            },
+            {
+                value: 'NaN',
+                label: 'NaN',
+                caption: 'Matches Not a Number value'
+            },
+            {
+                value: 'true',
+                label: 'True',
+                caption: 'Matches true boolean'
+            },
+            {
+                value: 'false',
+                label: 'False',
+                caption: 'Matches false boolean'
+            }
+        ];
+        return React.createElement(TextField, {
+            select: true,
+            label: 'Value',
+            value: condition.spec?.value ?? '',
+            onChange: (e)=>onChange({
+                    ...condition,
+                    spec: {
+                        value: e.target.value
+                    }
+                }),
+            fullWidth: true,
+            size: size
+        }, options.map((option)=>React.createElement(MenuItem, {
+                key: option.value,
+                value: option.value
+            }, React.createElement(Stack, {
+                key: 'stack'
+            }, [
+                React.createElement(Typography, {
+                    key: 'title'
+                }, option.label),
+                React.createElement(Typography, {
+                    key: 'caption',
+                    variant: 'caption'
+                }, option.caption)
+            ]))));
+    }
+    return null;
+}
+
+//# sourceMappingURL=table-model.js.map

package/lib/models/table-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/models/table-model.ts"],"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 { Definition, FormatOptions, Transform, UnknownSpec } from '@perses-dev/core';\nimport { TableDensity, TableCellConfig } from '@perses-dev/components';\nimport { OptionsEditorProps } from '@perses-dev/plugin-system';\nimport React from 'react';\nimport { TextField, Stack, MenuItem, Typography } from '@mui/material';\n\nexport interface ColumnSettings {\n  name: string;\n\n  // Text to display in the header for the column.\n  header?: string;\n  /**\n   * Text to display when hovering over the header text. This can be useful for\n   * providing additional information about the column when you want to keep the\n   * header text relatively short to manage the column width.\n   */\n  headerDescription?: string;\n  /**\n   * Text to display when hovering over a cell. This can be useful for\n   * providing additional information about the column when the content is\n   * ellipsized to fit in the space.\n   */\n  cellDescription?: string;\n\n  /**\n   * Panel plugin to render.\n   * By default, the cells are rendered as text.\n   */\n  plugin?: Definition<UnknownSpec>;\n\n  /** Formatting options. Only applicable if plugin is unset. */\n  format?: FormatOptions;\n\n  // Alignment of the content in the cell.\n  align?: 'left' | 'center' | 'right';\n\n  // When `true`, the column will be sortable.\n  enableSorting?: boolean;\n\n  // Default sort order for the column.\n  sort?: 'asc' | 'desc';\n\n  /**\n   * Width of the column when rendered in a table. It should be a number in pixels\n   * or \"auto\" to allow the table to automatically adjust the width to fill\n   * space.\n   */\n  width?: number | 'auto';\n  // When `true`, the column will not be displayed.\n  hide?: boolean;\n  // Customize cell display based on their value for this specific column.\n  cellSettings?: CellSettings[];\n}\n\nexport interface ValueCondition {\n  kind: 'Value';\n  spec: {\n    value: string;\n  };\n}\n\nexport interface RangeCondition {\n  kind: 'Range';\n  spec: {\n    min?: number;\n    max?: number;\n  };\n}\n\nexport interface RegexCondition {\n  kind: 'Regex';\n  spec: {\n    expr: string;\n  };\n}\n\nexport interface MiscCondition {\n  kind: 'Misc';\n  spec: {\n    value: 'empty' | 'null' | 'NaN' | 'true' | 'false';\n  };\n}\n\nexport type Condition = ValueCondition | RangeCondition | RegexCondition | MiscCondition;\n\nexport interface CellSettings {\n  condition: Condition;\n  text?: string;\n  prefix?: string;\n  suffix?: string;\n  textColor?: `#${string}`;\n  backgroundColor?: `#${string}`;\n}\n\n/**\n * The schema for a Table panel.\n */\nexport interface TableDefinition extends Definition<TableOptions> {\n  kind: 'Table';\n}\n\n/**\n * The Options object type supported by the Table panel plugin.\n */\nexport interface TableOptions {\n  // Change row height.\n  density?: TableDensity;\n  // When set to 'auto', the table will try to automatically adjust the width of columns to fit without overflowing.\n  // Only for column without custom width specified in columnSettings.\n  defaultColumnWidth?: 'auto' | number;\n  // When set to 'auto', the table will calculate the cell height based on the line height of the theme and the density setting of the table.\n  // Only for column without custom height specified in columnSettings.\n  defaultColumnHeight?: 'auto' | number;\n  // When true, columns are hidden by default unless specified in columnSettings.\n  defaultColumnHidden?: boolean;\n  // Enable pagination.\n  pagination?: boolean;\n  // Enable filtering for individual columns.\n  enableFiltering?: boolean;\n  // Customize column display and order them by their index in the array.\n  columnSettings?: ColumnSettings[];\n  // Customize cell display based on their value.\n  cellSettings?: CellSettings[];\n  // Apply transforms to the data before rendering the table.\n  transforms?: Transform[];\n}\n\n/**\n * Creates the initial/empty options for a Table panel.\n */\nexport function createInitialTableOptions(): TableOptions {\n  return {\n    density: 'standard',\n    enableFiltering: true,\n  };\n}\n\nexport type TableSettingsEditorProps = OptionsEditorProps<TableOptions>;\n\n/**\n * Formats the display text and colors based on cell settings\n */\nexport function formatCellDisplay(value: unknown, setting: CellSettings, defaultText?: string): TableCellConfig {\n  const baseText = setting.text || defaultText || String(value);\n  const displayText = `${setting.prefix ?? ''}${baseText}${setting.suffix ?? ''}`;\n  return {\n    text: displayText,\n    textColor: setting.textColor,\n    backgroundColor: setting.backgroundColor,\n  };\n}\n\n/**\n * Evaluates if a condition matches the given value\n */\nexport function evaluateCondition(condition: Condition, value: unknown): boolean {\n  switch (condition.kind) {\n    case 'Value':\n      return condition.spec?.value === String(value);\n\n    case 'Range': {\n      if (Number.isNaN(Number(value))) return false;\n      const numericValue = Number(value);\n\n      // Both min and max defined\n      if (condition.spec?.min !== undefined && condition.spec?.max !== undefined) {\n        return numericValue >= +condition.spec.min && numericValue <= +condition.spec.max;\n      }\n\n      // Only min defined\n      if (condition.spec?.min !== undefined) {\n        return numericValue >= +condition.spec.min;\n      }\n\n      // Only max defined\n      if (condition.spec?.max !== undefined) {\n        return numericValue <= +condition.spec.max;\n      }\n\n      return false;\n    }\n\n    case 'Regex':\n      if (!condition.spec?.expr) return false;\n      try {\n        const regex = new RegExp(condition.spec.expr);\n        return regex.test(String(value));\n      } catch {\n        return false; // Invalid regex\n      }\n\n    case 'Misc':\n      switch (condition.spec?.value) {\n        case 'empty':\n          return value === '';\n        case 'null':\n          return value === null || value === undefined;\n        case 'NaN':\n          return Number.isNaN(value);\n        case 'true':\n          return value === true;\n        case 'false':\n          return value === false;\n        default:\n          return false;\n      }\n\n    default:\n      return false;\n  }\n}\n\n/**\n * Evaluates all conditions and returns the cell config for the first matching condition\n */\nexport function evaluateConditionalFormatting(value: unknown, settings: CellSettings[]): TableCellConfig | undefined {\n  for (const setting of settings) {\n    if (evaluateCondition(setting.condition, value)) {\n      // Handle special default text cases\n      let defaultText: string | undefined;\n      if (setting.condition.kind === 'Misc') {\n        switch (setting.condition.spec?.value) {\n          case 'null':\n            defaultText = 'null';\n            break;\n          case 'NaN':\n            defaultText = 'NaN';\n            break;\n        }\n      }\n\n      return formatCellDisplay(value, setting, defaultText);\n    }\n  }\n\n  return undefined; // No conditions matched\n}\n\n/**\n * Renders the condition editor component for a given condition\n * This function can be used by both CellEditor and ColumnEditor to maintain consistency\n */\nexport function renderConditionEditor(\n  condition: Condition,\n  onChange: (condition: Condition) => void,\n  size: 'small' | 'medium' = 'small'\n): React.ReactElement | null {\n  if (condition.kind === 'Value') {\n    return React.createElement(TextField, {\n      label: 'Value',\n      placeholder: 'Exact value',\n      value: condition.spec?.value ?? '',\n      onChange: (e: { target: { value: string } }) =>\n        onChange({ ...condition, spec: { value: e.target.value } } as ValueCondition),\n      fullWidth: true,\n      size: size,\n    });\n  } else if (condition.kind === 'Range') {\n    return React.createElement(\n      Stack,\n      {\n        gap: 1,\n        direction: 'row',\n      },\n      [\n        React.createElement(TextField, {\n          key: 'min',\n          label: 'From',\n          placeholder: 'Start of range',\n          value: condition.spec?.min ?? '',\n          onChange: (e: { target: { value: string } }) =>\n            onChange({ ...condition, spec: { ...condition.spec, min: +e.target.value } } as RangeCondition),\n          fullWidth: true,\n          size: size,\n        }),\n        React.createElement(TextField, {\n          key: 'max',\n          label: 'To',\n          placeholder: 'End of range (inclusive)',\n          value: condition.spec?.max ?? '',\n          onChange: (e: { target: { value: string } }) =>\n            onChange({ ...condition, spec: { ...condition.spec, max: +e.target.value } } as RangeCondition),\n          fullWidth: true,\n          size: size,\n        }),\n      ]\n    );\n  } else if (condition.kind === 'Regex') {\n    return React.createElement(TextField, {\n      label: 'Regular Expression',\n      placeholder: 'JavaScript regular expression',\n      value: condition.spec?.expr ?? '',\n      onChange: (e: { target: { value: string } }) =>\n        onChange({ ...condition, spec: { expr: e.target.value } } as RegexCondition),\n      fullWidth: true,\n      size: size,\n    });\n  } else if (condition.kind === 'Misc') {\n    const options = [\n      { value: 'empty', label: 'Empty', caption: 'Matches empty string' },\n      { value: 'null', label: 'Null', caption: 'Matches null or undefined' },\n      { value: 'NaN', label: 'NaN', caption: 'Matches Not a Number value' },\n      { value: 'true', label: 'True', caption: 'Matches true boolean' },\n      { value: 'false', label: 'False', caption: 'Matches false boolean' },\n    ];\n\n    return React.createElement(\n      TextField,\n      {\n        select: true,\n        label: 'Value',\n        value: condition.spec?.value ?? '',\n        onChange: (e: { target: { value: string } }) =>\n          onChange({ ...condition, spec: { value: e.target.value } } as MiscCondition),\n        fullWidth: true,\n        size: size,\n      },\n      options.map((option) =>\n        React.createElement(\n          MenuItem,\n          {\n            key: option.value,\n            value: option.value,\n          },\n          React.createElement(Stack, { key: 'stack' }, [\n            React.createElement(Typography, { key: 'title' }, option.label),\n            React.createElement(\n              Typography,\n              {\n                key: 'caption',\n                variant: 'caption',\n              },\n              option.caption\n            ),\n          ])\n        )\n      )\n    );\n  }\n  return null;\n}\n"],"names":["React","TextField","Stack","MenuItem","Typography","createInitialTableOptions","density","enableFiltering","formatCellDisplay","value","setting","defaultText","baseText","text","String","displayText","prefix","suffix","textColor","backgroundColor","evaluateCondition","condition","kind","spec","Number","isNaN","numericValue","min","undefined","max","expr","regex","RegExp","test","evaluateConditionalFormatting","settings","renderConditionEditor","onChange","size","createElement","label","placeholder","e","target","fullWidth","gap","direction","key","options","caption","select","map","option","variant"],"mappings":"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"}