hr-design-system-handlebars 1.100.8 → 1.101.0

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.
Files changed (19) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +7 -3
  3. package/dist/views/components/content/copytext/copytext_body.hbs +1 -1
  4. package/dist/views/components/forms/fields.hbs +3 -3
  5. package/dist/views/components/forms/input.hbs +2 -2
  6. package/dist/views/components/forms/webform.hbs +12 -6
  7. package/dist/views_static/components/content/copytext/copytext_body.hbs +1 -1
  8. package/dist/views_static/components/forms/fields.hbs +3 -3
  9. package/dist/views_static/components/forms/input.hbs +2 -2
  10. package/dist/views_static/components/forms/webform.hbs +12 -6
  11. package/package.json +1 -1
  12. package/src/assets/fixtures/content/copytext/copytext_webform.json +8 -2
  13. package/src/assets/fixtures/forms/form_fields.inc.json +15 -1
  14. package/src/stories/views/components/content/copytext/copytext_body.hbs +1 -1
  15. package/src/stories/views/components/content/copytext/fixtures/copytext_webform.json +1 -1
  16. package/src/stories/views/components/forms/fields.hbs +3 -3
  17. package/src/stories/views/components/forms/fixtures/form_input_mandatory.json +1 -1
  18. package/src/stories/views/components/forms/input.hbs +2 -2
  19. package/src/stories/views/components/forms/webform.hbs +12 -6
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.101.0 (Thu Sep 19 2024)
2
+
3
+ #### 🚀 Enhancement
4
+
5
+ - ✨ DPE-3361 Formular in delivery einbauen [#1071](https://github.com/mumprod/hr-design-system-handlebars/pull/1071) ([@vascoeduardo](https://github.com/vascoeduardo))
6
+
7
+ #### Authors: 1
8
+
9
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
10
+
11
+ ---
12
+
1
13
  # v1.100.8 (Wed Sep 18 2024)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -3454,7 +3454,7 @@ article.indexTextDS .indexTextHighlighted .link {
3454
3454
  border-bottom-color: var(--color-secondary-ds);
3455
3455
  }
3456
3456
  .counter-reset {
3457
- counter-reset: cnt1726656177379;
3457
+ counter-reset: cnt1726756869388;
3458
3458
  }
