Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/wincloud_gateway/plugins/content-export-import/admin/src/components/RawInputForm/   drwxr-xr-x
Free 13.3 GB of 57.97 GB (22.95%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     index.js (1.64 KB)      -rw-r--r--

import React, { useState, memo } from "react";
import PropTypes from "prop-types";

import { EditorWrapper } from "./styles";
import Editor from "react-simple-code-editor";

import { Label, Select, Button } from "@buffetjs/core";
import { Row } from "../../components/common";

import FORMATS from "../../constants/formats";
import highlight from "../../utils/highlight";

const fortmatsOptions = FORMATS.map(({ name, mimeType }) => ({
  label: name,
  value: mimeType,
}));

function RawInputForm({ onSubmit }) {
  const [rawText, setRawText] = useState("");
  const [rawFormat, setRawFormat] = useState(FORMATS[0].mimeType || "");

  const handleSubmit = (ev) => {
    ev.preventDefault();
    onSubmit({
      data: rawText,
      type: rawFormat,
    });
  };

  return (
    <form className="col-12" onSubmit={handleSubmit}>
      <Row>
        <Label message="Data Format" htmlFor="dataFormats" />
        <Select
          name="dataFormats"
          options={fortmatsOptions}
          value={rawFormat}
          onChange={({ target: { value } }) => setRawFormat(value)}
        />
      </Row>
      <Row>
        <EditorWrapper>
          <Editor
            className="editor"
            value={rawText}
            onValueChange={(value) => setRawText(value)}
            highlight={(code) => highlight(code, rawFormat)}
            padding={10}
          />
        </EditorWrapper>
      </Row>
      <Row>
        <Button type="submit" label={"Analyze"} disabled={rawText === ""} />
      </Row>
    </form>
  );
}

RawInputForm.defaultProps = {
  onSubmit: () => {},
};

RawInputForm.propTypes = {
  onSubmit: PropTypes.func,
};

export default memo(RawInputForm);