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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. package/CHANGELOG.md +202 -0
  2. package/addon/components/cf-content.hbs +38 -37
  3. package/addon/components/cf-content.js +7 -3
  4. package/addon/components/cf-field/hint.hbs +5 -0
  5. package/addon/components/cf-field/input/action-button.hbs +8 -4
  6. package/addon/components/cf-field/input/action-button.js +60 -59
  7. package/addon/components/cf-field/input/checkbox.hbs +2 -3
  8. package/addon/components/cf-field/input/date.hbs +12 -25
  9. package/addon/components/cf-field/input/date.js +19 -11
  10. package/addon/components/cf-field/input/files.hbs +38 -0
  11. package/addon/components/cf-field/input/files.js +113 -0
  12. package/addon/components/cf-field/input/powerselect.hbs +27 -29
  13. package/addon/components/cf-field/input/powerselect.js +8 -2
  14. package/addon/components/cf-field/input/radio.hbs +2 -2
  15. package/addon/components/cf-field/input/static.hbs +1 -1
  16. package/addon/components/cf-field/input/table.hbs +20 -18
  17. package/addon/components/cf-field/input/table.js +1 -11
  18. package/addon/components/cf-field/input.hbs +8 -21
  19. package/addon/components/cf-field/input.js +32 -14
  20. package/addon/components/cf-field/label.hbs +4 -2
  21. package/addon/components/cf-field-value.hbs +22 -7
  22. package/addon/components/cf-field-value.js +12 -36
  23. package/addon/components/cf-field.hbs +42 -9
  24. package/addon/components/cf-field.js +41 -17
  25. package/addon/components/cf-form-wrapper.hbs +4 -1
  26. package/addon/components/cf-form.hbs +6 -1
  27. package/addon/components/document-validity.js +16 -1
  28. package/addon/gql/fragments/field.graphql +32 -7
  29. package/addon/gql/mutations/save-document-files-answer.graphql +9 -0
  30. package/addon/gql/queries/document-forms.graphql +1 -1
  31. package/addon/gql/queries/dynamic-options.graphql +4 -4
  32. package/addon/gql/queries/{fileanswer-info.graphql → filesanswer-info.graphql} +4 -4
  33. package/addon/helpers/format-graphql-error.js +21 -0
  34. package/addon/helpers/get-widget.js +16 -2
  35. package/addon/instance-initializers/form-widget-overrides.js +52 -0
  36. package/addon/lib/document.js +9 -1
  37. package/addon/lib/field.js +96 -59
  38. package/addon/lib/navigation.js +3 -1
  39. package/addon/lib/question.js +18 -5
  40. package/addon/modifiers/autoresize.js +14 -0
  41. package/addon/services/caluma-store.js +2 -0
  42. package/app/components/cf-field/{input/file.js → hint.js} +1 -1
  43. package/app/components/cf-field/input/files.js +1 -0
  44. package/app/helpers/format-graphql-error.js +1 -0
  45. package/app/helpers/get-widget.js +1 -4
  46. package/app/instance-initializers/form-widget-overrides.js +4 -0
  47. package/app/modifiers/autoresize.js +1 -0
  48. package/app/styles/@projectcaluma/ember-form.scss +5 -15
  49. package/app/styles/_flatpickr.scss +47 -0
  50. package/blueprints/@projectcaluma/ember-form/index.js +1 -1
  51. package/index.js +12 -0
  52. package/package.json +47 -37
  53. package/translations/de.yaml +6 -6
  54. package/translations/en.yaml +6 -6
  55. package/translations/fr.yaml +6 -6
  56. package/addon/components/cf-field/input/file.hbs +0 -32
  57. package/addon/components/cf-field/input/file.js +0 -89
  58. package/addon/components/cf-field/label.js +0 -11
  59. package/addon/gql/mutations/remove-answer.graphql +0 -7
  60. package/addon/gql/mutations/save-document-file-answer.graphql +0 -9
  61. package/addon/instance-initializers/setup-pikaday-i18n.js +0 -35
  62. package/config/environment.js +0 -5
@@ -12,6 +12,10 @@ caluma:
12
12
  optionNotAvailable: "This option is not available anymore"
13
13
  info: "More information"
14
14
 
15
+ error:
16
+ intro: "Oh no, something went wrong on our side. Your answer could not be saved."
17
+ details: "Technical details:"
18
+
15
19
  navigation:
