@projectcaluma/ember-form 14.11.1 → 14.13.0

package/addon/components/cf-content.js

@@ -160,18 +160,17 @@ export default class CfContentComponent extends Component {
 
     let answerDocument = null;
     let historicalDocument = null;
+    let jexlContext = null;
 
     if (!this.args.compare) {
-      [answerDocument] = (
-        await this.apollo.query(
-          {
-            query: getDocumentAnswersQuery,
-            fetchPolicy: "network-only",
-            variables: { id: this.args.documentId },
-          },
-          "allDocuments.edges",
-        )
-      ).map(({ node }) => node);
+      const data = await this.apollo.query({
+        query: getDocumentAnswersQuery,
+        fetchPolicy: "network-only",
+        variables: { id: this.args.documentId },
+      });
+
+      answerDocument = data.allDocuments.edges[0].node;
+      jexlContext = data.jexlContext;
     } else {
       const { from, to } = this.args.compare;
 
@@ -186,6 +185,7 @@ export default class CfContentComponent extends Component {
       });
       historicalDocument = data.fromRevision;
       answerDocument = data.toRevision;
+      jexlContext = data.jexlContext;
     }
 
     const [form] = (
@@ -199,14 +199,14 @@ export default class CfContentComponent extends Component {
       )
     ).map(({ node }) => node);
 
-    const raw = parseDocument({ ...answerDocument, form });
+    const raw = parseDocument({ ...answerDocument, form, jexlContext });
 
     const document = new Document({
       raw,
       owner,
       dataSourceContext: this.args.context,
       historicalDocument: historicalDocument
-        ? parseDocument({ ...historicalDocument, form })
+        ? parseDocument({ ...historicalDocument, form, jexlContext })
         : null,
       compare: this.args.compare,
     });

package/addon/components/cf-field/input/powerselect.hbs

@@ -1,4 +1,5 @@
 <this.selectComponent
+  @multiple={{this.multiple}}
   @options={{@field.options}}
   @selected={{this.selected}}
   @disabled={{@disabled}}

package/addon/components/cf-field/input/powerselect.js

@@ -3,7 +3,6 @@ import { inject as service } from "@ember/service";
 import { ensureSafeComponent } from "@embroider/util";
 import Component from "@glimmer/component";
 import PowerSelectComponent from "ember-power-select/components/power-select";
-import PowerSelectMultipleComponent from "ember-power-select/components/power-select-multiple";
 
 import getConfig from "@projectcaluma/ember-core/utils/get-config";
 
@@ -33,10 +32,7 @@ export default class CfFieldInputPowerselectComponent extends Component {
   }
 
   get selectComponent() {
-    return ensureSafeComponent(
-      this.multiple ? PowerSelectMultipleComponent : PowerSelectComponent,
-      this,
-    );
+    return ensureSafeComponent(PowerSelectComponent, this);
   }
 
   get searchEnabled() {

package/addon/components/cf-field/input/table.hbs

@@ -79,7 +79,7 @@
               </UkButton>
               <UkButton
                 @color="link"
-                @onClick={{fn (perform this.delete) document}}
+                @onClick={{fn this.delete.perform document}}
                 title={{t "caluma.form.delete"}}
                 class="uk-flex-inline uk-margin-small-left table-controls"
                 data-test-delete-row
@@ -99,7 +99,7 @@
         <td colspan={{add this.columns.length 1}} class="uk-text-center">
           <UkButton
             @color="link"
-            @onClick={{perform this.add}}
+            @onClick={{this.add.perform}}
             title={{t "caluma.form.addRow"}}
             data-test-add-row
           >
@@ -115,7 +115,7 @@
 {{#if this.documentToEdit}}
   <UkModal
     @visible={{this.showAddModal}}
-    @onHide={{perform this.close}}
+    @onHide={{this.close.perform}}
     @bgClose={{false}}
     as |modal|
   >
@@ -134,7 +134,7 @@
         <UkButton
           @label={{t "caluma.form.close"}}
           @color="primary"
-          @onClick={{perform this.close}}
+          @onClick={{this.close.perform}}
           @disabled={{this.close.isRunning}}
           @loading={{this.close.isRunning}}
           data-test-close
@@ -142,7 +142,7 @@
       {{else}}
         <UkButton
           @label={{t "caluma.form.cancel"}}
-          @onClick={{perform this.close}}
+          @onClick={{this.close.perform}}
           @disabled={{this.close.isRunning}}
           @loading={{this.close.isRunning}}
           data-test-cancel
@@ -158,7 +158,7 @@
             @type="submit"
             @disabled={{or this.save.isRunning (not isValid)}}
             @loading={{this.save.isRunning}}
-            @onClick={{fn (perform this.save) validate}}
+            @onClick={{fn this.save.perform validate}}
             data-test-save
           />
         </DocumentValidity>

package/addon/components/cf-field/input-compare.hbs

@@ -4,7 +4,7 @@
     field=@field
     disabled=true
     context=@context
-    onSave=(perform this.save)
+    onSave=this.save.perform
   )
   as |FieldComponent|
 }}

