Repository: Avaiga/taipy
File: frontend/taipy-gui/src/components/Taipy/TableFilter.tsx (TypeScript)

Code before:
                        freeSolo
                        autoSelect
                        disableClearable
                        options={colLov}
                        value={val || ""}
                        onChange={onValueAutoComp}
                        renderInput={(params) => (
                            <TextField
                                {...params}
                                className="MuiAutocomplete-inputRootDense"
                                label={`${val ? "" : "Empty "}String`}
                                margin="dense"
                            />
                        )}
                        sx={autocompleteSx}
                    />
                ) : (
                    <TextField
                        value={val || ""}
                        onChange={onValueChange}
                        label={`${val ? "" : "Empty "}String`}
                        margin="dense"
                        slotProps={{
                            input: {
                                endAdornment: (
                                    <Tooltip title={matchCase ? "Case Sensitive" : "Case Insensitive"}>
                                        <IconButton onClick={toggleMatchCase} size="small">
                                            <MatchCase color={matchCase ? "primary" : "disabled"} />
                                        </IconButton>
                                    </Tooltip>
                                ),
                            },
                        }}
                    />
                )}
            </Grid>

            <Grid size={1}>
                <Tooltip title="Validate">
                    <span>
                        <IconButton onClick={onCheckClick} disabled={!enableCheck} sx={iconInRowSx}>
                            <CheckIcon />
                        </IconButton>
                    </span>
                </Tooltip>
            </Grid>
            <Grid size={1}>
                <Tooltip title="Delete">
                    <span>
                        <IconButton onClick={onDeleteClick} disabled={!enableDel} sx={iconInRowSx}>
                            <DeleteIcon />

Review comment (security):
```suggestion
                                    <Tooltip title={matchCase ? "Case sensitive" : "Case insensitive"}>
```

Code after:
                        freeSolo
                        autoSelect
                        disableClearable
                        options={colLov}
                        value={val || ""}
                        onChange={onValueAutoComp}
                        renderInput={(params) => (
                            <TextField
                                {...params}
                                className="MuiAutocomplete-inputRootDense"
                                label={`${val ? "" : "Empty "}String`}
                                margin="dense"
                            />
                        )}
                        sx={autocompleteSx}
                    />
                ) : (
                    <TextField
                        value={val || ""}
                        onChange={onValueChange}
                        label={`${val ? "" : "Empty "}String`}
                        margin="dense"
                        slotProps={{
                            input: {
                                endAdornment: (
                                    <Tooltip title={matchCase ? "Case sensitive" : "Case insensitive"}>
                                        <IconButton onClick={toggleMatchCase} size="small">
                                            <MatchCase color={matchCase ? "primary" : "disabled"} />
                                        </IconButton>
                                    </Tooltip>
                                ),
                            },
                        }}
                    />
                )}
            </Grid>

            <Grid size={1}>
                <Tooltip title="Validate">
                    <span>
                        <IconButton onClick={onCheckClick} disabled={!enableCheck} sx={iconInRowSx}>
                            <CheckIcon />
                        </IconButton>
                    </span>
                </Tooltip>
            </Grid>
            <Grid size={1}>
                <Tooltip title="Delete">
                    <span>
                        <IconButton onClick={onDeleteClick} disabled={!enableDel} sx={iconInRowSx}>
                            <DeleteIcon />