16
20
  next: "Next"
17
21
  previous: "Previous"
@@ -34,7 +38,6 @@ caluma:
34
38
  options-empty: "No options available"
35
39
  search-placeholder: "Type here to search options"
36
40
  search-empty: "Search didn't match any options"
37
- null: "No selection"
38
41
 
39
42
  validation:
40
43
  blank: "This field can't be blank"
@@ -43,11 +46,8 @@ caluma:
43
46
  greaterThanOrEqualTo: "The value of this field must be greater than or equal to {gte}"
44
47
  lessThanOrEqualTo: "The value of this field must be less than or equal to {lte}"
45
48
  notAnInteger: "The value of this field must be an integer"
46
- inclusion: "'{value}' is not a valid value for this field"
49
+ inclusion: '"{label}" is not a valid value for this field'
50
+ deleteFailed: "An error occured during deletion."
47
51
  uploadFailed: "An error occured during upload."
48
52
  format: "{errorMsg}"
49
53
  table: "At least one row of the table was not filled in correctly"
50
-
51
- pikaday:
52
- month-previous: "Previous month"
53
- month-next: "Next month"
@@ -12,6 +12,10 @@ caluma:
12
12
  optionNotAvailable: "Cette option n'est plus disponible"
13
13
  info: "Plus d'informations"
14
14
 
15
+ error:
16
+ intro: "Oh non, quelque chose a mal tourné de notre côté. Votre réponse n'a pas pu être sauvegardée."
17
+ details: "Détails techniques :"
18
+
15
19
  navigation:
16
20
  next: "suivante"
17
21
  previous: "précédente"
@@ -34,7 +38,6 @@ caluma:
34
38
  options-empty: "Pas d'options disponibles"
35
39
  search-placeholder: "Tapez ici pour rechercher"
36
40
  search-empty: "Pas d'options trouvées"
37
- null: "Aucune sélection"
38
41
 
39
42
  validation:
40
43
  blank: "Ce champ ne doit pas être laissé vide"
@@ -43,11 +46,8 @@ caluma:
43
46
  greaterThanOrEqualTo: "La valeur indiquée dans ce champ ne doit pas être inférieure à {gte} "
44
47
  lessThanOrEqualTo: "L'entrée dans ce champ ne doit pas être supérieure à {lte} "
45
48
  notAnInteger: "Veuillez entrer un nombre entier"
46
- inclusion: "'{value}' n'est pas une valeur valide pour ce champ"
49
+ inclusion: '"{label}" n''est pas une valeur valide pour ce champ'
50
+ deleteFailed: "Une erreur est survenue lors de la suppression."
47
51
  uploadFailed: "Une erreur s'est produite pendant le téléchargement."
48
52
  format: "{errorMsg}"
49
53
  table: "Au moins une ligne du tableau n'a pas été remplie correctement"
