@truedat/df 4.47.9 → 4.48.3

package/src/templates/components/__tests__/__snapshots__/Template.spec.js.snap

@@ -1,33 +1,284 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`<Template /> matches the latest snapshot 1`] = `
-<Fragment>
-  <TemplateCrumbs
-    name="Label"
-  />
-  <Segment>
-    <Header
-      as="h2"
+<div>
+  <div
+    class="ui breadcrumb"
+  >
+    <a
+      class="section"
+      href="/templates"
     >
-      <Icon
-        as="i"
-        circular={true}
-        name="file code outline"
-      />
-      <HeaderContent>
-        Label
-      </HeaderContent>
-    </Header>
-    <Connect(TemplateForm)
-      editMode={true}
-      onSubmit={[MockFunction]}
-      template={
-        Object {
-          "id": 1,
-          "label": "Label",
-        }
-      }
+      Templates
+    </a>
+    <i
+      aria-hidden="true"
+      class="right angle icon divider"
     />
-  </Segment>
-</Fragment>
+    <div
+      class="active section"
+    >
+      My Template
+    </div>
+  </div>
+  <div
+    class="ui segment"
+  >
+    <h2
+      class="ui header"
+    >
+      <i
+        aria-hidden="true"
+        class="file code outline circular icon"
+      />
+      <div
+        class="content"
+      >
+        My Template
+        <div
+          class="sub header"
+        >
+          template1
+        </div>
+      </div>
+    </h2>
+    <form
+      class="ui form"
+    >
+      <div
+        class="ui horizontal divider"
+      >
+        <h4
+          class="ui header"
+        >
+          Template
+        </h4>
+      </div>
+      <div
+        class="fields"
+      >
+        <div
+          class="required six wide field"
+        >
+          <label>
+            Name
+          </label>
+          <div
+            class="ui input"
+          >
+            <input
+              name="name"
+              required=""
+              type="text"
+              value="template1"
+            />
+          </div>
+        </div>
+        <div
+          class="required six wide field"
+        >
+          <label>
+            Label
+          </label>
+          <div
+            class="ui input"
+          >
+            <input
+              name="label"
+              required=""
+              type="text"
+              value="My Template"
+            />
+          </div>
+        </div>
+        <div
+          class="required four wide field"
+        >
+          <label>
+            Scope
+          </label>
+          <div
+            aria-expanded="false"
+            class="ui selection dropdown"
+            name="scope"
+            required=""
+            role="listbox"
+            tabindex="0"
+          >
+            <div
+              aria-atomic="true"
+              aria-live="polite"
+              class="divider default text"
+              role="alert"
+            >
+              Select scope...
+            </div>
+            <i
+              aria-hidden="true"
+              class="dropdown icon"
+            />
+            <div
+              class="menu transition"
+            >
+              <div
+                aria-checked="false"
+                aria-selected="true"
+                class="selected item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  Business Concept
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  Data Catalog
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  Data Request
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  Grants
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  Quality Executions
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  Quality Implementation
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  Quality Rule
+                </span>
+              </div>
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  Remediation plan
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ui horizontal divider"
+      >
+        <h4
+          class="ui header"
+        >
+          Field Groups
+        </h4>
+      </div>
+      <div
+        class="ui grid"
+      >
+        <div
+          class="four wide column"
+        >
+          <div
+            class="ui pointing vertical menu"
+          >
+            <a
+              class="item"
+            >
+              <i
+                aria-hidden="true"
+                class="square plus icon"
+              />
+              Add Group
+            </a>
+          </div>
+        </div>
+        <div
+          class="twelve wide column"
+        />
+      </div>
+      <div
+        class="ui divider"
+      />
+      <div
+        class="actions"
+      >
+        <button
+          class="ui negative button"
+        >
+          Delete
+        </button>
+        <button
+          class="ui primary button"
+        >
+          Save
+        </button>
+      </div>
+    </form>
+  </div>
+</div>
 `;

package/src/templates/components/templateForm/ActiveGroupForm.js

