@truedat/df 8.7.0 → 8.7.1

package/src/components/widgets/DynamicTableField.js

@@ -7,144 +7,148 @@ import { useIntl } from "react-intl";
 const FieldByWidget = lazy(() => import("./FieldByWidget"));
 
 export const DynamicTableField = ({
-    field: { name, value: fieldValue = [], values },
-    onChange,
-    scope,
+  field: { name, value: fieldValue = [], values },
+  onChange,
+  scope,
 }) => {
-    const value = fieldValue || [];
-    const table_columns = _.get("table_columns")(values) || [];
-    const { formatMessage } = useIntl();
+  const value = fieldValue || [];
+  const table_columns = _.get("table_columns")(values) || [];
+  const { formatMessage } = useIntl();
 
-    const handleAddRow = (e) => {
-        e && e.preventDefault();
-        onChange(e, {
-            name,
-            value: [...value, {}],
-        });
-    };
+  const handleAddRow = (e) => {
+    e && e.preventDefault();
+    onChange(e, {
+      name,
+      value: [...value, {}],
+    });
+  };
 
-    const handleRemoveRow = (e, id) => {
-        e && e.preventDefault();
-        const newValue = [...value];
-        newValue.splice(id, 1);
-        onChange(e, { name, value: newValue });
-    };
+  const handleRemoveRow = (e, id) => {
+    e && e.preventDefault();
+    const newValue = [...value];
+    newValue.splice(id, 1);
+    onChange(e, { name, value: newValue });
+  };
 
-    const handleChange = (idx, e, data) => {
-        const currentValue = removeDeletedColumns(table_columns, [...value]);
-        const input = {
-            ...currentValue[idx],
-            [data.name]: { origin: "user", value: data.value },
-        };
-        onChange(e, {
-            name,
-            value: currentValue.map((newElem, i) => (i == idx ? input : newElem)),
-        });
+  const handleChange = (idx, e, data) => {
+    const currentValue = removeDeletedColumns(table_columns, [...value]);
+    const input = {
+      ...currentValue[idx],
+      [data.name]: { origin: "user", value: data.value },
     };
+    onChange(e, {
+      name,
+      value: currentValue.map((newElem, i) => (i == idx ? input : newElem)),
+    });
+  };
 
-    const removeDeletedColumns = (table_columns, content) => {
-        const columns_name = _.map((column) => column.name)(table_columns);
-        return content.map((row) => {
-            const field_deleted = _.keys(row).filter(
-                (x) => !columns_name.includes(x),
-            );
-            return _.omit(field_deleted)(row);
-        });
-    };
+  const removeDeletedColumns = (table_columns, content) => {
+    const columns_name = _.map((column) => column.name)(table_columns);
+    return content.map((row) => {
+      const field_deleted = _.keys(row).filter(
+        (x) => !columns_name.includes(x),
+      );
+      return _.omit(field_deleted)(row);
+    });
+  };
 
-    const rows = value.map((row) => {
-        return table_columns.map((field) => {
-            return { ...field, value: row[field.name]?.value };
-        });
+  const rows = value.map((row) => {
+    return table_columns.map((field) => {
+      return { ...field, value: row[field.name]?.value };
     });
+  });
 
-    const requiredErrors = _.flow(
-        _.flatten,
-        _.filter(_.prop("required")),
-        _.groupBy("name"),
-        _.toPairs,
-        _.map(([key, values]) => [
-            key,
-            _.any((value) => _.isEmpty(value?.value))(values),
-        ]),
-        _.fromPairs
-    )(rows);
+  const requiredErrors = _.flow(
+    _.flatten,
+    _.filter(_.prop("required")),
+    _.groupBy("name"),
+    _.toPairs,
+    _.map(([key, values]) => [
+      key,
+      _.any((value) => _.isEmpty(value?.value))(values),
+    ]),
+    _.fromPairs,
+  )(rows);
 
-    return (
-        <Table celled className="no_padding">
-            <Table.Header>
-                <Table.Row>
-                    {table_columns.map((v, i) => (
-                        <Table.HeaderCell key={i}>
-                            {v.name}
-                            {["+", "1"].includes(v.cardinality) && (
-                                <span className="is_required">*</span>
-                            )}
-                            {requiredErrors[v.name] && (<Label pointing="left">
-                                {formatMessage({
-                                    id: "template.form.validation.empty_required",
-                                })}
-                            </Label>)
-                            }
-                        </Table.HeaderCell>
-                    ))}
-                    <Table.HeaderCell />
-                </Table.Row>
-            </Table.Header>
-            <Table.Body>
-                {rows.map((row, i) => (
-                    <Table.Row key={i}>
-                        {row.map((field, k) => (
-                            <Table.Cell key={k} width={5}>
-                                <FieldByWidget
-                                    field={field}
-                                    widget={field.widget}
-                                    onChange={(e, data) => handleChange(i, e, data)}
-                                    scope={scope}
-                                />
-                            </Table.Cell>
-                        ))}
-                        <Table.Cell style={{ textAlign: "center", padding: "1px" }} width={1}>
-                            <Button
-                                icon={
-                                    <Icon
-                                        className="selectable"
-                                        name="trash alternate outline"
-                                        color="red"
-                                        onClick={(e) => handleRemoveRow(e, i)}
-                                    />
-                                }
-                                color="red"
-                                size="mini"
-                                basic
-                            />
-                        </Table.Cell>
-                    </Table.Row>
-                ))}
-            </Table.Body>
-            <Table.Footer>
-                <Table.Row>
-                    <Table.HeaderCell colSpan={`${table_columns.length + 1}`}>
-                        <Button
-                            compact
-                            data-testid="add-button"
-                            floated="right"
-                            icon={{ name: "add", color: "green" }}
-                            name="add_button"
-                            onClick={handleAddRow}
-                            size="small"
-                        />
-                    </Table.HeaderCell>
-                </Table.Row>
-            </Table.Footer>
-        </Table>
-    );
+  return (
+    <Table celled className="no_padding">
+      <Table.Header>
+        <Table.Row>
+          {table_columns.map((v, i) => (
+            <Table.HeaderCell key={i}>
+              {v.name}
+              {["+", "1"].includes(v.cardinality) && (
+                <span className="is_required">*</span>
+              )}
+              {requiredErrors[v.name] && (
+                <Label pointing="left">
+                  {formatMessage({
+                    id: "template.form.validation.empty_required",
+                  })}
+                </Label>
+              )}
+            </Table.HeaderCell>
+          ))}
+          <Table.HeaderCell />
+        </Table.Row>
+      </Table.Header>
+      <Table.Body>
+        {rows.map((row, i) => (
+          <Table.Row key={i}>
+            {row.map((field, k) => (
+              <Table.Cell key={k} width={5}>
+                <FieldByWidget
+                  field={field}
+                  widget={field.widget}
+                  onChange={(e, data) => handleChange(i, e, data)}
+                  scope={scope}
+                />
+              </Table.Cell>
+            ))}
+            <Table.Cell
+              style={{ textAlign: "center", padding: "1px" }}
+              width={1}
+            >
+              <Button
+                icon={
+                  <Icon
+                    className="selectable"
+                    name="trash alternate outline"
+                    color="red"
+                    onClick={(e) => handleRemoveRow(e, i)}
+                  />
+                }
+                color="red"
+                size="mini"
+                basic
+              />
+            </Table.Cell>
+          </Table.Row>
+        ))}
+      </Table.Body>
+      <Table.Footer>
+        <Table.Row>
+          <Table.HeaderCell colSpan={`${table_columns.length + 1}`}>
+            <Button
+              compact
+              data-testid="add-button"
+              floated="right"
+              icon={{ name: "add", color: "green" }}
+              name="add_button"
+              onClick={handleAddRow}
+              size="small"
+            />
+          </Table.HeaderCell>
+        </Table.Row>
+      </Table.Footer>
+    </Table>
+  );
 };
 
 DynamicTableField.propTypes = {
-    field: PropTypes.object,
-    onChange: PropTypes.func,
-    scope: PropTypes.string,
+  field: PropTypes.object,
+  onChange: PropTypes.func,
+  scope: PropTypes.string,
 };
 
 export default DynamicTableField;

package/src/components/widgets/GroupPreview.js

@@ -56,7 +56,7 @@ export const GroupPreview = ({ groups }) =>
         key={groupId(group) || groupDisplayName(group)}
         group={group}
       />
-    ))
+    )),
   )(groups);
 
 GroupPreview.propTypes = {
@@ -68,7 +68,7 @@ GroupPreview.propTypes = {
         name: PropTypes.string.isRequired,
       }),
       PropTypes.string,
