@perses-dev/components 0.55.0-rc.1 → 0.56.0-beta.0

package/dist/TransformsEditor/TransformEditor.js

@@ -11,368 +11,864 @@
 // 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 { c as _c } from "react-compiler-runtime";
 import { Autocomplete, FormControlLabel, MenuItem, Stack, Switch, Typography, TextField as MuiTextField } from "@mui/material";
 import { TextField } from "../controls/index.js";
-function JoinByColumnValueTransformEditor({ value, onChange }) {
-    return /*#__PURE__*/ _jsxs(Stack, {
-        direction: "row",
-        children: [
-            /*#__PURE__*/ _jsx(Autocomplete, {
-                freeSolo: true,
-                multiple: true,
-                id: "join-columns",
-                sx: {
-                    width: '100%'
-                },
-                options: [],
-                value: value.spec.columns ?? [],
-                renderInput: (params)=>/*#__PURE__*/ _jsx(MuiTextField, {
-                        ...params,
-                        variant: "outlined",
-                        label: "Columns",
-                        required: true
-                    }),
-                onChange: (_, columns)=>{
-                    onChange({
-                        ...value,
-                        spec: {
-                            ...value.spec,
-                            columns: columns
-                        }
-                    });
+function JoinByColumnValueTransformEditor(t0) {
+    const $ = _c(20);
+    const { value, onChange } = t0;
+    let t1;
+    let t2;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+            width: "100%"
+        };
+        t2 = [];
+        $[0] = t1;
+        $[1] = t2;
+    } else {
+        t1 = $[0];
+        t2 = $[1];
+    }
+    let t3;
+    if ($[2] !== value.spec.columns) {
+        t3 = value.spec.columns ?? [];
+        $[2] = value.spec.columns;
+        $[3] = t3;
+    } else {
+        t3 = $[3];
+    }
+    let t4;
+    if ($[4] !== onChange || $[5] !== value) {
+        t4 = (_, columns)=>{
+            onChange({
+                ...value,
+                spec: {
+                    ...value.spec,
+                    columns
                 }
-            }),
-            /*#__PURE__*/ _jsx(FormControlLabel, {
-                label: "Enabled",
-                labelPlacement: "start",
-                control: /*#__PURE__*/ _jsx(Switch, {
-                    value: !value.spec.disabled,
-                    checked: !value.spec.disabled,
-                    onChange: (e)=>onChange({
-                            ...value,
-                            spec: {
-                                ...value.spec,
-                                disabled: !e.target.checked
-                            }
-                        })
-                })
+            });
+        };
+        $[4] = onChange;
+        $[5] = value;
+        $[6] = t4;
+    } else {
+        t4 = $[6];
+    }
+    let t5;
+    if ($[7] !== t3 || $[8] !== t4) {
+        t5 = /*#__PURE__*/ _jsx(Autocomplete, {
+            freeSolo: true,
+            multiple: true,
+            id: "join-columns",
+            sx: t1,
+            options: t2,
+            value: t3,
+            renderInput: _temp,
+            onChange: t4
+        });
+        $[7] = t3;
+        $[8] = t4;
+        $[9] = t5;
+    } else {
+        t5 = $[9];
+    }
+    const t6 = !value.spec.disabled;
+    const t7 = !value.spec.disabled;
+    let t8;
+    if ($[10] !== onChange || $[11] !== value) {
+        t8 = (e)=>onChange({
+                ...value,
+                spec: {
+                    ...value.spec,
+                    disabled: !e.target.checked
+                }
+            });
+        $[10] = onChange;
+        $[11] = value;
+        $[12] = t8;
+    } else {
+        t8 = $[12];
+    }
+    let t9;
+    if ($[13] !== t6 || $[14] !== t7 || $[15] !== t8) {
+        t9 = /*#__PURE__*/ _jsx(FormControlLabel, {
+            label: "Enabled",
+            labelPlacement: "start",
+            control: /*#__PURE__*/ _jsx(Switch, {
+                value: t6,
+                checked: t7,
+                onChange: t8
             })
-        ]
+        });
+        $[13] = t6;
+        $[14] = t7;
+        $[15] = t8;
+        $[16] = t9;
+    } else {
+        t9 = $[16];
+    }
+    let t10;
+    if ($[17] !== t5 || $[18] !== t9) {
+        t10 = /*#__PURE__*/ _jsxs(Stack, {
+            direction: "row",
+            children: [
+                t5,
+                t9
+            ]
+        });
+        $[17] = t5;
+        $[18] = t9;
+        $[19] = t10;
+    } else {
+        t10 = $[19];
+    }
+    return t10;
+}
+function _temp(params) {
+    return /*#__PURE__*/ _jsx(MuiTextField, {
+        ...params,
+        variant: "outlined",
+        label: "Columns",
+        required: true
     });
 }
-function MergeColumnsTransformEditor({ value, onChange }) {
-    return /*#__PURE__*/ _jsxs(Stack, {
-        direction: "row",
-        gap: 1,
-        alignItems: "center",
-        children: [
-            /*#__PURE__*/ _jsx(Autocomplete, {
-                freeSolo: true,
-                multiple: true,
-                id: "merge-columns-columns",
-                sx: {
-                    width: '100%'
-                },
-                options: [],
-                value: value.spec.columns ?? [],
-                renderInput: (params)=>/*#__PURE__*/ _jsx(MuiTextField, {
-                        ...params,
-                        variant: "outlined",
-                        label: "Columns",
-                        required: true
-                    }),
-                onChange: (_, columns)=>{
-                    onChange({
-                        ...value,
-                        spec: {
-                            ...value.spec,
-                            columns: columns
-                        }
-                    });
+function MergeColumnsTransformEditor(t0) {
+    const $ = _c(28);
+    const { value, onChange } = t0;
+    let t1;
+    let t2;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+            width: "100%"
+        };
+        t2 = [];
+        $[0] = t1;
+        $[1] = t2;
+    } else {
+        t1 = $[0];
+        t2 = $[1];
+    }
+    let t3;
+    if ($[2] !== value.spec.columns) {
+        t3 = value.spec.columns ?? [];
+        $[2] = value.spec.columns;
+        $[3] = t3;
+    } else {
+        t3 = $[3];
+    }
+    let t4;
+    if ($[4] !== onChange || $[5] !== value) {
+        t4 = (_, columns)=>{
+            onChange({
+                ...value,
+                spec: {
+                    ...value.spec,
+                    columns
                 }
-            }),
-            /*#__PURE__*/ _jsx(TextField, {
-                id: "merge-columns-name",
-                variant: "outlined",
-                label: "Output Name",
-                value: value.spec.name ?? '',
-                sx: {
-                    width: '100%'
-                },
-                onChange: (name)=>{
-                    onChange({
-                        ...value,
-                        spec: {
-                            ...value.spec,
-                            name: name
-                        }
-                    });
-                },
-                required: true
-            }),
-            /*#__PURE__*/ _jsx(FormControlLabel, {
-                label: "Enabled",
-                labelPlacement: "start",
-                control: /*#__PURE__*/ _jsx(Switch, {
-                    value: !value.spec.disabled,
-                    checked: !value.spec.disabled,
-                    onChange: (e)=>onChange({
-                            ...value,
-                            spec: {
-                                ...value.spec,
-                                disabled: !e.target.checked
-                            }
-                        })
-                })
+            });
+        };
+        $[4] = onChange;
+        $[5] = value;
+        $[6] = t4;
+    } else {
+        t4 = $[6];
+    }
+    let t5;
+    if ($[7] !== t3 || $[8] !== t4) {
+        t5 = /*#__PURE__*/ _jsx(Autocomplete, {
+            freeSolo: true,
+            multiple: true,
+            id: "merge-columns-columns",
+            sx: t1,
+            options: t2,
+            value: t3,
+            renderInput: _temp2,
+            onChange: t4
+        });
+        $[7] = t3;
+        $[8] = t4;
+        $[9] = t5;
+    } else {
+        t5 = $[9];
+    }
+    const t6 = value.spec.name ?? "";
+    let t7;
+    if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+        t7 = {
+            width: "100%"
+        };
+        $[10] = t7;
+    } else {
+        t7 = $[10];
+    }
+    let t8;
+    if ($[11] !== onChange || $[12] !== value) {
+        t8 = (name)=>{
+            onChange({
+                ...value,
+                spec: {
+                    ...value.spec,
+                    name
+                }
+            });
+        };
+        $[11] = onChange;
+        $[12] = value;
+        $[13] = t8;
+    } else {
+        t8 = $[13];
+    }
+    let t9;
+    if ($[14] !== t6 || $[15] !== t8) {
+        t9 = /*#__PURE__*/ _jsx(TextField, {
+            id: "merge-columns-name",
+            variant: "outlined",
+            label: "Output Name",
+            value: t6,
+            sx: t7,
+            onChange: t8,
+            required: true
+        });
+        $[14] = t6;
+        $[15] = t8;
+        $[16] = t9;
+    } else {
+        t9 = $[16];
+    }
+    const t10 = !value.spec.disabled;
+    const t11 = !value.spec.disabled;
+    let t12;
+    if ($[17] !== onChange || $[18] !== value) {
+        t12 = (e)=>onChange({
+                ...value,
+                spec: {
+                    ...value.spec,
+                    disabled: !e.target.checked
+                }
+            });
+        $[17] = onChange;
+        $[18] = value;
+        $[19] = t12;
+    } else {
+        t12 = $[19];
+    }
+    let t13;
+    if ($[20] !== t10 || $[21] !== t11 || $[22] !== t12) {
+        t13 = /*#__PURE__*/ _jsx(FormControlLabel, {
+            label: "Enabled",
+            labelPlacement: "start",
+            control: /*#__PURE__*/ _jsx(Switch, {
+                value: t10,
+                checked: t11,
+                onChange: t12
             })
-        ]
+        });
+        $[20] = t10;
+        $[21] = t11;
+        $[22] = t12;
+        $[23] = t13;
+    } else {
+        t13 = $[23];
+    }
+    let t14;
+    if ($[24] !== t13 || $[25] !== t5 || $[26] !== t9) {
+        t14 = /*#__PURE__*/ _jsxs(Stack, {
+            direction: "row",
+            gap: 1,
+            alignItems: "center",
+            children: [
+                t5,
+                t9,
+                t13
+            ]
+        });
+        $[24] = t13;
+        $[25] = t5;
+        $[26] = t9;
+        $[27] = t14;
+    } else {
+        t14 = $[27];
+    }
+    return t14;
+}
+function _temp2(params) {
+    return /*#__PURE__*/ _jsx(MuiTextField, {
+        ...params,
+        variant: "outlined",
+        label: "Columns",
+        required: true
     });
 }
-function MergeIndexedColumnsTransformEditor({ value, onChange }) {
-    return /*#__PURE__*/ _jsxs(Stack, {
-        direction: "row",
-        children: [
-            /*#__PURE__*/ _jsx(TextField, {
-                id: "merge-indexed-columns",
-                variant: "outlined",
-                label: "Column",
-                placeholder: "Example: 'value' for merging 'value #1', 'value #2' and 'value #...'",
-                value: value.spec.column ?? '',
-                sx: {
-                    width: '100%'
-                },
-                onChange: (column)=>{
-                    onChange({
-                        ...value,
-                        spec: {
-                            ...value.spec,
-                            column: column
-                        }
-                    });
-                },
-                required: true
-            }),
-            /*#__PURE__*/ _jsx(FormControlLabel, {
+function MergeIndexedColumnsTransformEditor(t0) {
+    const $ = _c(17);
+    const { value, onChange } = t0;
+    const t1 = value.spec.column ?? "";
+    let t2;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = {
+            width: "100%"
+        };
+        $[0] = t2;
+    } else {
+        t2 = $[0];
+    }
+    let t3;
+    if ($[1] !== onChange || $[2] !== value) {
+        t3 = (column)=>{
+            onChange({
+                ...value,
+                spec: {
+                    ...value.spec,
+                    column
+                }
+            });
+        };
+        $[1] = onChange;
+        $[2] = value;
+        $[3] = t3;
+    } else {
+        t3 = $[3];
+    }
+    let t4;
+    if ($[4] !== t1 || $[5] !== t3) {
+        t4 = /*#__PURE__*/ _jsx(TextField, {
+            id: "merge-indexed-columns",
+            variant: "outlined",
+            label: "Column",
+            placeholder: "Example: 'value' for merging 'value #1', 'value #2' and 'value #...'",
+            value: t1,
+            sx: t2,
+            onChange: t3,
+            required: true
+        });
+        $[4] = t1;
+        $[5] = t3;
+        $[6] = t4;
+    } else {
+        t4 = $[6];
+    }
+    const t5 = !value.spec.disabled;
+    const t6 = !value.spec.disabled;
+    let t7;
+    if ($[7] !== onChange || $[8] !== value) {
+        t7 = (e)=>onChange({
+                ...value,
+                spec: {
+                    ...value.spec,
+                    disabled: !e.target.checked
+                }
+            });
+        $[7] = onChange;
+        $[8] = value;
+        $[9] = t7;
+    } else {
+        t7 = $[9];
+    }
+    let t8;
+    if ($[10] !== t5 || $[11] !== t6 || $[12] !== t7) {
+        t8 = /*#__PURE__*/ _jsx(FormControlLabel, {
+            label: "Enabled",
+            labelPlacement: "start",
+            control: /*#__PURE__*/ _jsx(Switch, {
+                value: t5,
+                checked: t6,
+                onChange: t7
+            })
+        });
+        $[10] = t5;
+        $[11] = t6;
+        $[12] = t7;
+        $[13] = t8;
+    } else {
+        t8 = $[13];
+    }
+    let t9;
+    if ($[14] !== t4 || $[15] !== t8) {
+        t9 = /*#__PURE__*/ _jsxs(Stack, {
+            direction: "row",
+            children: [
+                t4,
+                t8
+            ]
+        });
+        $[14] = t4;
+        $[15] = t8;
+        $[16] = t9;
+    } else {
+        t9 = $[16];
+    }
+    return t9;
+}
+function MergeSeriesTransformEditor(t0) {
+    const $ = _c(7);
+    const { value, onChange } = t0;
+    const t1 = !value.spec.disabled;
+    const t2 = !value.spec.disabled;
+    let t3;
+    if ($[0] !== onChange || $[1] !== value) {
+        t3 = (e)=>onChange({
+                ...value,
+                spec: {
+                    ...value.spec,
+                    disabled: !e.target.checked
+                }
+            });
+        $[0] = onChange;
+        $[1] = value;
+        $[2] = t3;
+    } else {
+        t3 = $[2];
+    }
+    let t4;
+    if ($[3] !== t1 || $[4] !== t2 || $[5] !== t3) {
+        t4 = /*#__PURE__*/ _jsx(Stack, {
+            direction: "row",
+            children: /*#__PURE__*/ _jsx(FormControlLabel, {
                 label: "Enabled",
                 labelPlacement: "start",
                 control: /*#__PURE__*/ _jsx(Switch, {
-                    value: !value.spec.disabled,
-                    checked: !value.spec.disabled,
-                    onChange: (e)=>onChange({
-                            ...value,
-                            spec: {
-                                ...value.spec,
-                                disabled: !e.target.checked
-                            }
-                        })
+                    value: t1,
+                    checked: t2,
+                    onChange: t3
                 })
             })
-        ]
-    });
+        });
+        $[3] = t1;
+        $[4] = t2;
+        $[5] = t3;
+        $[6] = t4;
+    } else {
+        t4 = $[6];
+    }
+    return t4;
 }
-function MergeSeriesTransformEditor({ value, onChange }) {
-    return /*#__PURE__*/ _jsx(Stack, {
-        direction: "row",
-        children: /*#__PURE__*/ _jsx(FormControlLabel, {
-            label: "Enabled",
-            labelPlacement: "start",
-            control: /*#__PURE__*/ _jsx(Switch, {
-                value: !value.spec.disabled,
-                checked: !value.spec.disabled,
-                onChange: (e)=>onChange({
-                        ...value,
-                        spec: {
-                            ...value.spec,
-                            disabled: !e.target.checked
-                        }
+export function TransformEditor(t0) {
+    const $ = _c(39);
+    let onChange;
+    let props;
+    let value;
+    if ($[0] !== t0) {
+        ({ value, onChange, ...props } = t0);
+        $[0] = t0;
+        $[1] = onChange;
+        $[2] = props;
+        $[3] = value;
+    } else {
+        onChange = $[1];
+        props = $[2];
+        value = $[3];
+    }
+    let t1;
+    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+            width: "100%"
+        };
+        $[4] = t1;
+    } else {
+        t1 = $[4];
+    }
+    let t2;
+    if ($[5] !== onChange || $[6] !== value) {
+        t2 = (kind)=>onChange({
+                ...value,
+                kind: kind
+            });
+        $[5] = onChange;
+        $[6] = value;
+        $[7] = t2;
+    } else {
+        t2 = $[7];
+    }
+    let t3;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /*#__PURE__*/ _jsx(MenuItem, {
+            value: "JoinByColumnValue",
+            children: /*#__PURE__*/ _jsxs(Stack, {
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        children: "Join by column value"
+                    }),
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        children: "Regroup rows with equal cell value in a column"
                     })
+                ]
             })
-        })
-    });
-}
-export function TransformEditor({ value, onChange, ...props }) {
-    return /*#__PURE__*/ _jsxs(Stack, {
-        gap: 2,
-        sx: {
-            width: '100%'
-        },
-        mt: 1,
-        ...props,
-        children: [
-            /*#__PURE__*/ _jsxs(TextField, {
-                select: true,
-                label: "Kind",
-                value: value.kind,
-                onChange: (kind)=>onChange({
-                        ...value,
-                        kind: kind
-                    }),
+        });
+        $[8] = t3;
+    } else {
+        t3 = $[8];
+    }
+    let t4;
+    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = /*#__PURE__*/ _jsx(MenuItem, {
+            value: "MergeColumns",
+            children: /*#__PURE__*/ _jsxs(Stack, {
                 children: [
-                    /*#__PURE__*/ _jsx(MenuItem, {
-                        value: "JoinByColumnValue",
-                        children: /*#__PURE__*/ _jsxs(Stack, {
-                            children: [
-                                /*#__PURE__*/ _jsx(Typography, {
-                                    children: "Join by column value"
-                                }),
-                                /*#__PURE__*/ _jsx(Typography, {
-                                    variant: "caption",
-                                    children: "Regroup rows with equal cell value in a column"
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(MenuItem, {
-                        value: "MergeColumns",
-                        children: /*#__PURE__*/ _jsxs(Stack, {
-                            children: [
-                                /*#__PURE__*/ _jsx(Typography, {
-                                    children: "Merge columns"
-                                }),
-                                /*#__PURE__*/ _jsx(Typography, {
-                                    variant: "caption",
-                                    children: "Multiple columns are merged to one column"
-                                })
-                            ]
-                        })
+                    /*#__PURE__*/ _jsx(Typography, {
+                        children: "Merge columns"
                     }),
-                    /*#__PURE__*/ _jsx(MenuItem, {
-                        value: "MergeIndexedColumns",
-                        children: /*#__PURE__*/ _jsxs(Stack, {
-                            children: [
-                                /*#__PURE__*/ _jsx(Typography, {
-                                    children: "Merge indexed columns"
-                                }),
-                                /*#__PURE__*/ _jsx(Typography, {
-                                    variant: "caption",
-                                    children: "Indexed columns are merged to one column"
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(MenuItem, {
-                        value: "MergeSeries",
-                        children: /*#__PURE__*/ _jsxs(Stack, {
-                            children: [
-                                /*#__PURE__*/ _jsx(Typography, {
-                                    children: "Merge series"
-                                }),
-                                /*#__PURE__*/ _jsx(Typography, {
-                                    variant: "caption",
-                                    children: "Series will be merged by their labels"
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(MenuItem, {
-                        value: "PivotByLabel",
-                        children: /*#__PURE__*/ _jsxs(Stack, {
-                            children: [
-                                /*#__PURE__*/ _jsx(Typography, {
-                                    children: "Pivot by label"
-                                }),
-                                /*#__PURE__*/ _jsx(Typography, {
-                                    variant: "caption",
-                                    children: "Time × label matrix (rows = time, columns = label values)"
-                                })
-                            ]
-                        })
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        children: "Multiple columns are merged to one column"
                     })
                 ]
-            }),
-            value.kind === 'JoinByColumnValue' && /*#__PURE__*/ _jsx(JoinByColumnValueTransformEditor, {
-                value: value,
-                onChange: onChange
-            }),
-            value.kind === 'MergeColumns' && /*#__PURE__*/ _jsx(MergeColumnsTransformEditor, {
-                value: value,
-                onChange: onChange
-            }),
-            value.kind === 'MergeIndexedColumns' && /*#__PURE__*/ _jsx(MergeIndexedColumnsTransformEditor, {
-                value: value,
-                onChange: onChange
-            }),
-            value.kind === 'MergeSeries' && /*#__PURE__*/ _jsx(MergeSeriesTransformEditor, {
-                value: value,
-                onChange: onChange
-            }),
-            value.kind === 'PivotByLabel' && /*#__PURE__*/ _jsx(PivotByLabelTransformEditor, {
-                value: value,
-                onChange: onChange
             })
-        ]
-    });
-}
-function PivotByLabelTransformEditor({ value, onChange }) {
-    return /*#__PURE__*/ _jsxs(Stack, {
-        gap: 2,
-        children: [
-            /*#__PURE__*/ _jsx(MuiTextField, {
-                label: "Column label",
-                fullWidth: true,
-                value: value.spec.columnLabel ?? '',
-                onChange: (e)=>onChange({
-                        ...value,
-                        spec: {
-                            ...value.spec,
-                            columnLabel: e.target.value
-                        }
+        });
+        $[9] = t4;
+    } else {
+        t4 = $[9];
+    }
+    let t5;
+    if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = /*#__PURE__*/ _jsx(MenuItem, {
+            value: "MergeIndexedColumns",
+            children: /*#__PURE__*/ _jsxs(Stack, {
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        children: "Merge indexed columns"
                     }),
-                helperText: "Label that becomes dynamic column headers (e.g. farm_short)"
-            }),
-            /*#__PURE__*/ _jsx(MuiTextField, {
-                label: "Row field",
-                fullWidth: true,
-                value: value.spec.rowField ?? 'timestamp',
-                onChange: (e)=>onChange({
-                        ...value,
-                        spec: {
-                            ...value.spec,
-                            rowField: e.target.value
-                        }
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        children: "Indexed columns are merged to one column"
+                    })
+                ]
+            })
+        });
+        $[10] = t5;
+    } else {
+        t5 = $[10];
+    }
+    let t6;
+    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = /*#__PURE__*/ _jsx(MenuItem, {
+            value: "MergeSeries",
+            children: /*#__PURE__*/ _jsxs(Stack, {
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        children: "Merge series"
                     }),
-                helperText: "Field used for row identity (default: timestamp)"
-            }),
-            /*#__PURE__*/ _jsx(MuiTextField, {
-                label: "Value field",
-                fullWidth: true,
-                value: value.spec.valueField ?? 'value',
-                onChange: (e)=>onChange({
-                        ...value,
-                        spec: {
-                            ...value.spec,
-                            valueField: e.target.value
-                        }
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        children: "Series will be merged by their labels"
                     })
-            }),
-            /*#__PURE__*/ _jsx(MuiTextField, {
-                label: "Row column name",
-                fullWidth: true,
-                value: value.spec.rowColumnName ?? '',
-                onChange: (e)=>onChange({
-                        ...value,
-                        spec: {
-                            ...value.spec,
-                            rowColumnName: e.target.value || undefined
-                        }
+                ]
+            })
+        });
+        $[11] = t6;
+    } else {
+        t6 = $[11];
+    }
+    let t7;
+    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+        t7 = /*#__PURE__*/ _jsx(MenuItem, {
+            value: "PivotByLabel",
+            children: /*#__PURE__*/ _jsxs(Stack, {
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        children: "Pivot by label"
                     }),
-                helperText: "Optional display name for the row column (default: row field)"
-            }),
-            /*#__PURE__*/ _jsx(FormControlLabel, {
-                control: /*#__PURE__*/ _jsx(Switch, {
-                    checked: !!value.spec.disabled,
-                    onChange: (_, checked)=>onChange({
-                            ...value,
-                            spec: {
-                                ...value.spec,
-                                disabled: checked
-                            }
-                        })
-                }),
-                label: "Disabled"
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        children: "Time × label matrix (rows = time, columns = label values)"
+                    })
+                ]
             })
-        ]
-    });
+        });
+        $[12] = t7;
+    } else {
+        t7 = $[12];
+    }
+    let t8;
+    if ($[13] !== t2 || $[14] !== value.kind) {
+        t8 = /*#__PURE__*/ _jsxs(TextField, {
+            select: true,
+            label: "Kind",
+            value: value.kind,
+            onChange: t2,
+            children: [
+                t3,
+                t4,
+                t5,
+                t6,
+                t7
+            ]
+        });
+        $[13] = t2;
+        $[14] = value.kind;
+        $[15] = t8;
+    } else {
+        t8 = $[15];
+    }
+    let t9;
+    if ($[16] !== onChange || $[17] !== value) {
+        t9 = value.kind === "JoinByColumnValue" && /*#__PURE__*/ _jsx(JoinByColumnValueTransformEditor, {
+            value: value,
+            onChange: onChange
+        });
+        $[16] = onChange;
+        $[17] = value;
+        $[18] = t9;
+    } else {
+        t9 = $[18];
+    }
+    let t10;
+    if ($[19] !== onChange || $[20] !== value) {
+        t10 = value.kind === "MergeColumns" && /*#__PURE__*/ _jsx(MergeColumnsTransformEditor, {
+            value: value,
+            onChange: onChange
+        });
+        $[19] = onChange;
+        $[20] = value;
+        $[21] = t10;
+    } else {
+        t10 = $[21];
+    }
+    let t11;
+    if ($[22] !== onChange || $[23] !== value) {
+        t11 = value.kind === "MergeIndexedColumns" && /*#__PURE__*/ _jsx(MergeIndexedColumnsTransformEditor, {
+            value: value,
+            onChange: onChange
+        });
+        $[22] = onChange;
+        $[23] = value;
+        $[24] = t11;
+    } else {
+        t11 = $[24];
+    }
+    let t12;
+    if ($[25] !== onChange || $[26] !== value) {
+        t12 = value.kind === "MergeSeries" && /*#__PURE__*/ _jsx(MergeSeriesTransformEditor, {
+            value: value,
+            onChange: onChange
+        });
+        $[25] = onChange;
+        $[26] = value;
+        $[27] = t12;
+    } else {
+        t12 = $[27];
+    }
+    let t13;
+    if ($[28] !== onChange || $[29] !== value) {
+        t13 = value.kind === "PivotByLabel" && /*#__PURE__*/ _jsx(PivotByLabelTransformEditor, {
+            value: value,
+            onChange: onChange
+        });
+        $[28] = onChange;
+        $[29] = value;
+        $[30] = t13;
+    } else {
+        t13 = $[30];
+    }
+    let t14;
+    if ($[31] !== props || $[32] !== t10 || $[33] !== t11 || $[34] !== t12 || $[35] !== t13 || $[36] !== t8 || $[37] !== t9) {
+        t14 = /*#__PURE__*/ _jsxs(Stack, {
+            gap: 2,
+            sx: t1,
+            mt: 1,
+            ...props,
+            children: [
+                t8,
+                t9,
+                t10,
+                t11,
+                t12,
+                t13
+            ]
+        });
+        $[31] = props;
+        $[32] = t10;
+        $[33] = t11;
+        $[34] = t12;
+        $[35] = t13;
+        $[36] = t8;
+        $[37] = t9;
+        $[38] = t14;
+    } else {
+        t14 = $[38];
+    }
+    return t14;
+}
+function PivotByLabelTransformEditor(t0) {
+    const $ = _c(36);
+    const { value, onChange } = t0;
+    const t1 = value.spec.columnLabel ?? "";
+    let t2;
+    if ($[0] !== onChange || $[1] !== value) {
+        t2 = (e)=>onChange({
+                ...value,
+                spec: {
+                    ...value.spec,
+                    columnLabel: e.target.value
+                }
+            });
+        $[0] = onChange;
+        $[1] = value;
+        $[2] = t2;
+    } else {
+        t2 = $[2];
+    }
+    let t3;
+    if ($[3] !== t1 || $[4] !== t2) {
+        t3 = /*#__PURE__*/ _jsx(MuiTextField, {
+            label: "Column label",
+            fullWidth: true,
+            value: t1,
+            onChange: t2,
+            helperText: "Label that becomes dynamic column headers (e.g. farm_short)"
+        });
+        $[3] = t1;
+        $[4] = t2;
+        $[5] = t3;
+    } else {
+        t3 = $[5];
+    }
+    const t4 = value.spec.rowField ?? "timestamp";
+    let t5;
+    if ($[6] !== onChange || $[7] !== value) {
+        t5 = (e_0)=>onChange({
+                ...value,
+                spec: {
+                    ...value.spec,
+                    rowField: e_0.target.value
+                }
+            });
+        $[6] = onChange;
+        $[7] = value;
+        $[8] = t5;
+    } else {
+        t5 = $[8];
+    }
+    let t6;
+    if ($[9] !== t4 || $[10] !== t5) {
+        t6 = /*#__PURE__*/ _jsx(MuiTextField, {
+            label: "Row field",
+            fullWidth: true,
+            value: t4,
+            onChange: t5,
+            helperText: "Field used for row identity (default: timestamp)"
+        });
+        $[9] = t4;
+        $[10] = t5;
+        $[11] = t6;
+    } else {
+        t6 = $[11];
+    }
+    const t7 = value.spec.valueField ?? "value";
+    let t8;
+    if ($[12] !== onChange || $[13] !== value) {
+        t8 = (e_1)=>onChange({
+                ...value,
+                spec: {
+                    ...value.spec,
+                    valueField: e_1.target.value
+                }
+            });
+        $[12] = onChange;
+        $[13] = value;
+        $[14] = t8;
+    } else {
+        t8 = $[14];
+    }
+    let t9;
+    if ($[15] !== t7 || $[16] !== t8) {
+        t9 = /*#__PURE__*/ _jsx(MuiTextField, {
+            label: "Value field",
+            fullWidth: true,
+            value: t7,
+            onChange: t8
+        });
+        $[15] = t7;
+        $[16] = t8;
+        $[17] = t9;
+    } else {
+        t9 = $[17];
+    }
+    const t10 = value.spec.rowColumnName ?? "";
+    let t11;
+    if ($[18] !== onChange || $[19] !== value) {
+        t11 = (e_2)=>onChange({
+                ...value,
+                spec: {
+                    ...value.spec,
+                    rowColumnName: e_2.target.value || undefined
+                }
+            });
+        $[18] = onChange;
+        $[19] = value;
+        $[20] = t11;
+    } else {
+        t11 = $[20];
+    }
+    let t12;
+    if ($[21] !== t10 || $[22] !== t11) {
+        t12 = /*#__PURE__*/ _jsx(MuiTextField, {
+            label: "Row column name",
+            fullWidth: true,
+            value: t10,
+            onChange: t11,
+            helperText: "Optional display name for the row column (default: row field)"
+        });
+        $[21] = t10;
+        $[22] = t11;
+        $[23] = t12;
+    } else {
+        t12 = $[23];
+    }
+    const t13 = !!value.spec.disabled;
+    let t14;
+    if ($[24] !== onChange || $[25] !== value) {
+        t14 = (_, checked)=>onChange({
+                ...value,
+                spec: {
+                    ...value.spec,
+                    disabled: checked
+                }
+            });
+        $[24] = onChange;
+        $[25] = value;
+        $[26] = t14;
+    } else {
+        t14 = $[26];
+    }
+    let t15;
+    if ($[27] !== t13 || $[28] !== t14) {
+        t15 = /*#__PURE__*/ _jsx(FormControlLabel, {
+            control: /*#__PURE__*/ _jsx(Switch, {
+                checked: t13,
+                onChange: t14
+            }),
+            label: "Disabled"
+        });
+        $[27] = t13;
+        $[28] = t14;
+        $[29] = t15;
+    } else {
+        t15 = $[29];
+    }
+    let t16;
+    if ($[30] !== t12 || $[31] !== t15 || $[32] !== t3 || $[33] !== t6 || $[34] !== t9) {
+        t16 = /*#__PURE__*/ _jsxs(Stack, {
+            gap: 2,
+            children: [
+                t3,
+                t6,
+                t9,
+                t12,
+                t15
+            ]
+        });
+        $[30] = t12;
+        $[31] = t15;
+        $[32] = t3;
+        $[33] = t6;
+        $[34] = t9;
+        $[35] = t16;
+    } else {
+        t16 = $[35];
+    }
+    return t16;
 }
 
 //# sourceMappingURL=TransformEditor.js.map