50
-
51
- pikaday:
52
- month-previous: "Mois précédent"
53
- month-next: "Mois suivant"
@@ -1,32 +0,0 @@
1
- <div class="uk-flex-middle uk-grid-divider uk-grid-column-small" uk-grid>
2
- <div uk-form-custom="target: true">
3
-
4
- <input
5
- type="file"
6
- name={{@field.pk}}
7
- id={{@field.pk}}
8
- disabled={{@disabled}}
9
- {{on "change" this.save}}
10
- />
11
- <UkButton @color="primary" @disabled={{@disabled}}>
12
- {{t "caluma.form.selectFile"}}
13
- </UkButton>
14
- </div>
15
- {{#if (and this.downloadUrl this.downloadName)}}
16
- <div>
17
- <UkButton
18
- data-test-download-link
19
- @color="link"
20
- @onClick={{this.download}}
21
- >
22
- {{this.downloadName}}
23
- </UkButton>
24
- <UkIcon
25
- class="uk-icon-button uk-margin-small-left"
26
- role="button"
27
- @icon="trash"
28
- {{on "click" this.delete}}
29
- />
30
- </div>
31
- {{/if}}
32
- </div>
@@ -1,89 +0,0 @@
1
- import { action } from "@ember/object";
2
- import { inject as service } from "@ember/service";
3
- import Component from "@glimmer/component";
4
- import { queryManager } from "ember-apollo-client";
5
- import fetch from "fetch";
6
-
7
- import removeAnswerMutation from "@projectcaluma/ember-form/gql/mutations/remove-answer.graphql";
8
- import getFileAnswerInfoQuery from "@projectcaluma/ember-form/gql/queries/fileanswer-info.graphql";
9
-
10
- export default class CfFieldInputFileComponent extends Component {
11
- @service intl;
12
-
13
- @queryManager apollo;
14
-
15
- get downloadUrl() {
16
- return this.args.field?.answer?.value?.downloadUrl;
17
- }
18
-
19
- get downloadName() {
20
- return this.args.field?.answer?.value?.name;
21
- }
22
-
23
- @action
24
- async download() {
25
- const { downloadUrl } = await this.apollo.watchQuery(
26
- {
27
- query: getFileAnswerInfoQuery,
28
- variables: { id: this.args.field.answer.raw.id },
29
- fetchPolicy: "cache-and-network",
30
- },
31
- "node.fileValue"
32
- );
33
-
34
- if (downloadUrl) {
35
- window.open(downloadUrl, "_blank");
36
- }
37
- }
38
-
39
- @action
40
- async save({ target }) {
41
- const file = target.files[0];
42
-
43
- if (!file) {
44
- return;
45
- }
46
-
47
- const { fileValue } = await this.args.onSave(file.name);
48
-
49
- try {
50
- const response = await fetch(fileValue.uploadUrl, {
51
- method: "PUT",
52
- body: file,
53
- });
54
-
55
- if (!response.ok) {
56
- throw new Error();
57
- }
58
-
59
- this.args.field.answer.value = {
60
- name: file.name,
61
- downloadUrl: fileValue.downloadUrl,
62
- };
63
- } catch (error) {
64
- await this.args.onSave(null);
65
- this.args.field._errors = [{ type: "uploadFailed" }];
66
- } finally {
67
- // eslint-disable-next-line require-atomic-updates
68
- target.value = "";
69
- }
70
- }
71
-
72
- @action
73
- async delete() {
74
- try {
75
- await this.apollo.mutate({
76
- mutation: removeAnswerMutation,
77
- variables: {
78
- input: {
79
- answer: this.args.field.answer.uuid,
80
- },
81
- },
82
- });
83
-
84
- await this.args.onSave(null);
85
- } catch (error) {
86
- this.args.field._errors = [{ type: "deleteFailed" }];
87
- }
88
- }
89
- }
@@ -1,11 +0,0 @@
1
- import Component from "@glimmer/component";
2
-
3
- export default class CfFieldLabelComponent extends Component {
4
- get optional() {
5
- if (this.args.field?.question.isCalculated) {
6
- return false;
7
- }
8
-
9
- return this.args.field?.optional;
10
- }
11
- }
@@ -1,7 +0,0 @@
1
- mutation RemoveAnswer($input: RemoveAnswerInput!) {
2
- removeAnswer(input: $input) {
3
- answer {
4
- id
5
- }
6
- }
7
- }
@@ -1,9 +0,0 @@
1
- #import * from '../fragments/field.graphql'
2
-
3
- mutation SaveDocumentFileAnswer($input: SaveDocumentFileAnswerInput!) {
4
- saveDocumentFileAnswer(input: $input) {
5
- answer {
6
- ...FieldAnswer
7
- }
8
- }
9
- }
@@ -1,35 +0,0 @@
1
- import EmberObject from "@ember/object";
2
- import { inject as service } from "@ember/service";
3
- import moment from "moment";
4
-
5
- class Translations extends EmberObject {
6
- @service intl;
7
-
8
- get previousMonth() {
9
- return this.intl.t("caluma.form.pikaday.month-previous");
10
- }
11
-
12
- get nextMonth() {
13
- return this.intl.t("caluma.form.pikaday.month-next");
14
- }
15
-
16
- months = moment.localeData().months();
17
- weekdays = moment.localeData().weekdays();
18
- weekdaysShort = moment.localeData().weekdaysShort();
19
- }
20
-
21
- export function initialize(applicationInstance) {
22
- applicationInstance.register("pikaday-i18n:main", Translations, {
23
- singleton: true,
24
- });
25
- applicationInstance.inject(
26
- "component:pikaday-input",
27
- "i18n",
28
- "pikaday-i18n:main"
29
- );
30
- }
31
-
32
- export default {
33
- name: "setup-pikaday-i18n",
34
- initialize,
35
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- module.exports = function (/* environment, appConfig */) {
4
- return {};
5
- };