@projectcaluma/ember-form-builder 11.0.0-beta.4 → 11.0.0-beta.40

package/addon/gql/mutations/save-date-question.graphql

@@ -5,6 +5,9 @@ mutation SaveDateQuestion($input: SaveDateQuestionInput!) {
     question {
       id
       ...QuestionInfo
+      ... on DateQuestion {
+        hintText
+      }
     }
     clientMutationId
   }

package/addon/gql/mutations/save-dynamic-choice-question.graphql

@@ -7,6 +7,7 @@ mutation SaveDynamicChoiceQuestion($input: SaveDynamicChoiceQuestionInput!) {
       ...QuestionInfo
       ... on DynamicChoiceQuestion {
         dataSource
+        hintText
       }
     }
     clientMutationId

package/addon/gql/mutations/save-dynamic-multiple-choice-question.graphql

@@ -9,6 +9,7 @@ mutation SaveDynamicMultipleChoiceQuestion(
       ...QuestionInfo
       ... on DynamicMultipleChoiceQuestion {
         dataSource
+        hintText
       }
     }
     clientMutationId

package/addon/gql/mutations/save-files-question.graphql

@@ -0,0 +1,14 @@
+#import QuestionInfo from '../fragments/question-info.graphql'
+
+mutation SaveFilesQuestion($input: SaveFilesQuestionInput!) {
+  saveFilesQuestion(input: $input) {
+    question {
+      id
+      ...QuestionInfo
+      ... on FilesQuestion {
+        hintText
+      }
+    }
+    clientMutationId
+  }
+}

package/addon/gql/mutations/save-float-question.graphql

@@ -8,6 +8,7 @@ mutation SaveFloatQuestion($input: SaveFloatQuestionInput!) {
       ... on FloatQuestion {
         floatMinValue: minValue
         floatMaxValue: maxValue
+        hintText
       }
     }
     clientMutationId

package/addon/gql/mutations/save-integer-question.graphql

@@ -8,6 +8,7 @@ mutation SaveIntegerQuestion($input: SaveIntegerQuestionInput!) {
       ... on IntegerQuestion {
         integerMinValue: minValue
         integerMaxValue: maxValue
+        hintText
       }
     }
     clientMutationId

package/addon/gql/mutations/save-multiple-choice-question.graphql

@@ -15,6 +15,7 @@ mutation SaveMultipleChoiceQuestion($input: SaveMultipleChoiceQuestionInput!) {
             }
           }
         }
+        hintText
       }
     }
     clientMutationId

package/addon/gql/mutations/save-table-question.graphql

@@ -10,6 +10,7 @@ mutation SaveTableQuestion($input: SaveTableQuestionInput!) {
           id
           slug
         }
+        hintText
       }
     }
     clientMutationId

package/addon/gql/mutations/save-text-question.graphql

@@ -8,6 +8,7 @@ mutation SaveTextQuestion($input: SaveTextQuestionInput!) {
       ... on TextQuestion {
         minLength
         maxLength
+        hintText
       }
     }
     clientMutationId

package/addon/gql/mutations/save-textarea-question.graphql

@@ -8,6 +8,7 @@ mutation SaveTextareaQuestion($input: SaveTextareaQuestionInput!) {
       ... on TextareaQuestion {
         minLength
         maxLength
+        hintText
       }
     }
     clientMutationId

package/addon/gql/queries/all-format-validators.graphql

@@ -0,0 +1,10 @@
+query AllFormatValidators {
+  allFormatValidators {
+    edges {
+      node {
+        slug
+        name
+      }
+    }
+  }
+}

package/addon/gql/queries/check-form-slug.graphql