package/addon/components/cf-field.hbs

@@ -34,7 +34,7 @@
               @field={{@field}}
               @disabled={{or @disabled @field.refreshAnswer.isRunning}}
               @context={{@context}}
-              @onSave={{perform this.save}}
+              @onSave={{this.save.perform}}
             />
           {{/let}}
         {{/if}}

package/addon/gql/queries/document-answers-compare.graphql

@@ -108,6 +108,8 @@ query (
   $to: DateTime!
   $context: JSONString
 ) {
+  jexlContext: documentGlobalJexlContext(id: $documentId)
+
   fromRevision: documentAsOf(id: $documentId, asOf: $from) {
     ...RevisionDocument
     answers: historicalAnswers(asOf: $from, excludeDeleted: true) {

package/addon/gql/queries/document-answers.graphql

@@ -1,27 +1,46 @@
 #import * from '../fragments/field.graphql'
-#import * from '../fragments/case-form-and-workflow.graphql'
 
 query DocumentAnswers($id: ID!) {
+  # Global JEXL context (case & work item) for JEXL evaluations. This will be
+  # enriched with the document depending data in `lib/document.js` and
+  # `lib/field.js` before being passed into the JEXL evaluation
+  jexlContext: documentGlobalJexlContext(id: $id)
+
   allDocuments(filter: [{ id: $id }]) {
     edges {
       node {
         id
+
+        # Basic form information
         form {
           id
           slug
         }
+
+        # All answers of the document, up to three levels deep (top form -> sub
+        # form -> table form)
+        answers {
+          edges {
+            node {
+              ...FieldAnswer
+            }
+          }
+        }
+
+        # Work item and case work items to determine the actionable work item
+        # for action buttons. This is either the direct work item below or a
+        # case work item of the type complete workflow form.
+        # See `workItemUuid` in `lib/document.js`
         workItem {
           id
-          case {
-            ...CaseFormAndWorkflow
-          }
         }
         case {
-          ...CaseFormAndWorkflow
           workItems {
             edges {
               node {
                 id
+                # `__typename` is what identifies the complete workflow form
+                # work item, the `task` selection is only there to request it
                 task {
                   id
                 }
@@ -29,13 +48,6 @@ query DocumentAnswers($id: ID!) {
             }
           }
         }
-        answers {
-          edges {
-            node {
-              ...FieldAnswer
-            }
-          }
-        }
       }
     }
   }

package/addon/lib/document.js

@@ -232,26 +232,30 @@ export default class Document extends Base {
    * @property {Object} jexlContext
    */
   get jexlContext() {
-    const _case = this.raw.workItem?.case ?? this.raw.case;
+    const globalContext = this.raw.jexlContext ?? {
+      info: {
+        // Expressions rely on these being `null` rather than absent when the
+        // document is not attached to a case or work item.
+        case: null,
+        workItem: null,
+      },
+    };
+
     return (
       this.parentDocument?.jexlContext ?? {
+        ...globalContext,
         // JEXL interprets null in an expression as variable instead of a
         // primitive. This resolves that issue.
         null: null,
+        // The information about the root form needs to be constructed on the
+        // first document as it doesn't depend on the field.
         form: this.rootForm.slug,
         info: {
+          ...globalContext.info,
           root: {
             form: this.rootForm.slug,
             formMeta: this.rootForm.raw.meta,
           },
-          case: {
-            form: _case?.document?.form.slug,
-            workflow: _case?.workflow.slug,
-            root: {
-              form: _case?.family.document?.form.slug,
-              workflow: _case?.family.workflow.slug,
-            },
-          },
         },
       }
     );

package/addon/lib/field.js

@@ -554,13 +554,17 @@ export default class Field extends Base {
    * - `info.formMeta`: The meta of the form this question is attached to.
    * - `info.parent.form`: The parent form if applicable.
    * - `info.parent.formMeta`: The parent form meta if applicable.
-   * - `info.parent.question`: The parent field question if applicable.
+   * - `info.parent.question`: The parent question (table or form question)
    * - `info.root.form`: The new property for the root form.
    * - `info.root.formMeta`: The new property for the root form meta.
    * - `info.case.form`: The cases' form (works for task forms and case forms).
    * - `info.case.workflow`: The cases' workflow (works for task forms and case forms).
+   * - `info.case.meta`: The cases' meta (works for task forms and case forms).
    * - `info.case.root.form`: The _root_ cases' form (works for task forms and case forms).
    * - `info.case.root.workflow`: The _root_ cases' workflow (works for task forms and case forms).
+   * - `info.case.root.meta`: The _root_ cases' meta (works for task forms and case forms).
+   * - `info.workItem.task`: The task slug of the work item
+   * - `info.workItem.meta`: The meta of the work item
    *
    * @property {Object} jexlContext
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@projectcaluma/ember-form",
-  "version": "14.11.1",
+  "version": "14.13.0",
   "description": "Ember addon for rendering Caluma forms.",
   "keywords": [
     "ember-addon"
@@ -39,7 +39,7 @@
     "luxon": "^3.5.0",
     "reactiveweb": "^1.3.0",
     "tracked-toolbox": "^2.0.0",
-    "@projectcaluma/ember-core": "^14.11.1"
+    "@projectcaluma/ember-core": "^14.13.0"
   },
   "devDependencies": {
     "@ember/optional-features": "2.3.0",
@@ -74,12 +74,12 @@
     "uikit": "3.25.6",
     "uuid": "13.0.0",
     "webpack": "5.104.1",
-    "@projectcaluma/ember-testing": "14.11.1",
-    "@projectcaluma/ember-workflow": "14.11.1"
+    "@projectcaluma/ember-testing": "14.13.0",
+    "@projectcaluma/ember-workflow": "14.13.0"
   },
   "peerDependencies": {
     "ember-source": ">= 4.0.0",
-    "@projectcaluma/ember-workflow": "^14.11.1"
+    "@projectcaluma/ember-workflow": "^14.13.0"
   },
   "dependenciesMeta": {
     "@projectcaluma/ember-core": {

package/addon/gql/fragments/case-form-and-workflow.graphql

@@ -1,28 +0,0 @@
-fragment CaseFormAndWorkflow on Case {
-  id
-  workflow {
-    id
-    slug
-  }
-  document {
-    id
-    form {
-      id
-      slug
-    }
-  }
-  family {
-    id
-    workflow {
-      id
-      slug
-    }
-    document {
-      id
-      form {
-        id
-        slug
-      }
-    }
-  }
-}