@perses-dev/table-plugin 0.8.1 → 0.10.0

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: all[name]
+    });
+}
+_export(exports, {
+    createInitialTableOptions: function() {
+        return createInitialTableOptions;
+    },
+    evaluateCondition: function() {
+        return evaluateCondition;
+    },
+    evaluateConditionalFormatting: function() {
+        return evaluateConditionalFormatting;
+    },
+    formatCellDisplay: function() {
+        return formatCellDisplay;
+    },
+    renderConditionEditor: function() {
+        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/{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"}

package/lib/components/ColumnsEditor/ColumnEditor.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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, ButtonGroup, Stack, Switch, TextField } from '@mui/material';
+import { useState } from 'react';
+import { AlignSelector, FormatControls, OptionsEditorColumn, OptionsEditorControl, OptionsEditorGrid, OptionsEditorGroup, SortSelectorButtons } from '@perses-dev/components';
+import { PluginKindSelect } from '@perses-dev/plugin-system';
+import { ConditionalPanel } from '../ConditionalPanel';
+const DEFAULT_FORMAT = {
+    unit: 'decimal',
+    shortValues: true
+};
+export function ColumnEditor({ column, onChange, ...others }) {
+    const [width, setWidth] = useState(column.width === undefined || column.width === 'auto' ? 100 : column.width);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        ...others,
+        children: [
+            /*#__PURE__*/ _jsxs(OptionsEditorGrid, {
+                children: [
+                    /*#__PURE__*/ _jsx(OptionsEditorColumn, {
+                        children: /*#__PURE__*/ _jsxs(OptionsEditorGroup, {
+                            title: "Column",
+                            children: [
+                                /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                                    label: "Name*",
+                                    control: /*#__PURE__*/ _jsx(TextField, {
+                                        value: column.name,
+                                        onChange: (e)=>onChange({
+                                                ...column,
+                                                name: e.target.value
+                                            }),
+                                        required: true
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                                    label: "Header",
+                                    control: /*#__PURE__*/ _jsx(TextField, {
+                                        value: column.header ?? '',
+                                        onChange: (e)=>onChange({
+                                                ...column,
+                                                header: e.target.value ? e.target.value : undefined
+                                            })
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                                    label: "Header Tooltip",
+                                    control: /*#__PURE__*/ _jsx(TextField, {
+                                        value: column.headerDescription ?? '',
+                                        onChange: (e)=>onChange({
+                                                ...column,
+                                                headerDescription: e.target.value ? e.target.value : undefined
+                                            })
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                                    label: "Cell Tooltip",
+                                    control: /*#__PURE__*/ _jsx(TextField, {
+                                        value: column.cellDescription ?? '',
+                                        onChange: (e)=>onChange({
+                                                ...column,
+                                                cellDescription: e.target.value ? e.target.value : undefined
+                                            })
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                                    label: "Enable sorting",
+                                    control: /*#__PURE__*/ _jsx(Switch, {
+                                        checked: column.enableSorting ?? false,
+                                        onChange: (e)=>onChange({
+                                                ...column,
+                                                enableSorting: e.target.checked
+                                            })
+                                    })
+                                }),
+                                column.enableSorting && /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                                    label: "Default Sort",
+                                    control: /*#__PURE__*/ _jsx(SortSelectorButtons, {
+                                        size: "medium",
+                                        value: column.sort,
+                                        sx: {
+                                            margin: 0.5
+                                        },
+                                        onChange: (sort)=>onChange({
+                                                ...column,
+                                                sort: sort
+                                            })
+                                    })
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(OptionsEditorColumn, {
+                        children: /*#__PURE__*/ _jsxs(OptionsEditorGroup, {
+                            title: "Visual",
+                            children: [
+                                /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                                    label: "Show column",
+                                    control: /*#__PURE__*/ _jsx(Switch, {
+                                        checked: !(column.hide ?? false),
+                                        onChange: (e)=>onChange({
+                                                ...column,
+                                                hide: !e.target.checked
+                                            })
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                                    label: "Display",
+                                    control: /*#__PURE__*/ _jsxs(ButtonGroup, {
+                                        "aria-label": "Display",
+                                        size: "small",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Button, {
+                                                variant: !column.plugin ? 'contained' : 'outlined',
+                                                onClick: ()=>onChange({
+                                                        ...column,
+                                                        plugin: undefined
+                                                    }),
+                                                children: "Text"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Button, {
+                                                variant: column.plugin ? 'contained' : 'outlined',
+                                                onClick: ()=>onChange({
+                                                        ...column,
+                                                        plugin: {
+                                                            kind: 'StatChart',
+                                                            spec: {}
+                                                        }
+                                                    }),
+                                                children: "Embedded Panel"
+                                            })
+                                        ]
+                                    })
+                                }),
+                                column.plugin ? /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                                    label: "Panel Type",
+                                    control: /*#__PURE__*/ _jsx(PluginKindSelect, {
+                                        pluginTypes: [
+                                            'Panel'
+                                        ],
+                                        value: {
+                                            type: 'Panel',
+                                            kind: column.plugin.kind
+                                        },
+                                        onChange: (event)=>onChange({
+                                                ...column,
+                                                plugin: {
+                                                    kind: event.kind,
+                                                    spec: {}
+                                                }
+                                            })
+                                    })
+                                }) : /*#__PURE__*/ _jsx(FormatControls, {
+                                    value: column.format ?? DEFAULT_FORMAT,
+                                    onChange: (newFormat)=>onChange({
+                                            ...column,
+                                            format: newFormat
+                                        })
+                                }),
+                                /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                                    label: "Alignment",
+                                    control: /*#__PURE__*/ _jsx(AlignSelector, {
+                                        size: "small",
+                                        value: column.align ?? 'left',
+                                        onChange: (align)=>onChange({
+                                                ...column,
+                                                align: align
+                                            })
+                                    })
+                                }),
+                                /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                                    label: "Custom width",
+                                    control: /*#__PURE__*/ _jsx(Switch, {
+                                        checked: column.width !== undefined && column.width !== 'auto',
+                                        onChange: (e)=>onChange({
+                                                ...column,
+                                                width: e.target.checked ? width : 'auto'
+                                            })
+                                    })
+                                }),
+                                column.width !== undefined && column.width !== 'auto' && /*#__PURE__*/ _jsx(OptionsEditorControl, {
+                                    label: "Width",
+                                    control: /*#__PURE__*/ _jsx(TextField, {
+                                        type: "number",
+                                        value: width,
+                                        slotProps: {
+                                            htmlInput: {
+                                                min: 1
+                                            }
+                                        },
+                                        onChange: (e)=>{
+                                            setWidth(+e.target.value);
+                                            onChange({
+                                                ...column,
+                                                width: +e.target.value
+                                            });
+                                        }
+                                    })
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Stack, {
+                sx: {
+                    px: 8
+                },
+                children: /*#__PURE__*/ _jsx(OptionsEditorGroup, {
+                    title: "Conditional Cell Format",
+                    children: /*#__PURE__*/ _jsx(ConditionalPanel, {
+                        cellSettings: column.cellSettings,
+                        onChange: (cellSettings)=>onChange({
+                                ...column,
+                                cellSettings
+                            })
+                    })
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=ColumnEditor.js.map