@truedat/df 7.5.9 → 7.5.11

package/src/components/FieldGroupSubSegment/FieldGroupSubSegment.js

@@ -1,181 +0,0 @@
-import _ from "lodash/fp";
-import React, { useState, useRef } from "react";
-import PropTypes from "prop-types";
-import { Segment, Header, Button, Icon, Popup } from "semantic-ui-react";
-import { FormattedMessage } from "react-intl";
-import DynamicField from "../widgets/DynamicField";
-import { validateCopyEntries, validateCopyFields } from "./copyValidations";
-import { getCopyJson, getCopyForm } from "./handleCopyModule";
-
-export const FieldGroupSubSegment = ({
-  onFieldChange,
-  name,
-  fields,
-  prevFields
-}) => {
-  const fileFormat = JSON.parse(fields || "{}")["fileFormat"] || "";
-  const formatOptions = _.flow(
-    _.find(field => field.name === name),
-    _.pathOr([], "values.file_types"),
-    _.defaultTo([]),
-    _.map(({ text, value }) => ({ text: value, value: text }))
-  )(prevFields);
-  const [isFieldView, setFieldView] = useState(true);
-  const [errorMessage, setErrorMessage] = useState(null);
-  const [temporaryJson, setTemporaryJson] = useState(null);
-  // eslint-disable-next-line fp/no-let
-  let copySegment = getCopyForm(fields, fileFormat, formatOptions);
-  const prevCountRef = useRef();
-  const onChangeFormat = fields => {
-    prevCountRef.current = fileFormat;
-    // eslint-disable-next-line fp/no-mutation
-    copySegment = getCopyForm(fields, fileFormat, formatOptions);
-    const copyJson = JSON.stringify(
-      getCopyJson(fields, fileFormat, hasFormatChanged)
-    );
-
-    onFieldChange(null, { name, value: copyJson });
-    setTemporaryJson("");
-    setErrorMessage("");
-  };
-
-  const onChangeInSegment = (e, { name: fieldName, value: tokenValue }) => {
-    if (
-      ["delimiter", "quoted", "escape_char"].includes(fieldName) &&
-      tokenValue.length > 1
-    )
-      return;
-    const jsonCompleteField = JSON.parse(fields || "{}");
-    const { values } = copySegment.find(field => field.label === fieldName);
-    const jsonValue = values.find(
-      value => Object.keys(value)[0] === tokenValue
-    );
-    onFieldChange(e, {
-      name,
-      value: JSON.stringify({
-        ...jsonCompleteField,
-        [fieldName]: jsonValue ? jsonValue[tokenValue] : tokenValue
-      })
-    });
-  };
-
-  const onChangeInField = (e, { name: fieldName, value: originalValue }) => {
-    try {
-      const fieldContent = JSON.parse(originalValue || "{}");
-      validateJson(fieldContent);
-      setErrorMessage("");
-      setTemporaryJson(null);
-      onFieldChange(e, {
-        name: fieldName,
-        value: JSON.stringify(fieldContent)
-      });
-    } catch (error) {
-      const formatMessage = "template.form.subsegment.error.jsonformat";
-      error.name === "SyntaxError"
-        ? setErrorMessage(formatMessage)
-        : setErrorMessage(error.message);
-      setTemporaryJson(originalValue);
-    }
-  };
-
-  const validateJson = fieldContent => {
-    validateCopyFields(
-      validateCopyEntries(fieldContent, formatOptions),
-      formatOptions
-    );
-  };
-
-  const getFieldOnPreviousState = () => {
-    const validJson = JSON.stringify(
-      getCopyJson(fields, fileFormat, hasFormatChanged)
-    );
-    const fieldCopy = prevFields.find(field => field.name === name);
-    return {
-      ...fieldCopy,
-      label: "JSON",
-      value: temporaryJson || validJson,
-      widget: "textarea"
-    };
-  };
-
-  const hasFormatChanged = fileFormat !== prevCountRef.current;
-  hasFormatChanged && onChangeFormat(fields);
-
-  return (
-    <Segment>
-      {name !== "undefined" && (
-        <Header style={{ display: "inline-block" }} as="h4" content={name} />
-      )}
-      <div style={{ display: "inline-flex", float: "right" }}>
-        <Popup
-          basic
-          position="top center"
-          content={
-            <FormattedMessage id="template.form.subsegment.info.popup" />
-          }
-          trigger={
-            <Icon
-              size="large"
-              style={{ display: !!fileFormat ? "none" : "block" }}
-              name="info circle"
-            />
-          }
-        />
-        <Button
-          onClick={() => setFieldView(!isFieldView)}
-          style={{ backgroundColor: "#002057", color: "white" }}
-          icon
-          positive
-          disabled={!!errorMessage || !fileFormat}
-          size="small"
-        >
-          <Icon name={isFieldView ? "pencil alternate" : "arrow left"}></Icon>
-        </Button>
-      </div>
-
-      {!isFieldView || fileFormat === undefined ? (
-        <div>
-          <DynamicField
-            onChange={onChangeInField.bind(this)}
-            field={getFieldOnPreviousState()}
-          />
-          <span style={{ color: "red" }}>
-            {errorMessage && (
-              <FormattedMessage className="errorMessage" id={errorMessage} />
-            )}
-          </span>
-        </div>
-      ) : (
-        <>
-          {copySegment && (
-            <DynamicField
-              key={0}
-              onChange={onChangeInSegment.bind(this)}
-              field={copySegment.find(field => field.name === "fileFormat")}
-            />
-          )}
-          {copySegment && fileFormat ? (
-            <>
-              {copySegment.slice(1).map((field, i) => (
-                <DynamicField
-                  key={i + 1}
-                  onChange={onChangeInSegment.bind(this)}
-                  field={field}
-                />
-              ))}
-            </>
-          ) : null}
-        </>
-      )}
-    </Segment>
-  );
-};
-
-FieldGroupSubSegment.propTypes = {
-  onFieldChange: PropTypes.func,
-  name: PropTypes.string,
-  fields: PropTypes.string,
-  prevFields: PropTypes.array
-};
-
-export default FieldGroupSubSegment;

