@projectcaluma/ember-form 12.7.0 → 12.9.0

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

@@ -1,6 +1,6 @@
 import { action } from "@ember/object";
 import Component from "@glimmer/component";
-import { tracked } from "@glimmer/tracking";
+import { localCopy } from "tracked-toolbox";
 
 /**
  * Input component for the checkbox question type
@@ -9,7 +9,7 @@ import { tracked } from "@glimmer/tracking";
  * @argument {Field} field The field for this input type
  */
 export default class CfFieldInputCheckboxComponent extends Component {
-  @tracked selected = this.args.field.value;
+  @localCopy("args.field.value") selected;
 
   /**
    * Update the value of the field with the slugs of the currently checked

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

@@ -15,7 +15,7 @@
     class="uk-input {{if @disabled 'uk-disabled'}}"
     readonly={{@disabled}}
     @disabled={{@disabled}}
-    @locale={{this.locale}}
+    @locale={{this.localeObject}}
     @date={{or @field.answer.value null}}
     @altFormat={{this.dateFormat}}
     @altInput={{true}}

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

@@ -3,6 +3,7 @@ import { action } from "@ember/object";
 import { inject as service } from "@ember/service";
 import Component from "@glimmer/component";
 import { tracked } from "@glimmer/tracking";
+import lang from "flatpickr/dist/l10n";
 import { DateTime } from "luxon";
 
 export default class CfFieldInputDateComponent extends Component {
@@ -14,6 +15,10 @@ export default class CfFieldInputDateComponent extends Component {
     return this.intl.primaryLocale.split("-")[0];
   }
 
+  get localeObject() {
+    return lang[this.locale];
+  }
+
   get config() {
     return getOwner(this).resolveRegistration("config:environment");
   }

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

@@ -22,4 +22,10 @@
       {{option.label}}
     {{/if}}
   </label>
-{{/each}}
+{{/each}}
+{{#if (and @field.optional @field.answer.value)}}
+  <br />
+  <a href="" data-test-radio-reset {{on "click" this.reset}}>
+    {{t "caluma.form.power-select.reset"}}
+  </a>
+{{/if}}

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

@@ -0,0 +1,11 @@
+import { action } from "@ember/object";
+import Component from "@glimmer/component";
+
+export default class CfFieldInpuRadio extends Component {
+  @action
+  reset(event) {
+    event.preventDefault();
+
+    this.args.onSave(null);
+  }
+}

package/app/styles/_flatpickr.scss

@@ -1,4 +1,6 @@
 @use "sass:color";
+@import "flatpickr/dist/flatpickr";
+@import "flatpickr/dist/themes/airbnb";
 
 $flatpickr-today-color: $global-warning-background;
 $flatpickr-selected-color: $global-primary-background;

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

@@ -20,6 +20,7 @@ module.exports = {
         { name: "ember-flatpickr" },
         { name: "ember-in-viewport" },
         { name: "ember-math-helpers" },
+        { name: "ember-truth-helpers" },
         { name: "ember-power-select" },
       ],
     });

package/index.js

@@ -2,16 +2,4 @@
 
 module.exports = {
   name: require("./package").name,
-
-  included(...args) {
-    const app = this._findHost(this);
-
-    app.options.flatpickr = {
-      locales: ["de", "fr"],
-      theme: "airbnb",
-      ...(app.options.flatpickr ?? {}),
-    };
-
-    this._super.included.apply(this, args);
-  },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@projectcaluma/ember-form",
-  "version": "12.7.0",
+  "version": "12.9.0",
   "description": "Ember addon for rendering Caluma forms.",
   "keywords": [
     "ember-addon"
@@ -9,35 +9,37 @@
   "homepage": "https://docs.caluma.io/ember-caluma",
   "repository": "github:projectcaluma/ember-caluma",
   "dependencies": {
-    "@babel/core": "^7.23.6",
+    "@babel/core": "^7.23.7",
     "@ember/string": "^3.1.1",
-    "@embroider/macros": "^1.13.3",
+    "@embroider/macros": "^1.13.4",
     "@embroider/util": "^1.12.1",
     "@glimmer/component": "^1.1.2",
     "@glimmer/tracking": "^1.1.2",
     "ember-apollo-client": "~4.0.2",
-    "ember-auto-import": "^2.7.0",
+    "ember-auto-import": "^2.7.2",
     "ember-autoresize-modifier": "^0.7.0",
     "ember-cli-babel": "^8.2.0",
     "ember-cli-htmlbars": "^6.3.0",
-    "ember-cli-showdown": "^7.0.0",
+    "ember-cli-showdown": "^8.0.0",
     "ember-composable-helpers": "^5.0.0",
     "ember-concurrency": "^3.1.1",
     "ember-fetch": "^8.1.2",
-    "ember-flatpickr": "^4.0.0",
+    "ember-flatpickr": "^6.0.0",
     "ember-in-viewport": "^4.1.0",
     "ember-intl": "^6.4.0",
     "ember-math-helpers": "^4.0.0",
     "ember-power-select": "^7.2.0",
     "ember-resources": "^6.4.2",
+    "ember-truth-helpers": "^4.0.3",
     "ember-uikit": "^9.0.0",
     "ember-validators": "^4.1.2",
+    "flatpickr": "^4.6.13",
     "graphql": "^15.8.0",
     "jexl": "^2.3.0",
     "lodash.isequal": "^4.5.0",
     "luxon": "^3.4.4",
     "tracked-toolbox": "^2.0.0",
-    "@projectcaluma/ember-core": "^12.7.0"
+    "@projectcaluma/ember-core": "^12.9.0"
   },
   "devDependencies": {
     "@ember/optional-features": "2.0.0",
@@ -56,7 +58,7 @@
     "ember-load-initializers": "2.1.2",
     "ember-qunit": "8.0.2",
     "ember-resolver": "11.0.1",
-    "ember-source": "5.5.0",
+    "ember-source": "5.6.0",
     "ember-source-channel-url": "3.0.0",
     "ember-try": "3.0.0",
     "loader.js": "4.7.0",
@@ -66,12 +68,12 @@
     "uikit": "3.17.11",
     "uuid": "9.0.1",
     "webpack": "5.89.0",
-    "@projectcaluma/ember-workflow": "12.7.0",
-    "@projectcaluma/ember-testing": "12.7.0"
+    "@projectcaluma/ember-testing": "12.9.0",
+    "@projectcaluma/ember-workflow": "12.9.0"
   },
   "peerDependencies": {
     "ember-source": "^4.0.0",
-    "@projectcaluma/ember-workflow": "^12.7.0"
+    "@projectcaluma/ember-workflow": "^12.9.0"
   },
   "dependenciesMeta": {
     "@projectcaluma/ember-core": {

package/translations/de.yaml

@@ -40,6 +40,7 @@ caluma:
       options-empty: "Keine Optionen vorhanden"
       search-placeholder: "Hier tippen um zu suchen"
       search-empty: "Keine Optionen gefunden"
+      reset: "Zurücksetzen"
 
     validation:
       blank: "Dieses Feld darf nicht leer gelassen werden"

package/translations/en.yaml

@@ -40,6 +40,7 @@ caluma:
       options-empty: "No options available"
       search-placeholder: "Type here to search options"
       search-empty: "Search didn't match any options"
+      reset: "Reset"
 
     validation:
       blank: "This field can't be blank"

package/translations/fr.yaml

@@ -40,6 +40,7 @@ caluma:
       options-empty: "Pas d'options disponibles"
       search-placeholder: "Tapez ici pour rechercher"
       search-empty: "Pas d'options trouvées"
+      reset: "Réinitialiser"
 
     validation:
       blank: "Ce champ ne doit pas être laissé vide"