hr-design-system-handlebars 1.52.8 → 1.52.10

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.52.10 (Tue Jan 23 2024)
+
+#### 🐛 Bug Fix
+
+- add copytext-jobposting-component [#812](https://github.com/mumprod/hr-design-system-handlebars/pull/812) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
+# v1.52.9 (Mon Jan 22 2024)
+
+#### 🐛 Bug Fix
+
+- add decorator for copytext [#810](https://github.com/mumprod/hr-design-system-handlebars/pull/810) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v1.52.8 (Fri Jan 19 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1689,6 +1689,9 @@ article.indexText ul {
 .max-w-\[480px\] {
   max-width: 480px;
 }
+.max-w-\[724px\] {
+  max-width: 724px;
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -3225,7 +3228,7 @@ article.indexText ul {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1705691587463;
+  counter-reset: cnt1706031818952;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3527,7 +3530,7 @@ article.indexText ul {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1705691587463 1;
+  counter-increment: cnt1706031818952 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3543,7 +3546,7 @@ article.indexText ul {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1705691587463);
+  content: counter(cnt1706031818952);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/content/copytext/components/jobposting.hbs

@@ -1,5 +1,15 @@
-{{~#if (isStorybook)~}}
-    <div class="mt-6 italic text-gray-dark">coming soon: Jobposting-component</div>
-{{~else~}}
-    {{~> modules/story/paragraphs/jobposting ~}}
-{{~/if~}}
+{{#with this.paragraphProperties.[0]}}
+    {{#with this.jobDescription}}
+        {{#each this.split}}
+            {{#if this.isText}}
+                <p class="mt-6 text-base sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
+            {{/if}}
+            {{#if this.isUl}}
+                <ul class="mt-6 ml-5 text-base list-disc sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
+            {{/if}}
+            {{#if this.isOl}}
+                <ol class="mt-6 ml-5 text-base list-decimal sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
+            {{/if}}
+        {{/each}}
+    {{/with}}
+{{/with}}

package/dist/views_static/components/content/copytext/components/jobposting.hbs

@@ -1,5 +1,15 @@
-{{~#if (isStorybook)~}}
-    <div class="mt-6 italic text-gray-dark">coming soon: Jobposting-component</div>
-{{~else~}}
-    {{~> modules/story/paragraphs/jobposting ~}}
-{{~/if~}}
+{{#with this.paragraphProperties.[0]}}
+    {{#with this.jobDescription}}
+        {{#each this.split}}
+            {{#if this.isText}}
+                <p class="mt-6 text-base sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
+            {{/if}}
+            {{#if this.isUl}}
+                <ul class="mt-6 ml-5 text-base list-disc sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
+            {{/if}}
+            {{#if this.isOl}}
+                <ol class="mt-6 ml-5 text-base list-decimal sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
+            {{/if}}
+        {{/each}}
+    {{/with}}
+{{/with}}

package/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "1.52.8",
+    "version": "1.52.10",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",

package/src/assets/fixtures/content/copytext/copytext.inc.json

@@ -694,5 +694,56 @@
                 ]
             }
         ]
-    }       
+    }, 
+    "copytext_jobposting": {
+        "copytextParagraph": [
+            {
+                "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
+                "isHeadline": true,
+                "text": "Copytext mit Jobposting"
+            },
+            {
+                "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
+                "isParagraph": true,
+                "text": {
+                    "split": [
+                        {
+                            "isText": true,
+                            "text": "Digitale Produkte, Fernsehen, Radio– wir sind Hessens größtes Medienunternehmen. Als Mitglied der ARD sind wir stolz darauf, mit unseren vielfältigen und qualitativ hochwertigen Programmangeboten wesentlich zur Meinungs- und Medienvielfalt in Deutschland beizutragen. Zur Verstärkung unseres Teams suchen wir befristet für zunächst 3 Jahre eine*n innovative*n"
+                        }
+                    ]   
+                }                  
+            },
+            {
+                "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
+                "isHeadline": true,
+                "text": "Java-Entwickler*in"
+            },
+            {
+                "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
+                "isJobposting": true,
+                "text": "Wo brauche ich noch Corona-Test?",
+                "paragraphProperties": [
+                    {
+                        "jobDescription": {
+                            "split": [
+                                {
+                                    "isText": true,
+                                    "text": "Du hast Spaß an neuen Technologien und bist ein*e Experte*in in der Java-Entwicklung? Du suchst spannende und vielfältige Projekte in einem dynamischen Medienumfeld? Dann vernetze gemeinsam mit uns die Mediensysteme der ARD."
+                                },
+                                {
+                                    "isUl": true,
+                                    "text": "<li>Du hast Spaß daran selbstorganisiert in einem agilen Umfeld und interdisziplinären Projektteams zu arbeiten.</li><li>Du bringst ein abgeschlossenes informatikorientiertes Studium bzw. eine vergleichbare Qualifikation mit und verfügst über Berufserfahrung im Bereich Softwareentwicklung.</li><li>Sehr gute Java-Kenntnisse, Kenntnisse in modernen Schnittstellentechnologien und Datenbanksystemen setzen wir voraus.</li>"
+                                },
+                                {
+                                    "isOl": true,
+                                    "text": "<li>Du implementierst als Full-Stack-Entwickler*in Features vertikal durch alle Softwareschichten.</li><li>Im Team entwickelst du die Applikation in enger Zusammenarbeit mit Anwender*innen fachlich weiter.</li>"
+                                }
+                            ]           
+                        }
+                    }
+                ]
+            }
+        ]
+    }             
 }    

package/src/assets/fixtures/content/copytext/copytext_jobposting.json

@@ -0,0 +1,4 @@
+{
+    "@->jsoninclude": "content/copytext/copytext.inc.json",
+    "@->contentpath": "copytext_jobposting"
+}

package/src/stories/views/components/content/copytext/components/jobposting.hbs

@@ -1,5 +1,15 @@
-{{~#if (isStorybook)~}}
-    <div class="mt-6 italic text-gray-dark">coming soon: Jobposting-component</div>
-{{~else~}}
-    {{~> modules/story/paragraphs/jobposting ~}}
-{{~/if~}}
+{{#with this.paragraphProperties.[0]}}
+    {{#with this.jobDescription}}
+        {{#each this.split}}
+            {{#if this.isText}}
+                <p class="mt-6 text-base sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
+            {{/if}}
+            {{#if this.isUl}}
+                <ul class="mt-6 ml-5 text-base list-disc sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
+            {{/if}}
+            {{#if this.isOl}}
+                <ol class="mt-6 ml-5 text-base list-decimal sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
+            {{/if}}
+        {{/each}}
+    {{/with}}
+{{/with}}

package/src/stories/views/components/content/copytext/copytext.stories.js

@@ -5,6 +5,7 @@ import copytext_additionalInfo_json from './fixtures/copytext_additionalInfo.jso
 import copytext_cite_json from './fixtures/copytext_cite.json'
 import copytext_podcastepisode_json from './fixtures/copytext_podcastepisode.json'
 import copytext_faq_json from './fixtures/copytext_faq.json'
+import copytext_jobposting_json from './fixtures/copytext_jobposting.json'
 
 const Template = ({ ...args }) => {
     return copytext({ ...args })
@@ -12,6 +13,13 @@ const Template = ({ ...args }) => {
 
 export default {
     title: 'Komponenten/Content/Copytext',
+    decorators: [
+        (Story) => {
+            return `<div class="max-w-[724px] mx-auto">  
+             ${Story()} 
+             </div>`
+        },
+    ],
 }
 
 export const Default = {
@@ -26,6 +34,12 @@ export const WithFAQ = {
     args: copytext_faq_json,
 }
 
+export const WithJobposting = {
+    render: Template.bind({}),
+    name: 'Jobposting',
+    args: copytext_jobposting_json,
+}
+
 export const WithPodcastEpisode = {
     render: Template.bind({}),
     name: 'Podcastepisode',

package/src/stories/views/components/content/copytext/fixtures/copytext_jobposting.json

@@ -0,0 +1 @@
+{"copytextParagraph":[{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Copytext mit Jobposting"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Digitale Produkte, Fernsehen, Radio– wir sind Hessens größtes Medienunternehmen. Als Mitglied der ARD sind wir stolz darauf, mit unseren vielfältigen und qualitativ hochwertigen Programmangeboten wesentlich zur Meinungs- und Medienvielfalt in Deutschland beizutragen. Zur Verstärkung unseres Teams suchen wir befristet für zunächst 3 Jahre eine*n innovative*n"}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Java-Entwickler*in"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isJobposting":true,"text":"Wo brauche ich noch Corona-Test?","paragraphProperties":[{"jobDescription":{"split":[{"isText":true,"text":"Du hast Spaß an neuen Technologien und bist ein*e Experte*in in der Java-Entwicklung? Du suchst spannende und vielfältige Projekte in einem dynamischen Medienumfeld? Dann vernetze gemeinsam mit uns die Mediensysteme der ARD."},{"isUl":true,"text":"<li>Du hast Spaß daran selbstorganisiert in einem agilen Umfeld und interdisziplinären Projektteams zu arbeiten.</li><li>Du bringst ein abgeschlossenes informatikorientiertes Studium bzw. eine vergleichbare Qualifikation mit und verfügst über Berufserfahrung im Bereich Softwareentwicklung.</li><li>Sehr gute Java-Kenntnisse, Kenntnisse in modernen Schnittstellentechnologien und Datenbanksystemen setzen wir voraus.</li>"},{"isOl":true,"text":"<li>Du implementierst als Full-Stack-Entwickler*in Features vertikal durch alle Softwareschichten.</li><li>Im Team entwickelst du die Applikation in enger Zusammenarbeit mit Anwender*innen fachlich weiter.</li>"}]}}]}]}