-    ])
+    ]),
   ).isRequired,
 };
 

package/src/components/widgets/HierarchyPreview.js

@@ -38,7 +38,7 @@ HiearchyPreviewLabel.propTypes = {
 const HierarchyPreview = ({ hierarchyValue }) =>
   _.flow(
     _.reject(_.isNull),
-    _.map((node) => <HiearchyPreviewLabel key={node.id} node={node} />)
+    _.map((node) => <HiearchyPreviewLabel key={node.id} node={node} />),
   )(hierarchyValue);
 
 HierarchyPreview.propTypes = {

package/src/components/widgets/ImageField.js

@@ -34,8 +34,8 @@ export const ImageField = ({ field: { name, value }, onChange }) => {
       setInputError(
         formatMessage(
           { id: "widget.image.error.too_big" },
-          { size_mb: MAXIMUM_FILE_SIZE_MB }
-        )
+          { size_mb: MAXIMUM_FILE_SIZE_MB },
+        ),
       );
       clearImage(e);
       return;
@@ -48,7 +48,6 @@ export const ImageField = ({ field: { name, value }, onChange }) => {
     };
     setInputValue(e.target.value);
 
-    // eslint-disable-next-line fp/no-mutation
     reader.readAsDataURL(file);
   };
   const clearImage = (e) => {

package/src/components/widgets/MarkdownField.js

@@ -11,4 +11,3 @@ MarkdownField.propTypes = {
 };
 
 export default MarkdownField;
-

package/src/components/widgets/StandardDropdown.js

@@ -35,8 +35,8 @@ const makeOptions = (formatMessage, label) => (cardinality, values) =>
   isMultiple(cardinality)
     ? translateValues(formatMessage, label)(values)
     : _.union(translateValues(formatMessage, label)(values), [
-      { text: formatMessage({ id: "selector.no.selection" }), value: null },
-    ]);
+        { text: formatMessage({ id: "selector.no.selection" }), value: null },
+      ]);
 
 const singleValueType = (name, value, options) =>
   _.flow(
@@ -44,7 +44,7 @@ const singleValueType = (name, value, options) =>
     ({ value: id, text, external_id }) => ({
       value: { id, name: text, external_id },
       name,
-    })
+    }),
   )(options);
 
 const multipleValueType = (name, value, options) => ({
@@ -55,7 +55,7 @@ const multipleValueType = (name, value, options) => ({
       id,
       name: text,
       external_id,
-    }))
+    })),
   )(options),
 });
 
