@perses-dev/components 0.55.0-beta.3 → 0.55.0-beta.7

package/dist/cjs/TransformsEditor/TransformEditorContainer.js

@@ -1,131 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TransformEditorContainer", {
-    enumerable: true,
-    get: function() {
-        return TransformEditorContainer;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _ChevronDown = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ChevronDown"));
-const _ChevronRight = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ChevronRight"));
-const _DeleteOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/DeleteOutline"));
-const _EyeOffOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/EyeOffOutline"));
-const _EyeOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/EyeOutline"));
-const _model = require("../model");
-const _TransformEditor = require("./TransformEditor");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function TransformEditorContainer({ index, value, isCollapsed, onChange, onCollapse, onDelete, ...props }) {
-    function handleTransformDisable() {
-        onChange({
-            ...value,
-            spec: {
-                ...value.spec,
-                disabled: !value.spec?.disabled
-            }
-        });
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        ...props,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                direction: "row",
-                alignItems: "center",
-                borderBottom: 1,
-                borderColor: (theme)=>theme.palette.divider,
-                justifyContent: "space-between",
-                gap: 4,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                        direction: "row",
-                        gap: 1,
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-                                "data-testid": `transform-toggle#${index}`,
-                                size: "small",
-                                onClick: ()=>onCollapse(!isCollapsed),
-                                children: isCollapsed ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChevronRight.default, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChevronDown.default, {})
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                variant: "overline",
-                                component: "h4",
-                                sx: {
-                                    textTransform: 'none'
-                                },
-                                children: value.kind ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
-                                        children: _model.TRANSFORM_TEXT[value.kind]
-                                    })
-                                }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
-                                    children: "Select a transformation kind"
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                        direction: "row",
-                        gap: 1,
-                        children: [
-                            isCollapsed && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tooltip, {
-                                        title: value.spec?.disabled ? 'Enable transformation' : 'Disable transformation',
-                                        placement: "top",
-                                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-                                            size: "small",
-                                            sx: {
-                                                marginLeft: 'auto'
-                                            },
-                                            onClick: handleTransformDisable,
-                                            children: value.spec?.disabled ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_EyeOffOutline.default, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_EyeOutline.default, {})
-                                        })
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Divider, {
-                                        flexItem: true,
-                                        orientation: "vertical",
-                                        variant: "middle"
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tooltip, {
-                                title: "Remove transformation",
-                                placement: "top",
-                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-                                    size: "small",
-                                    sx: {
-                                        marginLeft: 'auto'
-                                    },
-                                    onClick: onDelete,
-                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DeleteOutline.default, {})
-                                })
-                            })
-                        ]
-                    })
-                ]
-            }),
-            !isCollapsed && /*#__PURE__*/ (0, _jsxruntime.jsx)(_TransformEditor.TransformEditor, {
-                value: value,
-                onChange: onChange
-            })
-        ]
-    });
-}

package/dist/cjs/TransformsEditor/TransformsEditor.js

@@ -1,103 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TransformsEditor", {
-    enumerable: true,
-    get: function() {
-        return TransformsEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
-const _react = require("react");
-const _TransformEditorContainer = require("./TransformEditorContainer");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function TransformsEditor({ value, onChange, ...props }) {
-    const [transformsCollapsed, setTransformsCollapsed] = (0, _react.useState)(value.map(()=>true));
-    function handleTransformChange(index, transform) {
-        const updatedTransforms = [
-            ...value
-        ];
-        updatedTransforms[index] = transform;
-        onChange(updatedTransforms);
-    }
-    function handleTransformAdd() {
-        const updatedTransforms = [
-            ...value
-        ];
-        // @ts-expect-error: Unknown transform
-        updatedTransforms.push({
-            kind: '',
-            spec: {}
-        });
-        onChange(updatedTransforms);
-        setTransformsCollapsed((prev)=>{
-            prev.push(false);
-            return [
-                ...prev
-            ];
-        });
-    }
-    function handleTransformDelete(index) {
-        const updatedTransforms = [
-            ...value
-        ];
-        updatedTransforms.splice(index, 1);
-        onChange(updatedTransforms);
-        setTransformsCollapsed((prev)=>{
-            prev.splice(index, 1);
-            return [
-                ...prev
-            ];
-        });
-    }
-    function handleTransformCollapseExpand(index, collapsed) {
-        setTransformsCollapsed((prev)=>{
-            prev[index] = collapsed;
-            return [
-                ...prev
-            ];
-        });
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-        gap: 1,
-        ...props,
-        children: [
-            value.map((transform, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_TransformEditorContainer.TransformEditorContainer, {
-                    index: i,
-                    value: transform,
-                    isCollapsed: transformsCollapsed[i] ?? true,
-                    onChange: (updatedTransform)=>handleTransformChange(i, updatedTransform),
-                    onDelete: ()=>handleTransformDelete(i),
-                    onCollapse: (collapsed)=>handleTransformCollapseExpand(i, collapsed)
-                }, i)),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-                variant: "contained",
-                startIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Plus.default, {}),
-                sx: {
-                    marginTop: 1
-                },
-                onClick: handleTransformAdd,
-                children: "Add Transformation"
-            })
-        ]
-    });
-}