package/src/components/FieldGroupSubSegment/__tests__/FieldGroupSubSegment.spec.js

@@ -1,221 +0,0 @@
-import React from "react";
-import { shallow } from "enzyme";
-import { FieldGroupSubSegment } from "../FieldGroupSubSegment";
-
-describe("<FieldGroupSubSegment />", () => {
-  const setState = jest.fn();
-  const useStateSpy = jest.spyOn(React, "useState");
-  useStateSpy.mockImplementation((init) => [init, setState]);
-
-  const onFieldChange = jest.fn();
-  const name = "copy";
-  const fields =
-    '{"fileFormat":"DAT","header":true,"compression":"brotli","fields":[{"name":"New3","type":"decimal","size":11,"scale":2,"precision":10},{"name":"New5","type":"datetime","size":10,"format":"%d-%m-%Y %H:%M:%S"},{"name":"New1","type":"string","size":40},{"name":"New0","type":"datetime","size":10,"format":"%d-%m-%Y %H:%M:%S"},{"name":"New4","type":"string","size":40}]}';
-  const prevFields = [
-    {
-      cardinality: "1",
-      label: "Entidad",
-      name: "entidad",
-      parsedValues: undefined,
-      type: "string",
-      value: "a",
-      widget: "string",
-    },
-    {
-      cardinality: "1",
-      default: "",
-      description: "des",
-      label: "copy",
-      name: "copy",
-      parsedValues: undefined,
-      type: "string",
-      value:
-        '{"fileFormat":"DAT","header":true,"compression":"brotli","fields":[{"name":"New3","type":"decimal","size":11,"scale":2,"precision":10},{"name":"New5","type":"datetime","size":10,"format":"%d-%m-%Y %H:%M:%S"},{"name":"New1","type":"string","size":40},{"name":"New0","type":"datetime","size":10,"format":"%d-%m-%Y %H:%M:%S"},{"name":"New4","type":"string","size":40}]}',
-      values: {
-        file_types: [
-          { text: "template.widget.copy.char.separator.format", value: "CSV" },
-          { text: "template.widget.copy.without.fixed.column", value: "JSON" },
-          { text: "template.widget.copy.fixed.column", value: "DAT" },
-          { text: "template.widget.copy.fixed.column", value: "TXT" },
-          { text: "template.widget.copy.fixed.column", value: "Sin formato" },
-          { text: "template.widget.copy.without.fixed.column", value: "hola" },
-        ],
-      },
-      widget: "copy",
-    },
-  ];
-  const props = { onFieldChange, name, fields, prevFields };
-
-  it("matches the latest snapshot", () => {
-    const wrapper = shallow(<FieldGroupSubSegment {...props} />);
-    expect(wrapper).toMatchSnapshot();
-  });
-
-  it("set field view", () => {
-    const wrapper = shallow(<FieldGroupSubSegment {...props} />);
-    wrapper.find("Segment > div Button").simulate("click");
-    expect(wrapper.find("DynamicField").length).toBe(1);
-  });
-
-  it("onChangeMethod in field - field valid", () => {
-    const wrapper = shallow(<FieldGroupSubSegment {...props} />);
-    wrapper.find("Segment > div Button").simulate("click");
-    wrapper
-      .find("DynamicField")
-      .props()
-      .onChange(
-        {
-          preventDefault() {},
-          target: {},
-        },
-        {
-          name: "copy",
-          value:
-            '{"fileFormat": "DAT", "compression": "brotli", "fields": [{ "name": "New54", "type": "string", "size": 40 },{ "name": "New53", "type": "string", "size": 40 }]}',
-        }
-      );
-    expect(wrapper.find("Segment > div Button").props().disabled).toBe(true);
-  });
-
-  it("onChangeMethod in field - field invalid - requiredparam", () => {
-    const wrapper = shallow(<FieldGroupSubSegment {...props} />);
-    wrapper.find("Segment > div Button").simulate("click");
-    wrapper
-      .find("DynamicField")
-      .props()
-      .onChange(
-        {
-          preventDefault() {},
-          target: {},
-        },
-        {
-          name: "copy",
-          value:
-            '{"fileFormat": "DAT", "compression": "brotli", "fields": [{ "name": "New54", "type": "string", "size": 40 },{ "name": "New53", "type": "string", "size": 40 }]}',
-        }
-      );
-    expect(wrapper.find(".errorMessage").props().id).toBe(
-      "template.form.subsegment.error.requiredparam"
-    );
-  });
-
-  it("onChangeMethod in field - field invalid - wrongparams", () => {
-    const wrapper = shallow(<FieldGroupSubSegment {...props} />);
-    wrapper.find("Segment > div Button").simulate("click");
-    wrapper
-      .find("DynamicField")
-      .props()
-      .onChange(
-        {
-          preventDefault() {},
-          target: {},
-        },
-        {
-          name: "copy",
-          value:
-            '{"fileFormat": "DAT", "header": false, "compression": "brotli", "fields": [{ "name": "New54", "type": "string"},{ "name": "New53", "type": "string", "size": 40 }]}',
-        }
-      );
-    expect(wrapper.find(".errorMessage").props().id).toBe(
-      "template.form.subsegment.error.wrongparams"
-    );
-  });
-
-  it("onChangeMethod in field - field invalid - onechar", () => {
-    const wrapper = shallow(<FieldGroupSubSegment {...props} />);
-    wrapper.find("Segment > div Button").simulate("click");
-    wrapper
-      .find("DynamicField")
-      .props()
-      .onChange(
-        {
-          preventDefault() {},
-          target: {},
-        },
-        {
-          name: "copy",
-          value:
-            '{"fileFormat": "DAT", "header": false, "compression": "brotli", "delimiter": "sss","fields": [{ "name": "New54", "type": "string"},{ "name": "New53", "type": "string", "size": 40 }]}',
-        }
-      );
-    expect(wrapper.find(".errorMessage").props().id).toBe(
-      "template.form.subsegment.error.onechar"
-    );
-  });
-
-  it("onChangeMethod in field - field invalid - wrongname", () => {
-    const wrapper = shallow(<FieldGroupSubSegment {...props} />);
-    wrapper.find("Segment > div Button").simulate("click");
-    wrapper
-      .find("DynamicField")
-      .props()
-      .onChange(
-        {
-          preventDefault() {},
-          target: {},
-        },
-        {
-          name: "copy",
-          value:
-            '{"fileFormat": "DAT", "header": false, "compression": "brotli","fields": [{ "name": "New54.", "type": "string", "size": 40},{ "name": "New53", "type": "string", "size": 40 }]}',
-        }
-      );
-    expect(wrapper.find(".errorMessage").props().id).toBe(
-      "template.form.subsegment.error.wrongname"
-    );
-  });
-
-  it("onChangeMethod in field - field invalid - nofileformat", () => {
-    const wrapper = shallow(<FieldGroupSubSegment {...props} />);
-    wrapper.find("Segment > div Button").simulate("click");
-    wrapper
-      .find("DynamicField")
-      .props()
-      .onChange(
-        {
-          preventDefault() {},
-          target: {},
-        },
-        {
-          name: "copy",
-          value:
-            '{"header": false, "compression": "brotli","fields": [{ "name": "New54", "type": "string", "size": 40},{ "name": "New53", "type": "string", "size": 40 }]}',
-        }
-      );
-    expect(wrapper.find(".errorMessage").props().id).toBe(
-      "template.form.subsegment.error.nofileformat"
-    );
-  });
-
-  it("onChangeMethod in field - field invalid - wrongfield", () => {
-    const wrapper = shallow(<FieldGroupSubSegment {...props} />);
-    wrapper.find("Segment > div Button").simulate("click");
-    wrapper
-      .find("DynamicField")
-      .props()
-      .onChange(
-        {
-          preventDefault() {},
-          target: {},
-        },
-        {
-          name: "copy",
-          value:
-            '{"fileFormat": "DAT","header": false, "compression": "brotli","fields": [{ "name": "New54", "type": "test", "size": 40},{ "name": "New53", "type": "string", "size": 40 }]}',
-        }
-      );
-    expect(wrapper.find(".errorMessage").props().id).toBe(
-      "template.form.subsegment.error.wrongfield"
-    );
-  });
-
-  it("change field format", () => {
-    const wrapper = shallow(<FieldGroupSubSegment {...props} />);
-    wrapper
-      .find("DynamicField")
-      .at(0)
-      .props()
-      .onChange({}, { name: "fileFormat", value: "CSV" });
-    expect(props.onFieldChange).toHaveBeenCalled();
-  });
-});