@@ -52,8 +52,8 @@ export const ActiveGroupForm = ({
 
   const handleAddField = () => {
     const newField = {
-      name: `new_field`,
-      label: `New Field`,
+      name: "new_field",
+      label: "New Field",
       widget: "string",
       cardinality: "?",
       type: "string",
@@ -144,7 +144,7 @@ export const ActiveGroupForm = ({
       />
       <Accordion
         panels={_.map.convert({ cap: false })((field, i) => ({
-          key: `field_${i}`,
+          key: i,
           title: {
             content: (
               <>
@@ -158,10 +158,11 @@ export const ActiveGroupForm = ({
                   )}
                   {field.label}
                 </Label>
-                {!_.isEmpty(_.prop(field.name)(dependencies)) &&
-                  _.map((d) => <Label key={i}>{d.name}</Label>)(
-                    _.prop(field.name)(dependencies)
-                  )}
+                {_.isEmpty(_.prop(field.name)(dependencies))
+                  ? null
+                  : _.map(({ label, name }) => (
+                      <Label key={name}>{label}</Label>
+                    ))(_.prop(field.name)(dependencies))}
               </>
             ),
           },

package/src/templates/components/templateForm/ConditionalFieldForm.js

@@ -11,15 +11,23 @@ const fieldsToOptions = (fields, fieldName) =>
       (f) =>
         !nilOrEmpty(_.pathOr([], "values.fixed")(f)) && f.name !== fieldName
     ),
-    _.map((f) => ({ text: f.label, value: f.name }))
+    _.map.convert({ cap: false })(({ label: text, name: value }, key) => ({
+      text,
+      value,
+      key: key,
+    }))
   )(fields);
 const valuesToOptions = (fields, value) =>
   value !== ""
     ? _.flow(
-        _.find((f) => f.name === value),
+        _.find({ name: value }),
         _.propOr([], "values.fixed"),
-        _.filter((v) => !_.isNil(v)),
-        _.map((v) => ({ text: v, value: v }))
+        _.reject(_.isNil),
+        _.map.convert({ cap: false })((v, key) => ({
+          text: v,
+          value: v,
+          key,
+        }))
       )(fields)
     : [];
 

package/src/templates/components/templateForm/GroupsList.js

@@ -7,7 +7,7 @@ export const GroupsList = ({
   groups,
   activeGroup,
   onAddGroup,
-  onSelectGroup
+  onSelectGroup,
 }) => {
   const { formatMessage } = useIntl();
   return (
@@ -38,7 +38,7 @@ GroupsList.propTypes = {
   onAddGroup: PropTypes.func.isRequired,
   onSelectGroup: PropTypes.func.isRequired,
   groups: PropTypes.array,
-  activeGroup: PropTypes.number
+  activeGroup: PropTypes.number,
 };
 
 export default GroupsList;

package/src/templates/components/templateForm/__tests__/__snapshots__/ActiveGroupForm.spec.js.snap

@@ -74,7 +74,7 @@ exports[`<ActiveGroupForm /> matches the latest snapshot 1`] = `
               onMove={[Function]}
             />,
           },
-          "key": "field_0",
+          "key": 0,
           "onTitleClick": [Function],
           "title": Object {
             "content": <React.Fragment>

package/src/templates/utils/__tests__/parseFieldOptions.spec.js

@@ -26,7 +26,7 @@ describe("utils: parseFieldOptions", () => {
     expect(result).toEqual({
       ...field,
       value: "1",
-      parsed_values: [
+      parsedValues: [
         { text: "1", value: "1" },
         { text: "3", value: "3" },
       ],
@@ -45,7 +45,7 @@ describe("utils: parseFieldOptions", () => {
     expect(result).toEqual({
       ...field,
       value: "b",
-      parsed_values: [
+      parsedValues: [
         { text: "a", value: "a" },
         { text: "b", value: "b" },
         { text: "c", value: "c" },
@@ -68,7 +68,7 @@ describe("utils: parseFieldOptions", () => {
     expect(result).toEqual({
       ...field,
       value: "a",
-      parsed_values: [
+      parsedValues: [
         { text: "a", value: "a" },
         { text: "b", value: "b" },
       ],
@@ -88,7 +88,7 @@ describe("utils: parseFieldOptions", () => {
     expect(result).toEqual({
       ...field,
       value: "y",
-      parsed_values: [
+      parsedValues: [
         { text: "x", value: "x" },
         { text: "y", value: "y" },
         { text: "z", value: "z" },
@@ -111,7 +111,7 @@ describe("utils: parseFieldOptions", () => {
     expect(result).toEqual({
       ...field,
       value: "bar",
-      parsed_values: [
+      parsedValues: [
         { text: "foo", value: "foo" },
         { text: "bar", value: "bar" },
       ],

package/src/templates/utils/__tests__/parseGroups.spec.js

@@ -30,6 +30,7 @@ describe("utils: parseGroups", () => {
       },
     ]);
   });
+
   it("omits fields", () => {
     const template = {
       content: [
@@ -49,6 +50,7 @@ describe("utils: parseGroups", () => {
       },
     ]);
   });
+
   it("hides dependant fields and parses values", () => {
     const template = {
       content: [
@@ -70,7 +72,7 @@ describe("utils: parseGroups", () => {
         fields: [
           {
             name: "parent",
-            parsed_values: [
+            parsedValues: [
               { text: "a", value: "a" },
               { text: "b", value: "b" },
             ],
@@ -89,6 +91,7 @@ describe("utils: parseGroups", () => {
       },
     ]);
   });
+
   it("hides dependant fields of multiple values", () => {
     const template = {
       content: [
@@ -109,7 +112,7 @@ describe("utils: parseGroups", () => {
         fields: [
           {
             name: "parent",
-            parsed_values: [
+            parsedValues: [
               { text: "a", value: "a" },
               { text: "b", value: "b" },
               { text: "c", value: "c" },
@@ -123,6 +126,7 @@ describe("utils: parseGroups", () => {
       },
     ]);
   });
+
   it("hides fields of switch type", () => {
     const template = {
       content: [
@@ -154,7 +158,7 @@ describe("utils: parseGroups", () => {
         fields: [
           {
             name: "parent",
-            parsed_values: [
+            parsedValues: [
               { text: "a", value: "a" },
               { text: "b", value: "b" },
             ],
@@ -167,7 +171,7 @@ describe("utils: parseGroups", () => {
             values: {
               switch: { on: "parent", values: { b: "1" } },
             },
-            parsed_values: [{ text: "1", value: "1" }],
+            parsedValues: [{ text: "1", value: "1" }],
             value: "1",
             required: false,
           },
@@ -176,6 +180,7 @@ describe("utils: parseGroups", () => {
       },
     ]);
   });
+
   it("filters groups without fields", () => {
     const template = {
       content: [
@@ -195,6 +200,7 @@ describe("utils: parseGroups", () => {
       },
     ]);
   });
+
   it("enriches isSecret", () => {
     const template = {
       content: [

package/src/templates/utils/parseFieldOptions.js

@@ -1,7 +1,8 @@
 import _ from "lodash/fp";
+
 const stringToValueTextList = _.map((v) => ({ value: v, text: v }));
 
-const parseFieldOptions = (content, selectedDomain) => (field) => {
+export const parseFieldOptions = (content, selectedDomain) => (field) => {
   const value = _.prop(field?.name)(content);
   if (!field?.values) return { ...field, value };
 
@@ -44,7 +45,7 @@ const parseFieldOptions = (content, selectedDomain) => (field) => {
     stringToValueTextList
   );
 
-  const parsed_values = _.flow(
+  const parsedValues = _.flow(
     _.get("values"),
     _.cond([
       [_.has("switch"), parseSwitch],
@@ -55,7 +56,5 @@ const parseFieldOptions = (content, selectedDomain) => (field) => {
       [_.has("domain"), parseDomain],
     ])
   )(field);
-  return { ...field, value, parsed_values };
+  return { ...field, value, parsedValues };
 };
-
-export { parseFieldOptions };

package/src/templates/utils/parseGroups.js

@@ -17,13 +17,13 @@ const checkDependency = (field, content) => {
 const enrichIsSecret = (isSecret) => (field) =>
   isSecret ? { ...field, isSecret } : field;
 
-const parseGroups = (template, content, fieldsToOmit, selectedDomain) =>
+export const parseGroups = (template, content, fieldsToOmit, selectedDomain) =>
   _.flow(
     _.getOr([], "content"),
     _.map((group) => {
       const fields = _.flow(
         _.get("fields"),
-        _.filter((field) => !_.includes(fieldsToOmit)(field?.name)),
+        _.reject((field) => _.includes(fieldsToOmit)(field?.name)),
         _.filter(
           (field) =>
             (!("depends" in field) ||
@@ -40,4 +40,3 @@ const parseGroups = (template, content, fieldsToOmit, selectedDomain) =>
     }),
     _.filter(({ fields }) => _.negate(_.isEmpty)(fields))
   )(template);
-export { parseGroups };