@projectcaluma/ember-core 11.0.0-beta.1 → 11.0.0-beta.25

package/addon/-private/possible-types.js

@@ -1,44 +1,31 @@
 export default {
-  Node: [
-    "Workflow",
-    "Form",
-    "Document",
-    "Case",
-    "WorkItem",
-    "Flow",
-    "DynamicOption",
-    "Option",
+  Question: [
     "TextQuestion",
-    "StringAnswer",
     "ChoiceQuestion",
     "MultipleChoiceQuestion",
-    "ListAnswer",
     "DynamicChoiceQuestion",
     "DynamicMultipleChoiceQuestion",
     "TextareaQuestion",
     "FloatQuestion",
-    "FloatAnswer",
     "IntegerQuestion",
-    "IntegerAnswer",
     "DateQuestion",
-    "DateAnswer",
     "TableQuestion",
-    "TableAnswer",
     "FormQuestion",
-    "FileQuestion",
+    "FilesQuestion",
     "StaticQuestion",
-    "FileAnswer",
-    "File",
     "CalculatedFloatQuestion",
     "ActionButtonQuestion",
-    "SimpleTask",
-    "CompleteWorkflowFormTask",
-    "CompleteTaskFormTask",
   ],
-  Task: ["SimpleTask", "CompleteWorkflowFormTask", "CompleteTaskFormTask"],
-  Question: [
+  Node: [
     "TextQuestion",
+    "Form",
+    "Document",
+    "Case",
+    "Workflow",
+    "Flow",
+    "WorkItem",
     "ChoiceQuestion",
+    "Option",
     "MultipleChoiceQuestion",
     "DynamicChoiceQuestion",
     "DynamicMultipleChoiceQuestion",
@@ -48,19 +35,35 @@ export default {
     "DateQuestion",
     "TableQuestion",
     "FormQuestion",
-    "FileQuestion",
+    "FilesQuestion",
     "StaticQuestion",
+    "StringAnswer",
+    "ListAnswer",
+    "IntegerAnswer",
+    "FloatAnswer",
+    "DateAnswer",
+    "TableAnswer",
+    "FilesAnswer",
+    "File",
     "CalculatedFloatQuestion",
     "ActionButtonQuestion",
+    "SimpleTask",
+    "CompleteWorkflowFormTask",
+    "CompleteTaskFormTask",
+    "AnalyticsTable",
+    "AvailableField",
+    "AnalyticsField",
+    "DynamicOption",
   ],
   Answer: [
     "StringAnswer",
     "ListAnswer",
-    "FloatAnswer",
     "IntegerAnswer",
+    "FloatAnswer",
     "DateAnswer",
     "TableAnswer",
-    "FileAnswer",
+    "FilesAnswer",
   ],
+  Task: ["SimpleTask", "CompleteWorkflowFormTask", "CompleteTaskFormTask"],
   DynamicQuestion: ["DynamicChoiceQuestion", "DynamicMultipleChoiceQuestion"],
 };

package/addon/caluma-query/index.js

@@ -1,13 +1,9 @@
 import { getOwner, setOwner } from "@ember/application";
-import { useResource } from "ember-resources";
 
 import CalumaQueryResource from "@projectcaluma/ember-core/caluma-query/resource";
 
 export function useCalumaQuery(destroyable, query, thunk) {
-  return useResource(destroyable, CalumaQueryResource, () => ({
-    query,
-    ...thunk(),
-  }));
+  return CalumaQueryResource.from(destroyable, () => ({ query, ...thunk() }));
 }
 
 export default function calumaQuery({ query, options = {} }) {

package/addon/caluma-query/models/case.js

@@ -1,15 +1,15 @@
 import { inject as service } from "@ember/service";
 
 import CalumaQueryModel, {
-  momentAttr,
+  dateAttr,
 } from "@projectcaluma/ember-core/caluma-query/models/index";
 
 export default class CaseModel extends CalumaQueryModel {
   @service intl;
 
-  @momentAttr createdAt;
-  @momentAttr modifiedAt;
-  @momentAttr closedAt;
+  @dateAttr createdAt;
+  @dateAttr modifiedAt;
+  @dateAttr closedAt;
 
   get status() {
     return this.intl.t(`caluma.caluma-query.case.status.${this.raw.status}`);

package/addon/caluma-query/models/index.js

@@ -1,5 +1,4 @@
 import cloneDeep from "lodash.clonedeep";
-import moment from "moment";
 
 import { decodeId } from "@projectcaluma/ember-core/helpers/decode-id";
 
@@ -11,15 +10,16 @@ export function uuidAttr(target, name) {
   };
 }
 
-export function momentAttr(target, name) {
+export function dateAttr(target, name) {
   return {
     get() {
-      const date = moment(this.raw[name]);
+      const raw = this.raw[name];
+      const date = raw ? new Date(raw) : null;
 
-      return date.isValid() ? date : null;
+      return raw && !isNaN(date) ? date : null;
     },
     set(value) {
-      if (value.isValid()) {
+      if (!isNaN(value)) {
         this.raw[name] = value.toISOString();
       }
     },

package/addon/caluma-query/models/work-item.js

@@ -1,16 +1,16 @@
 import { inject as service } from "@ember/service";
 
 import CalumaQueryModel, {
-  momentAttr,
+  dateAttr,
 } from "@projectcaluma/ember-core/caluma-query/models/index";
 
 export default class WorkItemModel extends CalumaQueryModel {
   @service intl;
 
-  @momentAttr createdAt;
-  @momentAttr modifiedAt;
-  @momentAttr closedAt;
-  @momentAttr deadline;
+  @dateAttr createdAt;
+  @dateAttr modifiedAt;
+  @dateAttr closedAt;
+  @dateAttr deadline;
 
   get status() {
     return this.intl.t(

package/addon/caluma-query/resource.js

@@ -1,47 +1,48 @@
 import { getOwner, setOwner } from "@ember/application";
-import { destroy } from "@ember/destroyable";
+import { destroy, registerDestructor } from "@ember/destroyable";
 import { action } from "@ember/object";
 import { tracked } from "@glimmer/tracking";
-import { LifecycleResource } from "ember-resources";
+import { Resource } from "ember-resources/core";
 
-export default class CalumaQueryResource extends LifecycleResource {
-  @tracked query;
-
-  setup() {
-    const { query, options, queryArgs } = this._parsedArgs;
-
-    this.query = query(options);
-    setOwner(this.query, getOwner(this));
+const MUTABLE_OPTIONS = [
+  "pageSize",
+  "processAll",
+  "processNew",
+  "queryOptions",
+];
 
-    this.query.fetch(queryArgs);
-  }
+export default class CalumaQueryResource extends Resource {
+  @tracked query;
 
-  update() {
-    this._updateOptions();
+  didSetup = false;
 
-    this.query.fetch(this._parsedArgs.queryArgs);
-  }
+  constructor(owner, args) {
+    super(owner, args);
 
-  teardown() {
-    destroy(this.query);
+    registerDestructor(this, () => {
+      destroy(this.query);
+    });
   }
 
-  get _parsedArgs() {
-    const { query, options = {}, ...queryArgs } = this.args.named;
-
-    return { query, options, queryArgs };
-  }
+  modify(_, { options = {}, query, ...args }) {
+    if (!this.didSetup) {
+      // initialize the caluma query with the given options
+      this.query = query(options);
+      setOwner(this.query, getOwner(this));
 
-  _updateOptions() {
-    ["pageSize", "processAll", "processNew", "queryOptions"].forEach(
-      (optionKey) => {
-        const option = this._parsedArgs.options[optionKey];
+      this.didSetup = true;
+    } else {
+      // update changed options on the caluma query
+      MUTABLE_OPTIONS.forEach((optionKey) => {
+        const option = options[optionKey];
 
         if (option !== undefined && option !== this.query[optionKey]) {
           this.query[optionKey] = option;
         }
-      }
-    );
+      });
+    }
+
+    this.query.fetch(args);
   }
 
   @action

package/addon/services/-scheduler.js

@@ -2,6 +2,7 @@ import { assert } from "@ember/debug";
 import { once } from "@ember/runloop";
 import Service, { inject as service } from "@ember/service";
 import { camelize } from "@ember/string";
+import { tracked } from "@glimmer/tracking";
 import { task } from "ember-concurrency";
 import { pluralize } from "ember-inflector";
 
@@ -14,25 +15,46 @@ import { pluralize } from "ember-inflector";
  */
 function typeResolver(type) {
   return task(function* () {
-    const identifiers = [...this[type].identifiers];
-    const callbacks = [...this[type].callbacks];
+    const identifiers = [...(this[type]?.identifiers ?? [])];
+    const callbacks = [...(this[type]?.callbacks ?? [])];
 
     this[type] = undefined;
 
     if (!identifiers.length) return;
 
+    const cached = this[`${type}Cache`];
+    const uncachedIdentifiers = identifiers.filter(
+      (identifier) =>
+        !cached
+          .map((resolved) =>
+            String(resolved[this.calumaOptions[`${type}IdentifierProperty`]])
+          )
+          .includes(String(identifier))
+    );
+
     const methodName = camelize(`resolve-${pluralize(type)}`);
-    const result = yield this.calumaOptions[methodName]?.(identifiers);
+    const result = uncachedIdentifiers.length
+      ? yield this.calumaOptions[methodName]?.(uncachedIdentifiers)
+      : [];
+
+    const allResults = [...cached, ...(result?.toArray?.() ?? result ?? [])];
 
-    yield Promise.all(callbacks.map((callback) => callback(result)));
+    if (result?.length) {
+      this[`${type}Cache`] = allResults;
+    }
+
+    yield Promise.all(callbacks.map((callback) => callback(allResults)));
 
-    return result;
+    return allResults;
   }).enqueue();
 }
 
 export default class PrivateSchedulerService extends Service {
   @service calumaOptions;
 
+  @tracked groupCache = [];
+  @tracked userCache = [];
+
   @typeResolver("group") resolveGroup;
   @typeResolver("user") resolveUser;
 

package/addon/services/caluma-options.js

@@ -1,3 +1,4 @@
+import { assert } from "@ember/debug";
 import Service, { inject as service } from "@ember/service";
 import { tracked } from "@glimmer/tracking";
 
@@ -17,33 +18,6 @@ export default class CalumaOptionsService extends Service {
 
   @tracked currentGroupId;
 
-  constructor(...args) {
-    super(...args);
-
-    this.registerComponentOverride({
-      label: this.intl.t(
-        "caluma.form-builder.question.widgetOverrides.powerselect"
-      ),
-      component: "cf-field/input/powerselect",
-      types: [
-        "ChoiceQuestion",
-        "MultipleChoiceQuestion",
-        "DynamicChoiceQuestion",
-        "DynamicMultipleChoiceQuestion",
-      ],
-    });
-
-    this.registerComponentOverride({
-      label: this.intl.t("caluma.form-builder.question.widgetOverrides.hidden"),
-      component: "cf-field/input/hidden",
-    });
-
-    this.registerComponentOverride({
-      component: "cfb-form-editor/question/default/table",
-      types: [],
-    });
-  }
-
   _namespace = null;
   _overrides = {};
 
@@ -109,4 +83,10 @@ export default class CalumaOptionsService extends Service {
       [this.userNameProperty]: identifier,
     }));
   }
+
+  fetchTypedGroups(/* types, search */) {
+    assert(
+      "`fetchTypedGroups` must be implemented on the Caluma options service"
+    );
+  }
 }

package/addon/utils/slugify.js

@@ -7,6 +7,6 @@ export default function (value, { locale = null } = {}) {
   return slugify(value, {
     lower: true,
     strict: true,
-    locale,
+    locale: locale?.split("-")[0].toLowerCase(),
   }).substr(0, 127);
 }

package/app/styles/@projectcaluma/ember-core.scss

@@ -0,0 +1 @@
+@import "../cc-uikit-powerselect";

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

@@ -0,0 +1,31 @@
+@import "ember-uikit/variables-theme";
+
+// Backgrounds
+$ember-power-select-selected-background: lighten(
+  $global-secondary-background,
+  25%
+) !default;
+$ember-power-select-highlighted-background: lighten(
+  $ember-power-select-selected-background,
+  25%
+) !default;
+$ember-power-select-multiple-selection-background-color: $ember-power-select-selected-background !default;
+
+// Texts
+$ember-power-select-highlighted-color: #ffffff !default;
+$ember-power-select-multiple-selection-color: #ffffff !default;
+
+.ember-power-select-option[aria-selected="true"] {
+  color: $ember-power-select-highlighted-color;
+}
+
+// Borders
+$ember-power-select-focus-outline: 0 !default;
+$ember-power-select-border-color: $global-border !default;
+$ember-power-select-default-border-radius: 0 !default;
+$ember-power-select-multiple-option-border-color: $ember-power-select-border-color !default;
+
+// Other
+$ember-power-select-line-height: 38px !default;
+$ember-power-select-multiple-option-padding: 0 8px !default;
+$ember-power-select-multiple-option-line-height: 32px !default;

package/app/utils/jexl.js

@@ -0,0 +1 @@
+export { default } from "@projectcaluma/ember-core/utils/jexl";

package/blueprints/@projectcaluma/ember-core/index.js

@@ -10,6 +10,6 @@ module.exports = {
         { name: "ember-intl" },
         { name: "ember-uikit" },
       ],
-    }).then(() => this.addPackagesToProject([{ name: "moment" }]));
+    });
   },
 };

package/index.js

@@ -1,5 +1,5 @@
 "use strict";
 
 module.exports = {
-  name: require("./package").name,
+  name: require("./package.json").name,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@projectcaluma/ember-core",
-  "version": "11.0.0-beta.1",
+  "version": "11.0.0-beta.25",
   "description": "Ember core addon for working with Caluma.",
   "keywords": [
     "ember-addon"
@@ -14,38 +14,40 @@
     "test:ember-compatibility": "ember try:each"
   },
   "dependencies": {
-    "@apollo/client": "^3.5.6",
-    "@glimmer/tracking": "^1.0.4",
-    "ember-apollo-client": "^3.2.0",
-    "ember-auto-import": "^2.2.3",
-    "ember-changeset-validations": "^3.16.0",
+    "@apollo/client": "^3.6.9",
+    "@ember/string": "^3.0.0",
+    "@glimmer/tracking": "^1.1.2",
+    "ember-apollo-client": "~4.0.2",
+    "ember-auto-import": "^2.4.2",
     "ember-cli-babel": "^7.26.11",
-    "ember-cli-htmlbars": "^6.0.1",
-    "ember-concurrency": "^2.2.0",
-    "ember-fetch": "^8.0.4",
+    "ember-cli-htmlbars": "^6.1.0",
+    "ember-concurrency": "^2.3.2",
+    "ember-fetch": "^8.1.2",
     "ember-inflector": "^4.0.2",
     "ember-intl": "^5.7.2",
-    "ember-resources": "^4.1.3",
+    "ember-resources": "^5.3.0",
+    "ember-uikit": "^6.0.0",
     "graphql": "^15.8.0",
     "graphql-tag": "^2.12.6",
     "jexl": "^2.3.0",
     "lodash.clonedeep": "^4.5.0",
-    "moment": "^2.29.1",
     "slugify": "^1.6.5"
   },
   "devDependencies": {
     "@ember/optional-features": "2.0.0",
-    "@ember/render-modifiers": "2.0.2",
-    "@ember/test-helpers": "2.6.0",
-    "@embroider/test-setup": "0.49.0",
-    "@glimmer/component": "1.0.4",
-    "@projectcaluma/ember-testing": "10.1.0",
+    "@ember/render-modifiers": "2.0.4",
+    "@ember/test-helpers": "2.8.1",
+    "@embroider/test-setup": "1.8.3",
+    "@embroider/util": "^1.8.3",
+    "@faker-js/faker": "7.4.0",
+    "@glimmer/component": "1.1.2",
+    "@projectcaluma/ember-testing": "11.0.0-beta.25",
     "broccoli-asset-rev": "3.0.0",
     "ember-cli": "3.28.5",
     "ember-cli-code-coverage": "1.0.3",
-    "ember-cli-dependency-checker": "3.2.0",
+    "ember-cli-dependency-checker": "3.3.1",
     "ember-cli-inject-live-reload": "2.1.0",
-    "ember-cli-mirage": "2.2.0",
+    "ember-cli-mirage": "3.0.0-alpha.3",
     "ember-cli-sri": "2.1.1",
     "ember-cli-terser": "4.0.2",
     "ember-disable-prototype-extensions": "1.1.3",
@@ -54,15 +56,14 @@
     "ember-maybe-import-regenerator": "1.0.0",
     "ember-qunit": "5.1.5",
     "ember-resolver": "8.0.3",
-    "ember-source": "3.28.8",
+    "ember-source": "3.28.9",
     "ember-source-channel-url": "3.0.0",
     "ember-try": "2.0.0",
-    "faker": "5.5.3",
     "loader.js": "4.7.0",
     "npm-run-all": "4.1.5",
-    "qunit": "2.17.2",
+    "qunit": "2.19.1",
     "qunit-dom": "2.0.0",
-    "webpack": "5.65.0"
+    "webpack": "5.74.0"
   },
   "engines": {
     "node": "12.* || 14.* || >= 16"

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

@@ -1,12 +0,0 @@
-query AllFormatValidators {
-  allFormatValidators {
-    edges {
-      node {
-        slug
-        name
-        regex
-        errorMsg
-      }
-    }
-  }
-}

package/addon/services/validator.js

@@ -1,66 +0,0 @@
-import { assert } from "@ember/debug";
-import Service from "@ember/service";
-import { isEmpty } from "@ember/utils";
-import { queryManager } from "ember-apollo-client";
-import { enqueueTask } from "ember-concurrency";
-
-import allFormatValidatorsQuery from "@projectcaluma/ember-core/gql/queries/all-format-validators.graphql";
-
-export default class ValidatorService extends Service {
-  @queryManager() apollo;
-
-  /**
-   * Tests a value against one or multiple regular expressions.
-   *
-   * ```js
-   * await this.validator.validate("foo@example.com", ["email", "lowercase"]);
-   * ```
-   *
-   * @param {String} value The value to be tested.
-   * @param {String[]} slugs A list of tests (via slug) to run.
-   * @return {RSVP.Promise}
-   */
-  async validate(value, slugs) {
-    if (isEmpty(value)) {
-      // empty values should not be validated since they are handled by the
-      // requiredness validation
-      return slugs.map(() => true);
-    }
-
-    const validators =
-      this.validators.lastSuccessful?.value ||
-      (await this.validators.last)?.value ||
-      (await this.validators.perform());
-
-    return slugs.map((slug) => {
-      const validator = validators.find((validator) => validator.slug === slug);
-
-      assert(`No validator found with the slug "${slug}".`, validator);
-
-      return (
-        validator.regex.test(value) || {
-          type: "format",
-          message: undefined,
-          context: { errorMsg: validator.errorMsg },
-          value,
-        }
-      );
-    });
-  }
-
-  @enqueueTask
-  *validators() {
-    const raw = yield this.apollo.watchQuery(
-      { query: allFormatValidatorsQuery },
-      "allFormatValidators.edges"
-    );
-
-    return raw.map((rawValidator) => {
-      return {
-        slug: rawValidator.node.slug,
-        regex: new RegExp(rawValidator.node.regex),
-        errorMsg: rawValidator.node.errorMsg,
-      };
-    });
-  }
-}

package/addon/utils/and.js

@@ -1,47 +0,0 @@
-import { typeOf } from "@ember/utils";
-import { isPromise } from "validated-changeset";
-
-function notTrue(value) {
-  return typeOf(value) !== "boolean" || !value;
-}
-
-function handleResult(result) {
-  if (notTrue(result)) throw result;
-  return true;
-}
-
-/**
- * Accepts an array of ember-changeset-validations validation functions.
- *
- * Copied and updated from nucleartide/ember-changeset-hofs
- * @module and
- */
-export default function and(...validators) {
-  return (key, newValue, oldValue, changes, object) => {
-    for (let i = 0; i < validators.length; i++) {
-      const validation = validators[i](
-        key,
-        newValue,
-        oldValue,
-        changes,
-        object
-      );
-
-      if (isPromise(validation)) {
-        let promise = validation.then(handleResult);
-
-        for (let j = i + 1; j < validators.length; j++) {
-          promise = promise
-            .then(() => validators[j](key, newValue, oldValue, changes, object))
-            .then(handleResult);
-        }
-
-        return promise.catch((err) => err);
-      }
-
-      if (notTrue(validation)) return validation;
-    }
-
-    return true;
-  };
-}