@perses-dev/table-plugin 0.9.0 → 0.10.1

package/lib/cjs/index-federation.js

@@ -1,15 +1,3 @@
-// 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";
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
@@ -52,4 +40,16 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+// 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.
 Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./bootstrap")));

package/lib/cjs/index.js

@@ -9,16 +9,9 @@ Object.defineProperty(exports, "getPluginModule", {
     }
 });
 const _getPluginModule = require("./getPluginModule");
-_export_star(require("./CellsEditor"), exports);
-_export_star(require("./ColumnsEditor"), exports);
 _export_star(require("./Table"), exports);
-_export_star(require("./TableCellsEditor"), exports);
-_export_star(require("./TableColumnsEditor"), exports);
-_export_star(require("./TablePanel"), exports);
-_export_star(require("./TableSettingsEditor"), exports);
-_export_star(require("./TableTransformsEditor"), exports);
-_export_star(require("./model"), exports);
-_export_star(require("./table-model"), exports);
+_export_star(require("./components"), exports);
+_export_star(require("./models"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/lib/cjs/models/index.js

@@ -0,0 +1,31 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./model"), exports);
+_export_star(require("./table-model"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/lib/cjs/{table-model.js → models/model.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
@@ -14,14 +14,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "createInitialTableOptions", {
-    enumerable: true,
-    get: function() {
-        return createInitialTableOptions;
-    }
-});
-function createInitialTableOptions() {
-    return {
-        density: 'standard'
-    };
-}

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

@@ -0,0 +1,252 @@
+// 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
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get createInitialTableOptions () {
+        return createInitialTableOptions;
+    },
+    get evaluateCondition () {
+        return evaluateCondition;
+    },
+    get evaluateConditionalFormatting () {
+        return evaluateConditionalFormatting;
+    },
+    get formatCellDisplay () {
+        return formatCellDisplay;
+    },
+    get renderConditionEditor () {
+        return renderConditionEditor;
+    }
+});
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _material = require("@mui/material");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function createInitialTableOptions() {
+    return {
+        density: 'standard',
+        enableFiltering: true
+    };
+}
+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
+    };
+}
+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;
+    }
+}
+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
+}
+function renderConditionEditor(condition, onChange, size = 'small') {
+    if (condition.kind === 'Value') {
+        return _react.default.createElement(_material.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.default.createElement(_material.Stack, {
+            gap: 1,
+            direction: 'row'
+        }, [
+            _react.default.createElement(_material.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.default.createElement(_material.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.default.createElement(_material.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.default.createElement(_material.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.default.createElement(_material.MenuItem, {
+                key: option.value,
+                value: option.value
+            }, _react.default.createElement(_material.Stack, {
+                key: 'stack'
+            }, [
+                _react.default.createElement(_material.Typography, {
+                    key: 'title'
+                }, option.label),
+                _react.default.createElement(_material.Typography, {
+                    key: 'caption',
+                    variant: 'caption'
+                }, option.caption)
+            ]))));
+    }
+    return null;
+}

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

@@ -17,26 +17,26 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MOCK_NULL_QUERY_RESULT: function() {
+    get MOCK_NULL_QUERY_RESULT () {
         return MOCK_NULL_QUERY_RESULT;
     },
-    MOCK_TIME_SERIES_DATA_MULTIVALUE: function() {
+    get MOCK_TIME_SERIES_DATA_MULTIVALUE () {
         return MOCK_TIME_SERIES_DATA_MULTIVALUE;
     },
-    MOCK_TIME_SERIES_DATA_SINGLEVALUE: function() {
+    get MOCK_TIME_SERIES_DATA_SINGLEVALUE () {
         return MOCK_TIME_SERIES_DATA_SINGLEVALUE;
     },
-    MOCK_TIME_SERIES_QUERY_DEFINITION: function() {
+    get MOCK_TIME_SERIES_QUERY_DEFINITION () {
         return MOCK_TIME_SERIES_QUERY_DEFINITION;
     },
-    MOCK_TIME_SERIES_QUERY_RESULT_MULTIVALUE: function() {
+    get MOCK_TIME_SERIES_QUERY_RESULT_MULTIVALUE () {
         return MOCK_TIME_SERIES_QUERY_RESULT_MULTIVALUE;
     },
-    MOCK_TIME_SERIES_QUERY_RESULT_SINGLEVALUE: function() {
+    get MOCK_TIME_SERIES_QUERY_RESULT_SINGLEVALUE () {
         return MOCK_TIME_SERIES_QUERY_RESULT_SINGLEVALUE;
     }
 });

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

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { CellSettings } from '../table-model';
+import { CellSettings } from '../../models';
 export interface CellsEditorProps {
     cellSettings: CellSettings[];
     onChange: (cellOptions: CellSettings[]) => void;

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellsEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/CellsEditor/CellsEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,gBAAgB,GAAG,YAAY,CAOtF"}

package/lib/components/CellsEditor/CellsEditor.js

@@ -0,0 +1,22 @@
+// 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 } from "react/jsx-runtime";
+import { ConditionalPanel } from '../ConditionalPanel';
+export function CellsEditor({ cellSettings, onChange }) {
+    return /*#__PURE__*/ _jsx(ConditionalPanel, {
+        cellSettings: cellSettings,
+        onChange: (updatedCellSettings)=>onChange(updatedCellSettings || [])
+    });
+}
+
+//# sourceMappingURL=CellsEditor.js.map

package/lib/components/CellsEditor/CellsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CellsEditor/CellsEditor.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 { ReactElement } from 'react';\nimport { CellSettings } from '../../models';\nimport { ConditionalPanel } from '../ConditionalPanel';\n\nexport interface CellsEditorProps {\n  cellSettings: CellSettings[];\n  onChange: (cellOptions: CellSettings[]) => void;\n}\n\nexport function CellsEditor({ cellSettings, onChange }: CellsEditorProps): ReactElement {\n  return (\n    <ConditionalPanel\n      cellSettings={cellSettings}\n      onChange={(updatedCellSettings) => onChange(updatedCellSettings || [])}\n    />\n  );\n}\n"],"names":["ConditionalPanel","CellsEditor","cellSettings","onChange","updatedCellSettings"],"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;;AAIjC,SAASA,gBAAgB,QAAQ,sBAAsB;AAOvD,OAAO,SAASC,YAAY,EAAEC,YAAY,EAAEC,QAAQ,EAAoB;IACtE,qBACE,KAACH;QACCE,cAAcA;QACdC,UAAU,CAACC,sBAAwBD,SAASC,uBAAuB,EAAE;;AAG3E"}

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

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

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

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

package/lib/{CellsEditor → components/CellsEditor}/index.js

@@ -10,7 +10,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export * from './CellEditor';
 export * from './CellsEditor';
 
 //# sourceMappingURL=index.js.map

package/lib/components/CellsEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CellsEditor/index.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\nexport * from './CellsEditor';\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"}

package/lib/{ColumnsEditor → components/ColumnsEditor}/ColumnEditor.d.ts

@@ -1,6 +1,6 @@
 import { StackProps } from '@mui/material';
 import { ReactElement } from 'react';
-import { ColumnSettings } from '../table-model';
+import { ColumnSettings } from '../../models';
 type OmittedMuiProps = 'children' | 'value' | 'onChange';
 export interface ColumnEditorProps extends Omit<StackProps, OmittedMuiProps> {
     column: ColumnSettings;

package/lib/components/ColumnsEditor/ColumnEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/ColumnsEditor/ColumnEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA8B,UAAU,EAAqB,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAY/C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAQ9C,KAAK,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC;IAC1E,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,EAAE,iBAAiB,GAAG,YAAY,CAkL7F"}