package/src/components/FieldGroupSubSegment/__tests__/__snapshots__/FieldGroupSubSegment.spec.js.snap

@@ -1,230 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<FieldGroupSubSegment /> matches the latest snapshot 1`] = `
-<Segment>
-  <Header
-    as="h4"
-    content="copy"
-    style={
-      {
-        "display": "inline-block",
-      }
-    }
-  />
-  <div
-    style={
-      {
-        "display": "inline-flex",
-        "float": "right",
-      }
-    }
-  >
-    <Popup
-      basic={true}
-      content={
-        <Memo(MemoizedFormattedMessage)
-          id="template.form.subsegment.info.popup"
-        />
-      }
-      disabled={false}
-      eventsEnabled={true}
-      on={
-        [
-          "click",
-          "hover",
-        ]
-      }
-      pinned={false}
-      popperModifiers={[]}
-      position="top center"
-      trigger={
-        <Icon
-          as="i"
-          name="info circle"
-          size="large"
-          style={
-            {
-              "display": "none",
-            }
-          }
-        />
-      }
-    />
-    <Button
-      as="button"
-      disabled={false}
-      icon={true}
-      onClick={[Function]}
-      positive={true}
-      size="small"
-      style={
-        {
-          "backgroundColor": "#002057",
-          "color": "white",
-        }
-      }
-    >
-      <Icon
-        as="i"
-        name="pencil alternate"
-      />
-    </Button>
-  </div>
-  <DynamicField
-    field={
-      {
-        "cardinality": "1",
-        "description": "",
-        "label": "fileFormat",
-        "name": "fileFormat",
-        "parsedValues": [
-          {
-            "text": "CSV",
-            "value": "CSV",
-          },
-          {
-            "text": "JSON",
-            "value": "JSON",
-          },
-          {
-            "text": "DAT",
-            "value": "DAT",
-          },
-          {
-            "text": "TXT",
-            "value": "TXT",
-          },
-          {
-            "text": "Sin formato",
-            "value": "Sin formato",
-          },
-          {
-            "text": "hola",
-            "value": "hola",
-          },
-        ],
-        "type": "string",
-        "value": "DAT",
-        "values": [],
-        "widget": "dropdown",
-      }
-    }
-    key="0"
-    onChange={[Function]}
-  />
-  <DynamicField
-    field={
-      {
-        "cardinality": "1",
-        "description": "",
-        "label": "header",
-        "name": "header",
-        "parsedValues": [
-          {
-            "text": "true",
-            "value": "true",
-          },
-          {
-            "text": "false",
-            "value": "false",
-          },
-        ],
-        "type": "string",
-        "value": "true",
-        "values": [
-          {
-            "true": true,
-          },
-          {
-            "false": false,
-          },
-        ],
-        "widget": "radio",
-      }
-    }
-    key="1"
-    onChange={[Function]}
-  />
-  <DynamicField
-    field={
-      {
-        "cardinality": "1",
-        "description": "",
-        "label": "compression",
-        "name": "compression",
-        "parsedValues": [
-          {
-            "text": "none",
-            "value": "none",
-          },
-          {
-            "text": "gzip",
-            "value": "gzip",
-          },
-          {
-            "text": "bzip2",
-            "value": "bzip2",
-          },
-          {
-            "text": "brotli",
-            "value": "brotli",
-          },
-        ],
-        "type": "string",
-        "value": "brotli",
-        "values": [],
-        "widget": "dropdown",
-      }
-    }
-    key="2"
-    onChange={[Function]}
-  />
-  <DynamicField
-    field={
-      {
-        "cardinality": "1",
-        "description": "",
-        "label": "fields",
-        "name": "fields",
-        "parsedValues": [],
-        "type": "string",
-        "value": [
-          {
-            "name": "New3",
-            "precision": 10,
-            "scale": 2,
-            "size": 11,
-            "type": "decimal",
-          },
-          {
-            "format": "%d-%m-%Y %H:%M:%S",
-            "name": "New5",
-            "size": 10,
-            "type": "datetime",
-          },
-          {
-            "name": "New1",
-            "size": 40,
-            "type": "string",
-          },
-          {
-            "format": "%d-%m-%Y %H:%M:%S",
-            "name": "New0",
-            "size": 10,
-            "type": "datetime",
-          },
-          {
-            "name": "New4",
-            "size": 40,
-            "type": "string",
-          },
-        ],
-        "values": [],
-        "widget": "copy",
-      }
-    }
-    key="3"
-    onChange={[Function]}
-  />
-</Segment>
-`;

package/src/components/FieldGroupSubSegment/constants.js

@@ -1,68 +0,0 @@
-const constants = {
-  ENTRIES_FORMAT: {
-    "template.widget.copy.char.separator.format": [
-      "header",
-      "compression",
-      "delimiter",
-      "fileFormat",
-      "fields",
-      "quoted",
-      "escape_char"
-    ],
-    "template.widget.copy.without.fixed.column": [
-      "compression",
-      "fileFormat",
-      "fields"
-    ],
-    "template.widget.copy.fixed.column": [
-      "header",
-      "compression",
-      "fileFormat",
-      "fields"
-    ]
-  },
-  REQUIRED_COPY_ENTRIES: {
-    "template.widget.copy.char.separator.format": [
-      "header",
-      "compression",
-      "delimiter",
-      "fileFormat",
-      "fields"
-    ],
-    "template.widget.copy.without.fixed.column": [
-      "compression",
-      "fileFormat",
-      "fields"
-    ],
-    "template.widget.copy.fixed.column": [
-      "header",
-      "compression",
-      "fileFormat",
-      "fields"
-    ]
-  },
-  WITHOUT_SIZE: [
-    "template.widget.copy.char.separator.format",
-    "template.widget.copy.without.fixed.column"
-  ],
-  VALID_COMPRESSION: ["none", "gzip", "bzip2", "brotli"],
-  VALID_FIELD_TYPES: [
-    "string",
-    "integer",
-    "decimal",
-    "date",
-    "datetime",
-    "time",
-    "boolean"
-  ]
-};
-
-export default constants;
-export const {
-  ENTRIES_FORMAT,
-  REQUIRED_COPY_ENTRIES,
-  WITHOUT_SIZE,
-  VALID_COMPRESSION,
-  VALID_FIELD_TYPES,
-  AUX_FORMAT_OPTIONS
-} = constants;