@projectcaluma/ember-form 10.0.0 → 11.0.0-beta.1

package/addon/lib/dependencies.js

@@ -1,4 +1,5 @@
-import { computed, get } from "@ember/object";
+import { get } from "@ember/object";
+import { cached } from "tracked-toolbox";
 
 import { getAST, getTransforms } from "@projectcaluma/ember-core/utils/jexl";
 
@@ -47,79 +48,43 @@ export function getDependenciesFromJexl(jexl, expression) {
 }
 
 /**
- * Computed property to get all nested dependency parents of an expression. A
- * nested dependency parent would be a table field that is used with a mapby
- * transform in the JEXL expression.
- *
- * E.g: 'foo'|answer in 'bar'|answer|mapby('column') where 'bar' would be a
- * nested dependency parent.
- *
- * Those need to be extracted seperately since the overall dependencies need to
- * depend on the values of the nested dependency parents to recompute
- * correctly.
+ * Getter to extract all fields used in an expression.
  *
  * @param {String} expressionPath The path of the expression
- * @return {Field[]} Returns an array of nested dependency parent fields
+ * @return {Field[]} An array of all dependency fields
  */
-export function nestedDependencyParents(expressionPath) {
-  return dependencies(expressionPath, { onlyNestedParents: true });
-}
-
-/**
- * Computed property to get all dependencies of an expression.
- *
- * @param {String} expressionPath The path of the expression
- * @param {Object} options
- * @param {Boolean} options.onlyNestedParents Only include nested parent fields
- * @param {String} options.nestedParentsPath Path of the nested parent fields to trigger recomputation
- * @return {Field[]} Returns an array of all dependency fields
- */
-export function dependencies(
-  expressionPath,
-  { onlyNestedParents = false, nestedParentsPath = null } = {}
-) {
-  // If there are nested parents we need to recompute the property if their
-  // values change
-  const nestedTriggers = nestedParentsPath
-    ? [`${nestedParentsPath}.@each.value`]
-    : [];
-
-  return computed(
-    "document.{jexl,fields.[]}",
-    expressionPath,
-    ...nestedTriggers,
-    function () {
-      const expression = get(this, expressionPath);
-
-      if (!expression) return [];
-
-      const slugs = getDependenciesFromJexl(this.document.jexl, expression);
-
-      return slugs
-        .flatMap((slug) => {
-          const [fieldSlug, nestedSlug = null] = slug.split(".");
-
-          if (onlyNestedParents && !nestedSlug) {
-            return null;
-          }
-
-          const field = this.document.findField(fieldSlug);
-
-          if (!onlyNestedParents && nestedSlug && field?.value) {
-            // Get the nested fields from the parents value (rows)
-            const childFields =
-              nestedSlug === "__all__"
-                ? field.value.flatMap((row) => row.fields)
-                : field.value.map((row) => row.findField(nestedSlug));
-
-            return [field, ...childFields];
-          }
-
-          return [field];
-        })
-        .filter(Boolean);
-    }
-  );
+export function dependencies(expressionPath) {
+  return function (target, key) {
+    return cached(target, key, {
+      get() {
+        const expression = get(this, expressionPath);
+
+        if (!expression) return [];
+
+        const slugs = getDependenciesFromJexl(this.document.jexl, expression);
+
+        return slugs
+          .flatMap((slug) => {
+            const [fieldSlug, nestedSlug = null] = slug.split(".");
+
+            const field = this.document.findField(fieldSlug);
+
+            if (nestedSlug && field?.value) {
+              // Get the nested fields from the parents value (rows)
+              const childFields =
+                nestedSlug === "__all__"
+                  ? field.value.flatMap((row) => row.fields)
+                  : field.value.map((row) => row.findField(nestedSlug));
+
+              return [field, ...childFields];
+            }
+
+            return [field];
+          })
+          .filter(Boolean);
+      },
+    });
+  };
 }
 
 export default dependencies;

package/addon/lib/document.js

@@ -1,8 +1,8 @@
 import { getOwner } from "@ember/application";
 import { assert } from "@ember/debug";
-import { computed, defineProperty } from "@ember/object";
-import { inject as service } from "@ember/service";
+import { associateDestroyableChild } from "@ember/destroyable";
 import jexl from "jexl";
+import { cached } from "tracked-toolbox";
 
 import { decodeId } from "@projectcaluma/ember-core/helpers/decode-id";
 import { intersects, mapby } from "@projectcaluma/ember-core/utils/jexl";
@@ -17,124 +17,123 @@ const sum = (nums) => nums.reduce((num, base) => base + num, 0);
  *
  * @class Document
  */
-export default Base.extend({
-  calumaStore: service(),
-
-  init(...args) {
+export default class Document extends Base {
+  constructor({ raw, parentDocument, ...args }) {
     assert(
       "A graphql document `raw` must be passed",
-      this.raw && this.raw.__typename === "Document"
+      raw?.__typename === "Document"
     );
 
-    defineProperty(this, "pk", {
-      writable: false,
-      value: `Document:${decodeId(this.raw.id)}`,
-    });
+    super({ raw, ...args });
 
-    this._super(...args);
+    this.parentDocument = parentDocument;
 
-    this.set("fieldsets", []);
+    this.pushIntoStore();
 
     this._createRootForm();
     this._createFieldsets();
-  },
+  }
 
   _createRootForm() {
-    const rootForm =
-      this.calumaStore.find(`Form:${this.raw.rootForm.slug}`) ||
-      getOwner(this)
-        .factoryFor("caluma-model:form")
-        .create({ raw: this.raw.rootForm });
+    const owner = getOwner(this);
 
-    this.set("rootForm", rootForm);
-  },
+    this.rootForm =
+      this.calumaStore.find(`Form:${this.raw.rootForm.slug}`) ||
+      new (owner.factoryFor("caluma-model:form").class)({
+        raw: this.raw.rootForm,
+        owner,
+      });
+  }
 
   _createFieldsets() {
-    const fieldsets = this.raw.forms.map((form) => {
-      return (
+    const owner = getOwner(this);
+
+    this.fieldsets = this.raw.forms.map((form) => {
+      return associateDestroyableChild(
+        this,
         this.calumaStore.find(`${this.pk}:Form:${form.slug}`) ||
-        getOwner(this)
-          .factoryFor("caluma-model:fieldset")
-          .create({
+          new (owner.factoryFor("caluma-model:fieldset").class)({
             raw: { form, answers: this.raw.answers },
             document: this,
+            owner,
           })
       );
     });
-
-    this.set("fieldsets", fieldsets);
-  },
-
-  willDestroy(...args) {
-    this._super(...args);
-
-    const fieldsets = this.fieldsets;
-    this.set("fieldsets", []);
-    fieldsets.forEach((fieldset) => fieldset.destroy());
-  },
+  }
 
   /**
-   * The uuid of the document
+   * The parent document of this document. If this is set, the document is most
+   * likely a table row.
    *
-   * @property {String} uuid
-   * @accessor
+   * @property {Document} parentDocument
    */
-  uuid: computed("raw.id", function () {
-    return decodeId(this.raw.id);
-  }),
-
-  workItemUuid: computed(
-    "raw.{workItem.id,case.workItems.edges.[]}",
-    function () {
-      // The document is either directly attached to a work item (via
-      // CompleteTaskFormTask) or it's the case document and therefore
-      // indirectly attached to a work item (via CompleteWorkflowFormTask)
-      const rawId =
-        this.raw.workItem?.id ||
-        this.raw.case?.workItems.edges.find(
-          (edge) => edge.node.task.__typename === "CompleteWorkflowFormTask"
-        )?.node.id;
-
-      return rawId ? decodeId(rawId) : null;
-    }
-  ),
+  parentDocument = null;
 
   /**
    * The root form of this document
    *
    * @property {Form} rootForm
-   * @accessor
    */
-  rootForm: null,
+  rootForm = null;
 
   /**
    * The fieldsets of this document
    *
    * @property {Fieldset[]} fieldsets
-   * @accessor
    */
-  fieldsets: null,
+  fieldsets = [];
+
+  /**
+   * The primary key of the document.
+   *
+   * @property {String} pk
+   */
+  @cached
+  get pk() {
+    return `Document:${this.uuid}`;
+  }
+
+  /**
+   * The uuid of the document
+   *
+   * @property {String} uuid
+   */
+  @cached
+  get uuid() {
+    return decodeId(this.raw.id);
+  }
+
+  @cached
+  get workItemUuid() {
+    // The document is either directly attached to a work item (via
+    // CompleteTaskFormTask) or it's the case document and therefore
+    // indirectly attached to a work item (via CompleteWorkflowFormTask)
+    const rawId =
+      this.raw.workItem?.id ||
+      this.raw.case?.workItems.edges.find(
+        (edge) => edge.node.task.__typename === "CompleteWorkflowFormTask"
+      )?.node.id;
+
+    return rawId ? decodeId(rawId) : null;
+  }
 
   /**
    * All fields of all fieldsets of this document
    *
    * @property {Field[]} fields
-   * @accessor
    */
-  fields: computed("fieldsets.@each.fields", function () {
-    return this.fieldsets.reduce(
-      (fields, fieldset) => [...fields, ...fieldset.fields],
-      []
-    );
-  }),
+  @cached
+  get fields() {
+    return this.fieldsets.flatMap((fieldset) => fieldset.fields);
+  }
 
   /**
    * The JEXL object for evaluating jexl expressions on this document
    *
    * @property {JEXL} jexl
-   * @accessor
    */
-  jexl: computed(function () {
+  @cached
+  get jexl() {
     const documentJexl = new jexl.Jexl();
 
     documentJexl.addTransform("answer", (slug, defaultValue) =>
@@ -174,31 +173,29 @@ export default Base.extend({
     documentJexl.addTransform("stringify", (input) => JSON.stringify(input));
 
     return documentJexl;
-  }),
+  }
 
   /**
    * The JEXL context object for passing to the evaluation of jexl expessions
    *
    * @property {Object} jexlContext
-   * @accessor
    */
-  jexlContext: computed(
-    "rootForm.{slug,meta}",
-    "parentDocument.jexlContext",
-    function () {
-      if (this.parentDocument) return this.parentDocument.jexlContext;
-
-      return {
+  get jexlContext() {
+    return (
+      this.parentDocument?.jexlContext ?? {
         // JEXL interprets null in an expression as variable instead of a
         // primitive. This resolves that issue.
         null: null,
         form: this.rootForm.slug,
         info: {
-          root: { form: this.rootForm.slug, formMeta: this.rootForm.meta },
+          root: {
+            form: this.rootForm.slug,
+            formMeta: this.rootForm.raw.meta,
+          },
         },
-      };
-    }
-  ),
+      }
+    );
+  }
 
   /**
    * Object representation of a document. The question slug as key and the
@@ -215,9 +212,9 @@ export default Base.extend({
    * answer.
    *
    * @property {Object} flatAnswerMap
-   * @accessor
    */
-  flatAnswerMap: computed("fields.@each.{question,value}", function () {
+  @cached
+  get flatAnswerMap() {
     return this.fields.reduce(
       (answerMap, field) => ({
         ...answerMap,
@@ -225,7 +222,7 @@ export default Base.extend({
       }),
       {}
     );
-  }),
+  }
 
   /**
    * Find an answer for a given question slug
@@ -249,7 +246,7 @@ export default Base.extend({
       return defaultValue ?? field.question.isMultipleChoice ? [] : null;
     }
 
-    if (field.question.__typename === "TableQuestion") {
+    if (field.question.isTable) {
       return field.value.map((doc) =>
         doc.fields
           .filter((field) => !field.hidden)
@@ -263,7 +260,7 @@ export default Base.extend({
     }
 
     return field.value;
-  },
+  }
 
   /**
    * Find a field in the document by a given question slug
@@ -272,9 +269,8 @@ export default Base.extend({
    * @return {Field} The wanted field
    */
   findField(slug) {
-    return [
-      ...this.fields,
-      ...(this.parentDocument ? this.parentDocument.fields : []),
-    ].find((field) => field.question.slug === slug);
-  },
-});
+    return [...this.fields, ...(this.parentDocument?.fields ?? [])].find(
+      (field) => field.question.slug === slug
+    );
+  }
+}