@truedat/df 4.28.1 → 4.28.5

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

@@ -0,0 +1,152 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<MandatoryConditional /> matches the latest snapshot 1`] = `
+<div>
+  <div
+    class="field"
+  >
+    <label>
+      depends
+    </label>
+    <div
+      class="equal width fields"
+    >
+      <div
+        class="field"
+      >
+        <div
+          class="field"
+        >
+          <div
+            aria-disabled="false"
+            aria-expanded="false"
+            class="ui fluid search selection dropdown"
+            name="fields[0].name.mandatory.on"
+            role="combobox"
+          >
+            <input
+              aria-autocomplete="list"
+              autocomplete="off"
+              class="search"
+              tabindex="0"
+              type="text"
+              value=""
+            />
+            <div
+              aria-atomic="true"
+              aria-live="polite"
+              class="divider text"
+              role="alert"
+            >
+              Bar
+            </div>
+            <i
+              aria-hidden="true"
+              class="dropdown icon clear"
+            />
+            <div
+              class="menu transition"
+              role="listbox"
+            >
+              <div
+                aria-checked="false"
+                aria-selected="false"
+                class="item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  Foo
+                </span>
+              </div>
+              <div
+                aria-checked="true"
+                aria-selected="true"
+                class="active selected item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  Bar
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="field"
+      >
+        <div
+          class="field"
+        >
+          <div
+            aria-disabled="false"
+            aria-expanded="false"
+            class="ui fluid multiple search selection dropdown"
+            name="fields[0].name.mandatory.to_be"
+            role="combobox"
+          >
+            <a
+              class="ui label"
+              value="3"
+            >
+              3
+              <i
+                aria-hidden="true"
+                class="delete icon"
+              />
+            </a>
+            <input
+              aria-autocomplete="list"
+              autocomplete="off"
+              class="search"
+              tabindex="0"
+              type="text"
+              value=""
+            />
+            <span
+              class="sizer"
+            />
+            <div
+              aria-atomic="true"
+              aria-live="polite"
+              class="divider text"
+              role="alert"
+            >
+              to be
+            </div>
+            <i
+              aria-hidden="true"
+              class="dropdown icon clear"
+            />
+            <div
+              aria-multiselectable="true"
+              class="menu transition"
+              role="listbox"
+            >
+              <div
+                aria-checked="false"
+                aria-selected="true"
+                class="selected item"
+                role="option"
+                style="pointer-events: all;"
+              >
+                <span
+                  class="text"
+                >
+                  4
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;

package/src/templates/utils/index.js

@@ -5,4 +5,10 @@ export { filterValues, validValues } from "./filterValues";
 export { filterFields } from "./filterFields";
 export { filterSwitches, isSwitch, isSwitchValid } from "./filterSwitches";
 export { flattenFields } from "./flattenFields";
-export { validateContent, validateRequired } from "./validateContent";
+export {
+  enrichRequired,
+  dependentRequired,
+  isRequired,
+  validateContent,
+  validateRequired,
+} from "./validateContent";

package/src/templates/utils/validateContent.js

@@ -1,14 +1,16 @@
 import _ from "lodash/fp";
 import { flattenFields } from "./flattenFields";
 
-const fieldIsHiddenVerifier = content => ({ depends }) => {
-  if (!depends) return false;
-  const { on, to_be } = depends;
-  if (_.isArray(to_be)) return _.indexOf(content[on])(to_be) < 0;
-  else return content[on] != to_be;
-};
+const fieldIsHiddenVerifier =
+  (content) =>
+  ({ depends }) => {
+    if (!depends) return false;
+    const { on, to_be } = depends;
+    if (_.isArray(to_be)) return _.indexOf(content[on])(to_be) < 0;
+    else return content[on] != to_be;
+  };
 
-export const validateContent = template => content => {
+export const validateContent = (template) => (content) => {
   const fieldIsHidden = fieldIsHiddenVerifier(content);
   const templateContent = _.flow(
     flattenFields,
@@ -17,18 +19,43 @@ export const validateContent = template => content => {
   return _.flow(validateRequired(templateContent), _.head)([[], content]);
 };
 
-const isEmptyNumberOrObject = value =>
+const isEmptyNumberOrObject = (value) =>
   (_.isNumber(value) && _.isNil(value)) ||
   (!_.isNumber(value) && _.isEmpty(value));
 
-export const validateRequired = templateContent => ([validations, content]) => {
-  const newValidations = _.flow([
-    _.filter(x => _.includes(x.cardinality)(["1", "+"])),
-    _.map("name"),
-    _.filter(r => isEmptyNumberOrObject(_.prop(r)(content))),
-    _.map(field => ({ error: "missing required", field }))
-  ])(templateContent);
-  return [[...validations, ...newValidations], content];
+export const validateRequired =
+  (templateContent) =>
+  ([validations, content]) => {
+    const newValidations = _.flow([
+      _.filter((field) => isRequired(field, content)),
+      _.map("name"),
+      _.filter((r) => isEmptyNumberOrObject(_.prop(r)(content))),
+      _.map((field) => ({ error: "missing required", field })),
+    ])(templateContent);
+    return [[...validations, ...newValidations], content];
+  };
+
+export const dependentRequired = (field, content) => {
+  if (_.has("mandatory")(field)) {
+    const on = field?.mandatory?.on;
+    const dependent = content[on];
+    const target = field?.mandatory?.to_be || [];
+    if (_.isArray(dependent)) {
+      return !_.isEmpty(_.intersection(dependent)(target));
+    } else {
+      return _.includes(dependent)(target);
+    }
+  }
+  return false;
+};
+
+export const isRequired = (field, content) =>
+  _.includes(field?.cardinality)(["1", "+"]) ||
+  dependentRequired(field, content);
+
+export const enrichRequired = (field, content) => {
+  const required = isRequired(field, content);
+  return { ...field, required };
 };
 
 export default validateContent;