@@ -1,5 +1,5 @@
 query CheckFormSlug($slug: String!) {
-  allForms(filter: [{ slug: $slug }]) {
+  allForms(filter: [{ slugs: [$slug] }]) {
     edges {
       node {
         id

package/addon/gql/queries/check-question-slug.graphql

@@ -1,5 +1,5 @@
 query CheckQuestionSlug($slug: String!) {
-  allQuestions(filter: [{ slug: $slug }]) {
+  allQuestions(filter: [{ slugs: [$slug] }]) {
     edges {
       node {
         id

package/addon/gql/queries/form-editor-general.graphql

@@ -1,7 +1,7 @@
 #import FormInfo from '../fragments/form-info.graphql'
 
 query FormEditorGeneral($slug: String!) {
-  allForms(filter: [{ slug: $slug }]) {
+  allForms(filter: [{ slugs: [$slug] }]) {
     edges {
       node {
         id

package/addon/gql/queries/form-editor-question.graphql

@@ -1,8 +1,8 @@
 #import QuestionInfo from '../fragments/question-info.graphql'
-#import FieldQuestion, FieldTableQuestion, SimpleAnswer, SimpleQuestion from '../fragments/field.graphql'
+#import FieldQuestion, FieldTableQuestion, SimpleAnswer, SimpleQuestion from '@projectcaluma/ember-form/gql/fragments/field.graphql'
 
 query FormEditorQuestion($slug: String!) {
-  allQuestions(filter: [{ slug: $slug }]) {
+  allQuestions(filter: [{ slugs: [$slug] }]) {
     edges {
       node {
         id
@@ -11,6 +11,7 @@ query FormEditorQuestion($slug: String!) {
           integerMaxValue: maxValue
           integerMinValue: minValue
           placeholder
+          hintText
           defaultAnswer {
             id
             integerValue: value
@@ -20,6 +21,7 @@ query FormEditorQuestion($slug: String!) {
           floatMaxValue: maxValue
           floatMinValue: minValue
           placeholder
+          hintText
           defaultAnswer {
             id
             floatValue: value
@@ -29,21 +31,38 @@ query FormEditorQuestion($slug: String!) {
           minLength
           maxLength
           placeholder
+          hintText
           defaultAnswer {
             id
             stringValue: value
           }
+          formatValidators {
+            edges {
+              node {
+                slug
+              }
+            }
+          }
         }
         ... on TextareaQuestion {
           minLength
           maxLength
           placeholder
+          formatValidators {
+            edges {
+              node {
+                slug
+              }
+            }
+          }
+          hintText
           defaultAnswer {
             id
             stringValue: value
           }
         }
         ... on DateQuestion {
+          hintText
           defaultAnswer {
             id
             dateValue: value
@@ -60,6 +79,7 @@ query FormEditorQuestion($slug: String!) {
               }
             }
           }
+          hintText
           defaultAnswer {
             id
             listValue: value
@@ -76,6 +96,7 @@ query FormEditorQuestion($slug: String!) {
               }
             }
           }
+          hintText
           defaultAnswer {
             id
             stringValue: value
@@ -83,9 +104,11 @@ query FormEditorQuestion($slug: String!) {
         }
         ... on DynamicMultipleChoiceQuestion {
           dataSource
+          hintText
         }
         ... on DynamicChoiceQuestion {
           dataSource
+          hintText
         }
         ... on TableQuestion {
           rowForm {
@@ -101,6 +124,7 @@ query FormEditorQuestion($slug: String!) {
               }
             }
           }
+          hintText
           defaultAnswer {
             id
             tableValue: value {
@@ -137,6 +161,10 @@ query FormEditorQuestion($slug: String!) {
         }
         ... on CalculatedFloatQuestion {
           calcExpression
+          hintText
+        }
+        ... on FilesQuestion {
+          hintText
         }
         ... on ActionButtonQuestion {
           action

package/addon/gql/queries/search-form-question.graphql

@@ -1,12 +1,12 @@
 #import QuestionInfo from '../fragments/question-info.graphql'
 
-query SearchFormQuestion($slug: String!, $search: String, $archived: Boolean) {
-  allForms(filter: [{ slug: $slug }]) {
+query SearchFormQuestion($slug: String!, $search: String) {
+  allForms(filter: [{ slugs: [$slug] }]) {
     edges {
       node {
         id
         slug
-        questions(search: $search, isArchived: $archived) {
+        questions(filter: [{ search: $search }]) {
           edges {
             node {
               id

package/addon/instance-initializers/form-builder-widget-overrides.js

@@ -0,0 +1,15 @@
+import DefaultTableComponent from "@projectcaluma/ember-form-builder/components/cfb-form-editor/question/default/table";
+
+export function initialize(appInstance) {
+  const options = appInstance.lookup("service:caluma-options");
+
+  options.registerComponentOverride({
+    component: "cfb-form-editor/question/default/table",
+    componentClass: DefaultTableComponent,
+    types: [],
+  });
+}
+
+export default {
+  initialize,
+};

package/addon/routes/edit/questions/edit.js

@@ -20,9 +20,10 @@ export default class EditQuestionsEditRoute extends Route {
       {
         query: gql`
           query QuestionLabel($slug: String!) {
-            allQuestions(slug: $slug) {
+            allQuestions(filter: [{ slugs: [$slug] }]) {
               edges {
                 node {
+                  id
                   label
                 }
               }

package/addon/routes/edit.js

@@ -20,7 +20,7 @@ export default class EditRoute extends Route {
       {
         query: gql`
           query FormName($slug: String!) {
-            allForms(slug: $slug) {
+            allForms(filter: [{ slugs: [$slug] }]) {
               edges {
                 node {
                   name

package/addon/templates/index.hbs

@@ -1 +1,8 @@
-<CfbFormList @onNewForm={{this.newForm}} @onEditForm={{this.editForm}} />
+<CfbFormList
+  @search={{this.search}}
+  @category={{this.category}}
+  @onNewForm={{this.newForm}}
+  @onEditForm={{this.editForm}}
+  @onUpdateSearch={{fn (mut this.search)}}
+  @onUpdateCategory={{fn (mut this.category)}}
+/>

package/addon/validations/question.js

@@ -9,6 +9,7 @@ import validateOptions from "../validators/options";
 
 import and from "@projectcaluma/ember-form-builder/utils/and";
 import or from "@projectcaluma/ember-form-builder/utils/or";
+import validateJexl from "@projectcaluma/ember-form-builder/validators/jexl";
 import validateSlug from "@projectcaluma/ember-form-builder/validators/slug";
 import validateType from "@projectcaluma/ember-form-builder/validators/type";
 
@@ -16,18 +17,24 @@ export default {
   label: and(validatePresence(true), validateLength({ max: 1024 })),
   slug: validateSlug(),
 
+  hintText: or(
+    validateType("FormQuestion", true),
+    validateType("StaticQuestion", true),
+    validateType("FilesQuestion", true),
+    validateLength({ max: 1024, allowBlank: true })
+  ),
   integerMinValue: or(
     validateType("IntegerQuestion", false),
     and(
       validateNumber({ allowBlank: true, integer: true }),
-      validateGtLt({ lt: "integerMaxValue" })
+      validateGtLt({ lt: "integerMaxValue", allowNone: true })
     )
   ),
   integerMaxValue: or(
     validateType("IntegerQuestion", false),
     and(
       validateNumber({ allowBlank: true, integer: true }),
-      validateGtLt({ gt: "integerMinValue" })
+      validateGtLt({ gt: "integerMinValue", allowNone: true })
     )
   ),
 
@@ -35,14 +42,14 @@ export default {
     validateType("FloatQuestion", false),
     and(
       validateNumber({ allowBlank: true }),
-      validateGtLt({ lt: "floatMaxValue" })
+      validateGtLt({ lt: "floatMaxValue", allowNone: true })
     )
   ),
   floatMaxValue: or(
     validateType("FloatQuestion", false),
     and(
       validateNumber({ allowBlank: true }),
-      validateGtLt({ gt: "floatMinValue" })
+      validateGtLt({ gt: "floatMinValue", allowNone: true })
     )
   ),
 
@@ -76,4 +83,6 @@ export default {
     validateType("FormQuestion", false),
     validatePresence(true)
   ),
+  isHidden: validateJexl(),
+  isRequired: validateJexl(),
 };

package/addon/validators/gt-lt.js

@@ -1,47 +1,26 @@
-import getMessages from "ember-changeset-validations/utils/get-messages";
-import buildMessage from "ember-changeset-validations/utils/validation-errors";
+import { validateNumber } from "ember-changeset-validations/validators";
 
-export default function validateGtLt(options = { gt: null, lt: null }) {
+export default function validateGtLt(options = {}) {
   return (key, newValue, oldValue, changes, content) => {
-    newValue = Number(newValue);
-
-    if (!newValue) {
-      return true;
-    }
-
-    const messages = getMessages();
     const data = { ...content, ...changes };
 
-    if (options.gt) {
-      const dependentValue = data[options.gt];
-
-      return dependentValue
-        ? Number(newValue) > Number(dependentValue) ||
-            buildMessage(key, {
-              type: "greaterThan",
-              value: newValue,
-              context: {
-                gt: messages.getDescriptionFor(options.gt),
-              },
-            })
-        : true;
-    }
+    const parsedOptions = Object.entries(options).reduce((parsed, [k, v]) => {
+      const value =
+        /^(g|l)t(e)?$/.test(k) && typeof v === "string" ? data[v] : v;
 
-    if (options.lt) {
-      const dependentValue = data[options.lt];
+      if (value) {
+        return { ...parsed, [k]: value };
+      }
 
-      return dependentValue
-        ? Number(newValue) < Number(dependentValue) ||
-            buildMessage(key, {
-              type: "lessThan",
-              value: newValue,
-              context: {
-                lt: messages.getDescriptionFor(options.lt),
-              },
-            })
-        : true;
-    }
+      return parsed;
+    }, {});
 
-    return true;
+    return validateNumber(parsedOptions)(
+      key,
+      newValue,
+      oldValue,
+      changes,
+      content
+    );
   };
 }

package/addon/validators/jexl.js

@@ -0,0 +1,49 @@
+import jexl from "jexl";
+
+const TRANSFORMS = [
+  "answer",
+  "mapby",
+  "debug",
+  "min",
+  "max",
+  "round",
+  "ceil",
+  "floor",
+  "sum",
+  "avg",
+  "stringify",
+];
+const BINARY_OPS = ["intersects"];
+
+const documentJexl = new jexl.Jexl();
+
+const noop = () => {};
+
+TRANSFORMS.forEach((transform) => documentJexl.addTransform(transform, noop));
+BINARY_OPS.forEach((binaryOp) => documentJexl.addBinaryOp(binaryOp, 0, noop));
+
+function parseError(error) {
+  const str = String(error)
+    .replace(/^Error:/, "") // Remove "Error:" prefix
+    .replace(/(of expression):.*$/, (_, match) => match) // Remove everything after "of expression"
+    .replace(/in expression:.*$/, "") // Remove "in expression: [expression]"
+    .replace(/\.$/g, "") // Remove trailing dot
+    .replace(/\s\s+/g, " ") // Remove double whitespace chars
+    .trim();
+
+  return str;
+}
+
+export default function validateJexl() {
+  return (key, newValue) => {
+    try {
+      if (newValue) {
+        documentJexl.evalSync(newValue);
+      }
+
+      return true;
+    } catch (error) {
+      return parseError(error);
+    }
+  };
+}

package/app/instance-initializers/form-builder-widget-overrides.js

@@ -0,0 +1,4 @@
+export {
+  default,
+  initialize,
+} from "@projectcaluma/ember-form-builder/instance-initializers/form-builder-widget-overrides";

package/app/styles/@projectcaluma/ember-form-builder.scss

@@ -3,7 +3,7 @@
 @import "../cfb-form-editor/question-list/item";
 @import "../cfb-form-editor/question";
 @import "../cfb-navigation";
-@import "../cfb-powerselect";
+@import "../cfb-uikit-powerselect";
 
 .cfb-pointer {
   cursor: pointer;
@@ -22,7 +22,7 @@
 .cfb-code-editor {
   font-family: $base-code-font-family;
   letter-spacing: normal;
-  height: 70px;
+  min-height: 70px;
   line-height: 16px;
   tab-size: 4;
 }

package/app/styles/_cfb-uikit-powerselect.scss

@@ -0,0 +1,2 @@
+@import "@projectcaluma/ember-core";
+@import "ember-power-select";

package/blueprints/@projectcaluma/ember-form-builder/index.js

@@ -10,7 +10,7 @@ module.exports = {
         { name: "@projectcaluma/ember-form" },
         { name: "ember-engines" },
         { name: "ember-math-helpers" },
-        { name: "ember-pikaday" },
+        { name: "ember-flatpickr" },
         { name: "ember-power-select" },
       ],
     });

package/config/environment.js

@@ -4,12 +4,5 @@ module.exports = function (environment) {
   return {
     modulePrefix: require("../package.json").name,
     environment,
-
-    "ember-validated-form": {
-      theme: "uikit",
-      defaults: {
-        label: "cfb-label",
-      },
-    },
   };
 };

package/index.js

@@ -11,8 +11,10 @@ module.exports = buildEngine({
   },
 
   included(...args) {
-    this._super.included.apply(this, args);
+    const app = this._findHost(this);
+
+    app.options["ember-validated-form"] = { theme: "uikit" };
 
-    this.import("node_modules/prismjs/themes/prism.css");
+    this._super.included.apply(this, args);
   },
 });