Write a custom widget for comma separated input field

Is your feature request related to a problem? Please describe. We need a custom widget that will be used in a schema for Data Exfiltration payload. That widget should be a comma separated input field that will be used as file extension option in the payload. We need it in order to provide an option to set which file extensions will be selected during Data Exfiltration.

Describe the solution you'd like I have found a pretty cool sandbox that will kind of do that. From the sandbox we can see that if we enter .exe, it will make it is own badge.

Describe alternatives you've considered Maybe something better then this.

The actual component code from the sandbox:

/* eslint-disable no-use-before-define */
import React from "react";
import Autocomplete from "@material-ui/lab/Autocomplete";
import TextField from "@material-ui/core/TextField";

export default function Tags() {
  const [value, setValue] = React.useState([]);
  const [inputValue, setInputValue] = React.useState("");

  return (
    <Autocomplete
      multiple
      freeSolo
      id="tags-standard"
      options={["Option 1"]}
      value={value}
      inputValue={inputValue}
      onChange={(event, newValue) => {
        setValue(newValue);
      }}
      onInputChange={(event, newInputValue) => {
        const options = newInputValue.split(",");

        if (options.length > 1) {
          setValue(
            value
              .concat(options)
              .map(x => x.trim())
              .filter(x => x)
          );
        } else {
          setInputValue(newInputValue);
        }
      }}
      renderInput={params => (
        <TextField
          {...params}
          label="Automatic tokenization"
          placeholder="Use , as a delimiter"
        />
      )}
    />
  );
}

Tasks

[ ] Create a component that will be doing exactly what we have in the sandbox
[ ] Use the Data Exfiltration config schema and change the File Extension option to use that component.

guardicore / monkey

Write a custom widget for comma separated input field #3886

Tasks