hr-design-system-handlebars 1.111.4 → 1.111.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/assets/index.css +3 -8
- package/dist/views/components/forms/components/choice.hbs +1 -1
- package/dist/views/components/forms/components/fields.hbs +3 -2
- package/dist/views/components/forms/components/upload.hbs +5 -5
- package/dist/views_static/components/forms/components/choice.hbs +1 -1
- package/dist/views_static/components/forms/components/fields.hbs +3 -2
- package/dist/views_static/components/forms/components/upload.hbs +5 -5
- package/package.json +1 -1
- package/src/assets/fixtures/forms/form_fields.inc.json +1 -1
- package/src/stories/views/components/content/copytext/fixtures/copytext_webform.json +1 -1
- package/src/stories/views/components/forms/components/choice.hbs +1 -1
- package/src/stories/views/components/forms/components/fields.hbs +3 -2
- package/src/stories/views/components/forms/components/upload.hbs +5 -5
- package/src/stories/views/components/forms/fixtures/form_upload.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
# v1.111.5 (Tue Oct 22 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- some bugfixes for UploadForm [#1124](https://github.com/mumprod/hr-design-system-handlebars/pull/1124) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
|
|
6
|
+
|
|
7
|
+
#### Authors: 2
|
|
8
|
+
|
|
9
|
+
- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
|
|
10
|
+
- selbaciri (saad.elbaciri@hr.de)
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
1
14
|
# v1.111.4 (Fri Oct 18 2024)
|
|
2
15
|
|
|
3
16
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3325,11 +3325,6 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3325
3325
|
color: #005293;
|
|
3326
3326
|
color: var(--color-primary-ds);
|
|
3327
3327
|
}
|
|
3328
|
-
.text-red-700 {
|
|
3329
|
-
--tw-text-opacity: 1;
|
|
3330
|
-
color: rgba(185, 28, 28, 1);
|
|
3331
|
-
color: rgba(185, 28, 28, var(--tw-text-opacity));
|
|
3332
|
-
}
|
|
3333
3328
|
.text-search-footer-text {
|
|
3334
3329
|
color: #000000;
|
|
3335
3330
|
color: var(--color-search-footer-text);
|
|
@@ -3602,7 +3597,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3602
3597
|
border-bottom-color: var(--color-secondary-ds);
|
|
3603
3598
|
}
|
|
3604
3599
|
.counter-reset {
|
|
3605
|
-
counter-reset:
|
|
3600
|
+
counter-reset: cnt1729601409591;
|
|
3606
3601
|
}
|
|
3607
3602
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
3608
3603
|
font-size: 0.75rem;
|
|
@@ -4016,7 +4011,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
4016
4011
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4017
4012
|
}
|
|
4018
4013
|
.-ordered {
|
|
4019
|
-
counter-increment:
|
|
4014
|
+
counter-increment: cnt1729601409591 1;
|
|
4020
4015
|
}
|
|
4021
4016
|
.-ordered::before {
|
|
4022
4017
|
position: absolute;
|
|
@@ -4034,7 +4029,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
4034
4029
|
--tw-text-opacity: 1;
|
|
4035
4030
|
color: rgba(0, 0, 0, 1);
|
|
4036
4031
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4037
|
-
content: counter(
|
|
4032
|
+
content: counter(cnt1729601409591);
|
|
4038
4033
|
}
|
|
4039
4034
|
/*! ****************************/
|
|
4040
4035
|
/*! DataPolicy stuff */
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
{{/if}}
|
|
61
61
|
{{/if~}}
|
|
62
62
|
>
|
|
63
|
-
<label for="input{{getRandom}}" class="min-h-6 pt-0.5 items-center justify-center pl-2
|
|
63
|
+
<label for="input{{getRandom}}" class="min-h-6 pt-0.5 items-center justify-center pl-2 cursor-pointer md:pl-3 text-text dark:text-text-dark md:text-base text-sm">
|
|
64
64
|
{{#if _hasBody}}
|
|
65
65
|
{{decorator_body}}{{#unless _inGroup}}{{#if _required}}*{{/if}}{{/unless}}
|
|
66
66
|
{{else}}
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
{{#if this.caption}}
|
|
5
5
|
<fieldset>
|
|
6
6
|
<legend class="mb-5 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
|
|
7
|
-
{{~> components/forms/components/fields}}
|
|
7
|
+
{{~> components/forms/components/fields _formId=../_formId}}
|
|
8
8
|
</fieldset>
|
|
9
9
|
{{else}}
|
|
10
10
|
<fieldset>
|
|
11
|
-
{{~> components/forms/components/fields}}
|
|
11
|
+
{{~> components/forms/components/fields _formId=../_formId}}
|
|
12
12
|
</fieldset>
|
|
13
13
|
{{/if}}
|
|
14
14
|
|
|
@@ -94,6 +94,7 @@
|
|
|
94
94
|
_required=this.isRequired
|
|
95
95
|
_errorMandatory="Bitte laden Sie eine Datei hoch"
|
|
96
96
|
_formId=../_formId
|
|
97
|
+
_type=(if this.type.isUpload "upload")
|
|
97
98
|
}}
|
|
98
99
|
{{/if}}
|
|
99
100
|
</div>
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
</span>
|
|
54
54
|
<span class="text-nowrap">{{loca "webform_upload_label" }}</span>
|
|
55
55
|
</label>
|
|
56
|
-
<span x-show="!isFileSelected" class="items-center justify-center text-
|
|
57
|
-
<div x-show="isFileSelected" class="flex items-center gap-2 p-1 text-sm bg-gray-300
|
|
58
|
-
<span x-text="getFileName" class="items-center justify-center text-black" ></span>
|
|
56
|
+
<span x-show="!isFileSelected" class="items-center justify-center text-sm text-text dark:text-text-dark md:text-base" >{{_label}}{{#if _required}}*{{/if}}</span>
|
|
57
|
+
<div x-cloak x-show="isFileSelected" class="flex items-center gap-2 p-1 text-sm bg-gray-300">
|
|
58
|
+
<span x-text="getFileName" class="items-center justify-center text-black overflow-anywhere" ></span>
|
|
59
59
|
<button class="flex-shrink-0" @click="clearFile" type="button">
|
|
60
60
|
<span >{{~> components/base/image/icon _icon="close" _addClass="h-3 w-3 fill-red-600" _iconmap="icons"~}}</span>
|
|
61
61
|
</button>
|
|
@@ -63,10 +63,10 @@
|
|
|
63
63
|
</div>
|
|
64
64
|
<div class="font-heading">
|
|
65
65
|
{{#if _description}}
|
|
66
|
-
<div class="pl-3 text-xs text-gray-500 md:pl-4" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
|
|
66
|
+
<div class="pl-3 text-xs text-gray-500 md:pl-4 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
|
|
67
67
|
{{/if}}
|
|
68
68
|
{{#if _required}}
|
|
69
|
-
<div class="hidden pl-3 text-xs text-
|
|
69
|
+
<div class="hidden pl-3 text-xs text-error dark:text-error-dark md:pl-4" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
|
|
70
70
|
{{/if}}
|
|
71
71
|
</div>
|
|
72
72
|
</div>
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
{{/if}}
|
|
61
61
|
{{/if~}}
|
|
62
62
|
>
|
|
63
|
-
<label for="input{{getRandom}}" class="min-h-6 pt-0.5 items-center justify-center pl-2
|
|
63
|
+
<label for="input{{getRandom}}" class="min-h-6 pt-0.5 items-center justify-center pl-2 cursor-pointer md:pl-3 text-text dark:text-text-dark md:text-base text-sm">
|
|
64
64
|
{{#if _hasBody}}
|
|
65
65
|
{{decorator_body}}{{#unless _inGroup}}{{#if _required}}*{{/if}}{{/unless}}
|
|
66
66
|
{{else}}
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
{{#if this.caption}}
|
|
5
5
|
<fieldset>
|
|
6
6
|
<legend class="mb-5 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
|
|
7
|
-
{{~> components/forms/components/fields}}
|
|
7
|
+
{{~> components/forms/components/fields _formId=../_formId}}
|
|
8
8
|
</fieldset>
|
|
9
9
|
{{else}}
|
|
10
10
|
<fieldset>
|
|
11
|
-
{{~> components/forms/components/fields}}
|
|
11
|
+
{{~> components/forms/components/fields _formId=../_formId}}
|
|
12
12
|
</fieldset>
|
|
13
13
|
{{/if}}
|
|
14
14
|
|
|
@@ -94,6 +94,7 @@
|
|
|
94
94
|
_required=this.isRequired
|
|
95
95
|
_errorMandatory="Bitte laden Sie eine Datei hoch"
|
|
96
96
|
_formId=../_formId
|
|
97
|
+
_type=(if this.type.isUpload "upload")
|
|
97
98
|
}}
|
|
98
99
|
{{/if}}
|
|
99
100
|
</div>
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
</span>
|
|
54
54
|
<span class="text-nowrap">{{loca "webform_upload_label" }}</span>
|
|
55
55
|
</label>
|
|
56
|
-
<span x-show="!isFileSelected" class="items-center justify-center text-
|
|
57
|
-
<div x-show="isFileSelected" class="flex items-center gap-2 p-1 text-sm bg-gray-300
|
|
58
|
-
<span x-text="getFileName" class="items-center justify-center text-black" ></span>
|
|
56
|
+
<span x-show="!isFileSelected" class="items-center justify-center text-sm text-text dark:text-text-dark md:text-base" >{{_label}}{{#if _required}}*{{/if}}</span>
|
|
57
|
+
<div x-cloak x-show="isFileSelected" class="flex items-center gap-2 p-1 text-sm bg-gray-300">
|
|
58
|
+
<span x-text="getFileName" class="items-center justify-center text-black overflow-anywhere" ></span>
|
|
59
59
|
<button class="flex-shrink-0" @click="clearFile" type="button">
|
|
60
60
|
<span >{{~> components/base/image/icon _icon="close" _addClass="h-3 w-3 fill-red-600" _iconmap="icons"~}}</span>
|
|
61
61
|
</button>
|
|
@@ -63,10 +63,10 @@
|
|
|
63
63
|
</div>
|
|
64
64
|
<div class="font-heading">
|
|
65
65
|
{{#if _description}}
|
|
66
|
-
<div class="pl-3 text-xs text-gray-500 md:pl-4" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
|
|
66
|
+
<div class="pl-3 text-xs text-gray-500 md:pl-4 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
|
|
67
67
|
{{/if}}
|
|
68
68
|
{{#if _required}}
|
|
69
|
-
<div class="hidden pl-3 text-xs text-
|
|
69
|
+
<div class="hidden pl-3 text-xs text-error dark:text-error-dark md:pl-4" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
|
|
70
70
|
{{/if}}
|
|
71
71
|
</div>
|
|
72
72
|
</div>
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"repository": "https://github.com/szuelch/hr-design-system-handlebars",
|
|
9
|
-
"version": "1.111.
|
|
9
|
+
"version": "1.111.5",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -244,7 +244,7 @@
|
|
|
244
244
|
},
|
|
245
245
|
"name":"Datei Hochladen",
|
|
246
246
|
"label":"Wählen Sie eine Datei zum Hochladen",
|
|
247
|
-
"description":"
|
|
247
|
+
"description":"Maximale Dateigröße: 35 MB.",
|
|
248
248
|
"isRequired":true
|
|
249
249
|
}
|
|
250
250
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Formular"},{"paragraphBoxItem":{"isWebForm":true,"hasNewWebForm":true,"title":"Kontaktformular","jsonUrl":"https://ugc-hessenschau.dev-ext.hrcms.gcp.cloud.hr.de","errorMessages":"errorMessages","isMultipart":"isMultipart","trackingInformations":"trackingInformations","fields":[{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext (*Pflichtfeld)","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"140"},{"type":{"isText":true,"asString":"text"},"name":"nachname","label":"Nachname","description":"","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"140"},{"type":{"isUpload":true,"asString":"upload"},"name":"Datei Hochladen","label":"Wählen Sie eine Datei zum Hochladen","description":"
|
|
1
|
+
{"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Formular"},{"paragraphBoxItem":{"isWebForm":true,"hasNewWebForm":true,"title":"Kontaktformular","jsonUrl":"https://ugc-hessenschau.dev-ext.hrcms.gcp.cloud.hr.de","errorMessages":"errorMessages","isMultipart":"isMultipart","trackingInformations":"trackingInformations","fields":[{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext (*Pflichtfeld)","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"140"},{"type":{"isText":true,"asString":"text"},"name":"nachname","label":"Nachname","description":"","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"140"},{"type":{"isUpload":true,"asString":"upload"},"name":"Datei Hochladen","label":"Wählen Sie eine Datei zum Hochladen","description":"Maximale Dateigröße: 35 MB.","isRequired":true},{"type":{"isSelect":true,"asString":"select"},"name":"Select Name","label":"Wen möchten Sie erreichen?","description":"Das ist der Beschreibungstext von Select","defaultValue":"","isHidden":false,"isRequired":true,"options":[{"id":"option1","value":"option1","selected":false,"label":"Option 1"},{"id":"option2","value":"option2","selected":false,"label":"Option 2"},{"id":"option3","value":"option3","selected":false,"label":"Option 3"},{"id":"option4","value":"option4","selected":false,"label":"Option 4"}]},{"isGrouped":true,"type":{"isChoice":true,"asString":"checkbox"},"name":"interessen","label":"Wählen Sie Ihre Interessen","isMeta":false,"description":"Bitte kreuzen Sie alle Interessen an, die auf Sie zutreffen. Ihre Auswahl hilft uns, Ihnen relevante Inhalte anzubieten.","isRequired":false,"options":[{"value":"sport","label":"sport","title":"sport","isSelected":false},{"value":"musik","label":"musik","title":"musik","isSelected":false},{"value":"lesen","label":"lesen","title":"lesen","isSelected":false},{"value":"reisen","label":"reisen","title":"reisen","isSelected":false},{"value":"kochen","label":"kochen","title":"kochen","isSelected":false},{"value":"filme","label":"filme","title":"filme","isSelected":false},{"value":"tanzen","label":"tanzen","title":"tanzen","isSelected":false},{"value":"fotografie","label":"fotografie","title":"fotografie","isSelected":false}]},{"isGrouped":true,"type":{"isChoice":true,"isRadioChoice":true,"asString":"radio"},"name":"lieblingsfarbe","label":"Wählen Sie Ihre Lieblingsfarbe","isMeta":false,"description":"Bitte wählen Sie eine der folgenden Farben aus.","isRequired":true,"options":[{"value":"rot","label":"rot","title":"rot","isSelected":false},{"value":"blau","label":"blau","title":"blau","isSelected":false},{"value":"grün","label":"grün","title":"grün","isSelected":false}]},{"isGrouped":true,"type":{"isChoice":true,"isRadioChoice":true,"asString":"radio"},"name":"lieblingsfarbe","label":"Wählen Sie Ihre Lieblingsfarbe","isMeta":false,"description":"Bitte wählen Sie eine der folgenden Farben aus.","isRequired":false,"options":[{"value":"rot","label":"rot","title":"rot","isSelected":false},{"value":"blau","label":"blau","title":"blau","isSelected":false},{"value":"grün","label":"grün","title":"grün","isSelected":false}]},{"isGrouped":false,"type":{"isChoice":true,"asString":"checkbox"},"name":"checkbox","label":"Ich bin damit einverstanden.","isMeta":false,"description":"Das ist der Beschreibungstext von Checkbox","isRequired":false},{"isGrouped":false,"type":{"isChoice":true,"asString":"checkbox"},"name":"checkbox","label":"Ich bin damit einverstanden, dass der hr die von mir im vorstehenden Formular angegebenen personenbezogenen Daten für den Zweck der Kontaktaufnahme mit Upload verarbeitet. Eine Weitergabe an Dritte findet nicht statt, es sei denn, es wird ausdrücklich darauf hingewiesen. Unsere Datenschutzerklärung mit sämtlichen Informationen gemäß Art 13 DSGVO zur Datenverarbeitung durch den hr und zu Ihren Rechten können Sie unter Datenschutzerklärung einsehen. Den Datenschutzbeauftragten des hr erreichen Sie unter datenschutz@hr.de.","isMeta":false,"description":"Das ist der Beschreibungstext von Checkbox","isRequired":true}]}}]}
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
{{/if}}
|
|
61
61
|
{{/if~}}
|
|
62
62
|
>
|
|
63
|
-
<label for="input{{getRandom}}" class="min-h-6 pt-0.5 items-center justify-center pl-2
|
|
63
|
+
<label for="input{{getRandom}}" class="min-h-6 pt-0.5 items-center justify-center pl-2 cursor-pointer md:pl-3 text-text dark:text-text-dark md:text-base text-sm">
|
|
64
64
|
{{#if _hasBody}}
|
|
65
65
|
{{decorator_body}}{{#unless _inGroup}}{{#if _required}}*{{/if}}{{/unless}}
|
|
66
66
|
{{else}}
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
{{#if this.caption}}
|
|
5
5
|
<fieldset>
|
|
6
6
|
<legend class="mb-5 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
|
|
7
|
-
{{~> components/forms/components/fields}}
|
|
7
|
+
{{~> components/forms/components/fields _formId=../_formId}}
|
|
8
8
|
</fieldset>
|
|
9
9
|
{{else}}
|
|
10
10
|
<fieldset>
|
|
11
|
-
{{~> components/forms/components/fields}}
|
|
11
|
+
{{~> components/forms/components/fields _formId=../_formId}}
|
|
12
12
|
</fieldset>
|
|
13
13
|
{{/if}}
|
|
14
14
|
|
|
@@ -94,6 +94,7 @@
|
|
|
94
94
|
_required=this.isRequired
|
|
95
95
|
_errorMandatory="Bitte laden Sie eine Datei hoch"
|
|
96
96
|
_formId=../_formId
|
|
97
|
+
_type=(if this.type.isUpload "upload")
|
|
97
98
|
}}
|
|
98
99
|
{{/if}}
|
|
99
100
|
</div>
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
</span>
|
|
54
54
|
<span class="text-nowrap">{{loca "webform_upload_label" }}</span>
|
|
55
55
|
</label>
|
|
56
|
-
<span x-show="!isFileSelected" class="items-center justify-center text-
|
|
57
|
-
<div x-show="isFileSelected" class="flex items-center gap-2 p-1 text-sm bg-gray-300
|
|
58
|
-
<span x-text="getFileName" class="items-center justify-center text-black" ></span>
|
|
56
|
+
<span x-show="!isFileSelected" class="items-center justify-center text-sm text-text dark:text-text-dark md:text-base" >{{_label}}{{#if _required}}*{{/if}}</span>
|
|
57
|
+
<div x-cloak x-show="isFileSelected" class="flex items-center gap-2 p-1 text-sm bg-gray-300">
|
|
58
|
+
<span x-text="getFileName" class="items-center justify-center text-black overflow-anywhere" ></span>
|
|
59
59
|
<button class="flex-shrink-0" @click="clearFile" type="button">
|
|
60
60
|
<span >{{~> components/base/image/icon _icon="close" _addClass="h-3 w-3 fill-red-600" _iconmap="icons"~}}</span>
|
|
61
61
|
</button>
|
|
@@ -63,10 +63,10 @@
|
|
|
63
63
|
</div>
|
|
64
64
|
<div class="font-heading">
|
|
65
65
|
{{#if _description}}
|
|
66
|
-
<div class="pl-3 text-xs text-gray-500 md:pl-4" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
|
|
66
|
+
<div class="pl-3 text-xs text-gray-500 md:pl-4 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
|
|
67
67
|
{{/if}}
|
|
68
68
|
{{#if _required}}
|
|
69
|
-
<div class="hidden pl-3 text-xs text-
|
|
69
|
+
<div class="hidden pl-3 text-xs text-error dark:text-error-dark md:pl-4" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
|
|
70
70
|
{{/if}}
|
|
71
71
|
</div>
|
|
72
72
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"fields":[{"type":{"isUpload":true,"asString":"upload"},"name":"Datei Hochladen","label":"Wählen Sie eine Datei zum Hochladen","description":"
|
|
1
|
+
{"fields":[{"type":{"isUpload":true,"asString":"upload"},"name":"Datei Hochladen","label":"Wählen Sie eine Datei zum Hochladen","description":"Maximale Dateigröße: 35 MB.","isRequired":true}]}
|