package/dist/cjs/TransformsEditor/index.js

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

@@ -1,387 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ValueMappingEditor", {
-    enumerable: true,
-    get: function() {
-        return ValueMappingEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _DeleteOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/DeleteOutline"));
-const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
-const _OptionsColorPicker = require("../ColorPicker/OptionsColorPicker");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const ConditionEditor = ({ mapping, onChange, ...props })=>{
-    switch(mapping.kind){
-        case 'Value':
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                gap: 1,
-                direction: "row",
-                ...props,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                    label: "Value",
-                    placeholder: "Exact value",
-                    value: mapping.spec?.value ?? '',
-                    onChange: (e)=>onChange({
-                            ...mapping,
-                            spec: {
-                                ...mapping.spec,
-                                value: e.target.value
-                            }
-                        }),
-                    fullWidth: true
-                })
-            });
-        case 'Range':
-            return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                gap: 1,
-                direction: "row",
-                ...props,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                        label: "From",
-                        placeholder: "Start of range",
-                        value: mapping.spec?.from ?? '',
-                        onChange: (e)=>onChange({
-                                ...mapping,
-                                spec: {
-                                    ...mapping.spec,
-                                    from: e.target.value === '' ? undefined : +e.target.value
-                                }
-                            }),
-                        fullWidth: true
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                        label: "To",
-                        placeholder: "End of range (inclusive)",
-                        value: mapping.spec?.to ?? '',
-                        onChange: (e)=>onChange({
-                                ...mapping,
-                                spec: {
-                                    ...mapping.spec,
-                                    to: e.target.value === '' ? undefined : +e.target.value
-                                }
-                            }),
-                        fullWidth: true
-                    })
-                ]
-            });
-        case 'Regex':
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                gap: 1,
-                direction: "row",
-                ...props,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                    label: "Regular Expression",
-                    placeholder: "JavaScript regular expression",
-                    value: mapping.spec?.pattern ?? '',
-                    onChange: (e)=>onChange({
-                            ...mapping,
-                            spec: {
-                                ...mapping.spec,
-                                pattern: e.target.value
-                            }
-                        }),
-                    fullWidth: true
-                })
-            });
-        case 'Misc':
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                gap: 1,
-                direction: "row",
-                ...props,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TextField, {
-                    select: true,
-                    label: "Value",
-                    value: mapping.spec?.value ?? '',
-                    onChange: (e)=>onChange({
-                            ...mapping,
-                            spec: {
-                                value: e.target.value
-                            }
-                        }),
-                    SelectProps: {
-                        renderValue: (selected)=>{
-                            switch(selected){
-                                case 'empty':
-                                    return 'Empty';
-                                case 'null':
-                                    return 'Null';
-                                case 'NaN':
-                                    return 'NaN';
-                                case 'true':
-                                    return 'True';
-                                case 'false':
-                                    return 'False';
-                                default:
-                                    return String(selected);
-                            }
-                        }
-                    },
-                    fullWidth: true,
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                            value: "empty",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                        children: "Empty"
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                        variant: "caption",
-                                        children: "Matches empty string"
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                            value: "null",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                        children: "Null"
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                        variant: "caption",
-                                        children: "Matches null or undefined"
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                            value: "NaN",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                        children: "NaN"
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                        variant: "caption",
-                                        children: "Matches Not a Number value"
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                            value: "true",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                        children: "True"
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                        variant: "caption",
-                                        children: "Matches true boolean"
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                            value: "false",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                                children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                        children: "False"
-                                    }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                        variant: "caption",
-                                        children: "Matches false boolean"
-                                    })
-                                ]
-                            })
-                        })
-                    ]
-                })
-            });
-        default:
-            return null;
-    }
-};
-const ValueMappingEditor = ({ mapping, onChange, onDelete, ...props })=>{
-    const handleColorChange = (color)=>{
-        onChange({
-            ...mapping,
-            spec: {
-                ...mapping.spec,
-                result: {
-                    ...mapping.spec.result,
-                    color
-                }
-            }
-        });
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Grid2, {
-        container: true,
-        spacing: 2,
-        ...props,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid2, {
-                size: {
-                    xs: 5
-                },
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                    direction: "row",
-                    gap: 1,
-                    width: "100%",
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TextField, {
-                            select: true,
-                            label: "Type",
-                            value: mapping.kind,
-                            onChange: (e)=>onChange({
-                                    ...mapping,
-                                    kind: e.target.value
-                                }),
-                            required: true,
-                            sx: {
-                                width: '120px'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                    value: "Value",
-                                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                                        children: [
-                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                                children: "Value"
-                                            }),
-                                            mapping.kind !== 'Value' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                                variant: "caption",
-                                                children: "Matches an exact text value"
-                                            })
-                                        ]
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                    value: "Range",
-                                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                                        children: [
-                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                                children: "Range"
-                                            }),
-                                            mapping.kind !== 'Range' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                                variant: "caption",
-                                                children: "Matches against a numerical range"
-                                            })
-                                        ]
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                    value: "Regex",
-                                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                                        children: [
-                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                                children: "Regex"
-                                            }),
-                                            mapping.kind !== 'Regex' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                                variant: "caption",
-                                                children: "Matches against a regular expression"
-                                            })
-                                        ]
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                    value: "Misc",
-                                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                                        children: [
-                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                                children: "Misc"
-                                            }),
-                                            mapping.kind !== 'Misc' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                                                variant: "caption",
-                                                children: "Matches against empty, null and NaN values"
-                                            })
-                                        ]
-                                    })
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(ConditionEditor, {
-                            width: "100%",
-                            mapping: mapping,
-                            onChange: (updatedMapping)=>onChange({
-                                    ...mapping,
-                                    ...updatedMapping
-                                })
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid2, {
-                size: {
-                    xs: 4
-                },
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                    label: "Display text",
-                    value: mapping.spec?.result?.value ?? '',
-                    onChange: (e)=>onChange({
-                            ...mapping,
-                            spec: {
-                                ...mapping.spec,
-                                result: {
-                                    ...mapping.spec?.result,
-                                    value: e.target.value
-                                }
-                            }
-                        }),
-                    fullWidth: true
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid2, {
-                size: {
-                    xs: 1
-                },
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                    direction: "row",
-                    justifyContent: "center",
-                    gap: 1,
-                    children: mapping.spec?.result?.color ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_OptionsColorPicker.OptionsColorPicker, {
-                        label: "Color",
-                        color: mapping.spec.result.color ?? '#000',
-                        onColorChange: handleColorChange,
-                        onClear: ()=>handleColorChange(undefined)
-                    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-                        onClick: ()=>handleColorChange('#000'),
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Plus.default, {})
-                    })
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Grid2, {
-                size: {
-                    xs: 1
-                },
-                textAlign: "end",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tooltip, {
-                    title: "Remove mapping settings",
-                    placement: "top",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-                        size: "small",
-                        sx: {
-                            marginLeft: 'auto'
-                        },
-                        onClick: onDelete,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DeleteOutline.default, {})
-                    })
-                })
-            })
-        ]
-    });
-};