3459
3459
  .hyphens-auto {
3460
3460
  -webkit-hyphens: auto;
@@ -3862,7 +3862,7 @@ article.indexTextDS .indexTextHighlighted .link {
3862
3862
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3863
3863
  }
3864
3864
  .-ordered {
3865
- counter-increment: cnt1726656177379 1;
3865
+ counter-increment: cnt1726756869388 1;
3866
3866
  }
3867
3867
  .-ordered::before {
3868
3868
  position: absolute;
@@ -3878,7 +3878,7 @@ article.indexTextDS .indexTextHighlighted .link {
3878
3878
  letter-spacing: .0125em;
3879
3879
  --tw-text-opacity: 1;
3880
3880
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3881
- content: counter(cnt1726656177379);
3881
+ content: counter(cnt1726756869388);
3882
3882
  }
3883
3883
  /*! ****************************/
3884
3884
  /*! DataPolicy stuff */
@@ -6438,6 +6438,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
6438
6438
  margin-bottom: 1.75rem;
6439
6439
  }
6440
6440
 
6441
+ .sm\:mb-12 {
6442
+ margin-bottom: 3rem;
6443
+ }
6444
+
6441
6445
  .sm\:mb-14 {
6442
6446
  margin-bottom: 3.5rem;
6443
6447
  }
package/dist/views/components/content/copytext/copytext_body.hbs CHANGED
@@ -22,7 +22,7 @@
22
22
  {{> components/content/copytext/components/map }}
23
23
  {{/if~}}
24
24
  {{~#if this.isWebForm}}
25
- {{> components/forms/webform }}
25
+ {{> components/forms/webform _newWebForm=this.hasNewWebForm}}
26
26
  {{/if~}}
27
27
  {{~#if this.isNewsletter}}
28
28
  {{> components/content/copytext/components/newsletter }}
package/dist/views/components/forms/fields.hbs CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  {{else}}
18
18
 
19
- <div class="c-form__row js-wrapper-{{this.name}}">
19
+ <div class="js-wrapper-{{this.name}}">
20
20
  {{#if this.type.isTextarea}}
21
21
  {{~> components/forms/textarea
22
22
  _name=this.name
@@ -36,10 +36,10 @@
36
36
  _isEmail=this.type.isEmail
37
37
  _name=this.name
38
38
  _label=this.label
39
- _labelClass="hide"
39
+ _labelClass=""
40
40
  _description=this.description
41
41
  _defaultValue=this.defaultValue
42
- _inputClass=(if this.isHidden "hide")
42
+ _wrapperClass=(if this.isHidden "hidden")
43
43
  _tabindex=(if this.isHidden "-1")
44
44
  _required=this.isRequired
45
45
  _maxLength=this.maxLength
package/dist/views/components/forms/input.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="relative flex flex-col w-full mb-5"
1
+ <div class="relative flex flex-col w-full mb-5 {{_wrapperClass}}"
2
2
  ax-load
3
3
  x-data="inputHandler('input{{nextRandom}}','{{_errorMandatory}}','{{_errorEmail}}',{{#if _isEmail}}true{{else}}false{{/if}},'{{#if _formField.forHtmlAttribute}}{{_formField.forHtmlAttribute}}{{else}}{{#if _value}}{{_value}}{{else}}{{_defaultValue}}{{/if}}{{/if}}')"
4
4
  x-ignore
@@ -42,7 +42,7 @@
42
42
  data-hr-search-suggest='{"templateUrl":"{{resourceUrl "suche/index~suggest.jsp"}}"}'{{/if}}
43
43
  >
44
44
 
45
- <label for="input{{getRandom}}" class="absolute left-[16px] top-px translate-y-0 translate-x-0 scale-75 text-gray-500
45
+ <label for="input{{getRandom}}" class="{{_labelClass}} absolute left-[16px] top-px translate-y-0 translate-x-0 scale-75 text-gray-500
46
46
 
47
47
  peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-x-0 peer-placeholder-shown:translate-y-3
48
48
 
package/dist/views/components/forms/webform.hbs CHANGED
@@ -1,9 +1,15 @@
1
- {{~#if (isStorybook)~}}
2
- {{#>components/forms/backgroundBox }}
3
- <form class="relative flex flex-col justify-center overflow-hidden group" id="form--{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >
4
- {{> components/forms/fields }}
5
- </form>
6
- {{/components/forms/backgroundBox }}
1
+ {{~#if _newWebForm ~}}
2
+ {{#>components/forms/backgroundBox }}
3
+
4
+
5
+ <h3 class="mb-6 text-2xl font-headingSerif sm:mb-12">
6
+ {{this.title}}
7
+ </h3>
8
+
9
+ <form class="relative flex flex-col justify-center overflow-hidden group" id="form--{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >
10
+ {{> components/forms/fields }}
11
+ </form>
12
+ {{/components/forms/backgroundBox }}
7
13
  {{~else~}}
8
14
  {{> content/webform/components/webform _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
9
15
  {{~/if~}}
package/dist/views_static/components/content/copytext/copytext_body.hbs CHANGED
@@ -22,7 +22,7 @@
22
22
  {{> components/content/copytext/components/map }}
23
23
  {{/if~}}
24
24
  {{~#if this.isWebForm}}
25
- {{> components/forms/webform }}
25
+ {{> components/forms/webform _newWebForm=this.hasNewWebForm}}
26
26
  {{/if~}}
27
27
  {{~#if this.isNewsletter}}
28
28
  {{> components/content/copytext/components/newsletter }}
package/dist/views_static/components/forms/fields.hbs CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  {{else}}
18
18
 
19
- <div class="c-form__row js-wrapper-{{this.name}}">
19
+ <div class="js-wrapper-{{this.name}}">
20
20
  {{#if this.type.isTextarea}}
21
21
  {{~> components/forms/textarea
22
22
  _name=this.name
@@ -36,10 +36,10 @@
36
36
  _isEmail=this.type.isEmail
37
37
  _name=this.name
38
38
  _label=this.label
39
- _labelClass="hide"
39
+ _labelClass=""
40
40
  _description=this.description
41
41
  _defaultValue=this.defaultValue
42
- _inputClass=(if this.isHidden "hide")
42
+ _wrapperClass=(if this.isHidden "hidden")
43
43
  _tabindex=(if this.isHidden "-1")
44
44
  _required=this.isRequired
45
45
  _maxLength=this.maxLength
package/dist/views_static/components/forms/input.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="relative flex flex-col w-full mb-5"
1
+ <div class="relative flex flex-col w-full mb-5 {{_wrapperClass}}"
2
2
  ax-load
3
3
  x-data="inputHandler('input{{nextRandom}}','{{_errorMandatory}}','{{_errorEmail}}',{{#if _isEmail}}true{{else}}false{{/if}},'{{#if _formField.forHtmlAttribute}}{{_formField.forHtmlAttribute}}{{else}}{{#if _value}}{{_value}}{{else}}{{_defaultValue}}{{/if}}{{/if}}')"
4
4
  x-ignore
@@ -42,7 +42,7 @@
42
42
  data-hr-search-suggest='{"templateUrl":"{{resourceUrl "suche/index~suggest.jsp"}}"}'{{/if}}
43
43
  >
44
44
 
45
- <label for="input{{getRandom}}" class="absolute left-[16px] top-px translate-y-0 translate-x-0 scale-75 text-gray-500
45
+ <label for="input{{getRandom}}" class="{{_labelClass}} absolute left-[16px] top-px translate-y-0 translate-x-0 scale-75 text-gray-500
46
46
 
47
47
  peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-x-0 peer-placeholder-shown:translate-y-3
48
48
 
package/dist/views_static/components/forms/webform.hbs CHANGED
@@ -1,9 +1,15 @@
1
- {{~#if (isStorybook)~}}
2
- {{#>components/forms/backgroundBox }}
3
- <form class="relative flex flex-col justify-center overflow-hidden group" id="form--{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >
4
- {{> components/forms/fields }}
5
- </form>
6
- {{/components/forms/backgroundBox }}
1
+ {{~#if _newWebForm ~}}
2
+ {{#>components/forms/backgroundBox }}
3
+
4
+
5
+ <h3 class="mb-6 text-2xl font-headingSerif sm:mb-12">
6
+ {{this.title}}
7
+ </h3>
8
+
9
+ <form class="relative flex flex-col justify-center overflow-hidden group" id="form--{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >
10
+ {{> components/forms/fields }}
11
+ </form>
12
+ {{/components/forms/backgroundBox }}
7
13
  {{~else~}}
8
14
  {{> content/webform/components/webform _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
9
15
  {{~/if~}}
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.100.8",
9
+ "version": "1.101.0",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/fixtures/content/copytext/copytext_webform.json CHANGED
@@ -7,14 +7,20 @@
7
7
  {
8
8
  "paragraphBoxItem": {
9
9
  "isWebForm": true,
10
+ "hasNewWebForm": true,
11
+ "title": "Kontaktformular",
10
12
  "fields":[
11
13
  {
12
14
  "@->jsoninclude": "forms/form_fields.inc.json",
13
- "@->contentpath": "input-text-vorname"
15
+ "@->contentpath": "input-text-vorname-required"
14
16
  },
15
17
  {
16
18
  "@->jsoninclude": "forms/form_fields.inc.json",
17
- "@->contentpath": "input-text-vorname-required"
19
+ "@->contentpath": "input-text-nachname-required"
20
+ },
21
+ {
22
+ "@->jsoninclude": "forms/form_fields.inc.json",
23
+ "@->contentpath": "textarea"
18
24
  }
19
25
  ]
20
26
 
package/src/assets/fixtures/forms/form_fields.inc.json CHANGED
@@ -25,7 +25,21 @@
25
25
  "defaultValue":"",
26
26
  "isHidden":false,
27
27
  "isRequired":true,
28
- "maxLength":"20"
28
+ "maxLength":"140"
29
+ },
30
+ "input-text-nachname-required":
31
+ {
32
+ "type":{
33
+ "isText":true,
34
+ "asString":"text"
35
+ },
36
+ "name":"nachname",
37
+ "label":"Nachname",
38
+ "description":"",
39
+ "defaultValue":"",
40
+ "isHidden":false,
41
+ "isRequired":true,
42
+ "maxLength":"140"
29
43
  },
30
44
  "input-text-vorname-prefilled":
31
45
  {
package/src/stories/views/components/content/copytext/copytext_body.hbs CHANGED
@@ -22,7 +22,7 @@
22
22
  {{> components/content/copytext/components/map }}
23
23
  {{/if~}}
24
24
  {{~#if this.isWebForm}}
25
- {{> components/forms/webform }}
25
+ {{> components/forms/webform _newWebForm=this.hasNewWebForm}}
26
26
  {{/if~}}
27
27
  {{~#if this.isNewsletter}}
28
28
  {{> components/content/copytext/components/newsletter }}
package/src/stories/views/components/content/copytext/fixtures/copytext_webform.json CHANGED
@@ -1 +1 @@
1
- {"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Formular"},{"paragraphBoxItem":{"isWebForm":true,"fields":[{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext von Vorname","defaultValue":"","isHidden":false,"isRequired":false},{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext (*Pflichtfeld)","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"20"}]}}]}
1
+ {"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Formular"},{"paragraphBoxItem":{"isWebForm":true,"hasNewWebForm":true,"title":"Kontaktformular","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":{"isTextarea":true,"asString":"textarea"},"name":"textarea","label":"Textarea","description":"Das ist der Beschreibungstext von Textarea","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"300","columns":"30","rows":"10","counter":true}]}}]}
package/src/stories/views/components/forms/fields.hbs CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  {{else}}
18
18
 
19
- <div class="c-form__row js-wrapper-{{this.name}}">
19
+ <div class="js-wrapper-{{this.name}}">
20
20
  {{#if this.type.isTextarea}}
21
21
  {{~> components/forms/textarea
22
22
  _name=this.name
@@ -36,10 +36,10 @@
36
36
  _isEmail=this.type.isEmail
37
37
  _name=this.name
38
38
  _label=this.label
39
- _labelClass="hide"
39
+ _labelClass=""
40
40
  _description=this.description
41
41
  _defaultValue=this.defaultValue
42
- _inputClass=(if this.isHidden "hide")
42
+ _wrapperClass=(if this.isHidden "hidden")
43
43
  _tabindex=(if this.isHidden "-1")
44
44
  _required=this.isRequired
45
45
  _maxLength=this.maxLength
package/src/stories/views/components/forms/fixtures/form_input_mandatory.json CHANGED
@@ -1 +1 @@
1
- {"fields":[{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext (*Pflichtfeld)","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"20"}]}
1
+ {"fields":[{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext (*Pflichtfeld)","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"140"}]}
package/src/stories/views/components/forms/input.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="relative flex flex-col w-full mb-5"
1
+ <div class="relative flex flex-col w-full mb-5 {{_wrapperClass}}"
2
2
  ax-load
3
3
  x-data="inputHandler('input{{nextRandom}}','{{_errorMandatory}}','{{_errorEmail}}',{{#if _isEmail}}true{{else}}false{{/if}},'{{#if _formField.forHtmlAttribute}}{{_formField.forHtmlAttribute}}{{else}}{{#if _value}}{{_value}}{{else}}{{_defaultValue}}{{/if}}{{/if}}')"
4
4
  x-ignore
@@ -42,7 +42,7 @@
42
42
  data-hr-search-suggest='{"templateUrl":"{{resourceUrl "suche/index~suggest.jsp"}}"}'{{/if}}
43
43
  >
44
44
 
45
- <label for="input{{getRandom}}" class="absolute left-[16px] top-px translate-y-0 translate-x-0 scale-75 text-gray-500
45
+ <label for="input{{getRandom}}" class="{{_labelClass}} absolute left-[16px] top-px translate-y-0 translate-x-0 scale-75 text-gray-500
46
46
 
47
47
  peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-x-0 peer-placeholder-shown:translate-y-3
48
48
 
package/src/stories/views/components/forms/webform.hbs CHANGED
@@ -1,9 +1,15 @@
1
- {{~#if (isStorybook)~}}
2
- {{#>components/forms/backgroundBox }}
3
- <form class="relative flex flex-col justify-center overflow-hidden group" id="form--{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >
4
- {{> components/forms/fields }}
5
- </form>
6
- {{/components/forms/backgroundBox }}
1
+ {{~#if _newWebForm ~}}
2
+ {{#>components/forms/backgroundBox }}
3
+
4
+
5
+ <h3 class="mb-6 text-2xl font-headingSerif sm:mb-12">
6
+ {{this.title}}
7
+ </h3>
8
+
9
+ <form class="relative flex flex-col justify-center overflow-hidden group" id="form--{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >
10
+ {{> components/forms/fields }}
11
+ </form>
12
+ {{/components/forms/backgroundBox }}
7
13
  {{~else~}}
8
14
  {{> content/webform/components/webform _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
9
15
  {{~/if~}}