@@ -95,7 +95,7 @@ export const StandardDropdown = ({
         (o, key) => ({
           ...o,
           key,
-        })
+        }),
       )}
     />
   );

package/src/components/widgets/StringField.js

@@ -2,10 +2,7 @@ import PropTypes from "prop-types";
 import { Form } from "semantic-ui-react";
 import { useIntl } from "react-intl";
 
-export const StringField = ({
-  field,
-  onChange,
-}) => {
+export const StringField = ({ field, onChange }) => {
   const { name, cardinality, placeholder, value } = field;
   const { formatMessage } = useIntl();
   return cardinality == "+" || cardinality == "*" ? (

package/src/components/widgets/TableField.js

@@ -42,7 +42,7 @@ export const TableField = ({
     const columns_name = _.map((column) => column.name)(table_columns);
     return content.map((row) => {
       const field_deleted = _.keys(row).filter(
-        (x) => !columns_name.includes(x)
+        (x) => !columns_name.includes(x),
       );
       return _.omit(field_deleted)(row);
     });

package/src/components/widgets/UserGroupPreview.js

@@ -79,7 +79,7 @@ UserGroupPreview.propTypes = {
         name: PropTypes.string.isRequired,
       }),
       PropTypes.string,
-    ])
+    ]),
   ).isRequired,
 };
 

package/src/components/widgets/__tests__/CheckboxField.spec.js

@@ -27,7 +27,7 @@ describe("<CheckboxField />", () => {
       expect.objectContaining({
         checked: true,
         value: "Si",
-      })
+      }),
     );
   });
 });
@@ -59,7 +59,7 @@ describe("<CheckboxField /> Multiple", () => {
     await user.click(rendered.getAllByRole("checkbox")[0]);
     expect(onChange).toHaveBeenCalledWith(
       expect.anything(),
-      expect.objectContaining({ value: ["foo"] })
+      expect.objectContaining({ value: ["foo"] }),
     );
   });
 });

package/src/components/widgets/__tests__/DropdownField.spec.js

@@ -45,7 +45,7 @@ describe("<DropdownField />", () => {
     const field = { ...fieldData, type: "domain" };
     const rendered = render(
       <DropdownField {...{ ...props, field }} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -55,7 +55,7 @@ describe("<DropdownField />", () => {
     const field = { ...fieldData, type: "system" };
     const rendered = render(
       <DropdownField {...{ ...props, field }} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();

package/src/components/widgets/__tests__/DynamicField.spec.js

@@ -148,9 +148,17 @@ describe("<DynamicField />", () => {
   });
 
   it("matches the latest snapshot (dynamic_table widget)", async () => {
-    const table_columns = [{ name: "col", type: "string", widget: "string", cardinality: "1" }];
-    const value = { value: [{ col: { origin: "user", value: "foo" } }], origin: "user" };
-    const props = { field: { widget: "dynamic_table", values: { table_columns }, value }, onChange };
+    const table_columns = [
+      { name: "col", type: "string", widget: "string", cardinality: "1" },
+    ];
+    const value = {
+      value: [{ col: { origin: "user", value: "foo" } }],
+      origin: "user",
+    };
+    const props = {
+      field: { widget: "dynamic_table", values: { table_columns }, value },
+      onChange,
+    };
     const rendered = render(<DynamicField {...props} />);
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();