hr-design-system-handlebars 0.43.1 → 0.44.2

package/.storybook/main.js

@@ -33,6 +33,7 @@ module.exports = {
         // Make whatever fine-grained changes you need
         config.resolve.alias = {
             ...config.resolve.alias,
+            scripts: path.resolve(__dirname, '../scripts'),
             components: path.resolve(__dirname, '../src/stories/views/components'),
             tailwind$: path.resolve(__dirname, '../src/assets/tailwind.css'),
             hrQueryNew$: path.resolve(

package/.storybook/preview.js

@@ -96,6 +96,9 @@ export const parameters = {
     options: {
         storySort: {
             order: [
+                'Einführung',
+                'Grundlegendes',
+                ['Konventionen und Datenstrukturen', 'Testdatenbereitstellung', '*'],
                 'Komponenten',
                 [
                     'Page',

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+# v0.44.2 (Thu May 05 2022)
+
+#### 🐛 Bug Fix
+
+- Dpe 1558 [#228](https://github.com/mumprod/hr-design-system-handlebars/pull/228) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v0.44.1 (Mon May 02 2022)
+
+#### 🐛 Bug Fix
+
+- Renaming files to snake case [#226](https://github.com/mumprod/hr-design-system-handlebars/pull/226) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### 📝 Documentation
+
+- Feature/dpe 1550 [#227](https://github.com/mumprod/hr-design-system-handlebars/pull/227) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 2
+
+- [@szuelch](https://github.com/szuelch)
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v0.44.0 (Mon May 02 2022)
+
+#### 🚀 Enhancement
+
+- Feature/dpe 1550 [#224](https://github.com/mumprod/hr-design-system-handlebars/pull/224) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
 # v0.43.1 (Thu Apr 28 2022)
 
 #### 🐛 Bug Fix

package/{scripts → build/scripts}/build.js

@@ -1,7 +1,7 @@
 const { execSync } = require('child_process')
-const { resolve, join } = require('path')
+const { resolve } = require('path')
 
-const root = resolve(__dirname, '..')
+const root = resolve(__dirname, '../..')
 const run = (cmd) => execSync(cmd, { stdio: 'inherit', cwd: root })
 
 // Copy hbs files into the dist folder

package/build/scripts/jsoninclude.js

@@ -0,0 +1,140 @@
+/**
+ * jsoninclude - JSON Parser that includes JSON from other files.
+ */
+;(function () {
+    'use strict'
+
+    const _ = require('underscore'),
+        fs = require('fs'),
+        options = require('../../config.js')
+
+    JSON.minify = JSON.minify || require('node-json-minify')
+
+    /**
+     * Set value for a object property path given as String.
+     */
+    var setObjectValue = function (obj, value, path) {
+        var aPath = path.split('.'),
+            parent = obj
+
+        for (var i = 0; i < aPath.length - 1; i++) {
+            if (!parent.hasOwnProperty(aPath[i])) {
+                console.warn("Can't set object value. Wrong path: " + path)
+                return
+            }
+
+            parent = parent[aPath[i]]
+        }
+
+        parent[aPath[aPath.length - 1]] = value
+    }
+
+    /**
+     * Get value for a object property path given as String.
+     */
+    var getObjectValue = function (obj, path) {
+        var aPath = path.split('.'),
+            parent = obj
+
+        for (var i = 0; i < aPath.length; i++) {
+            if (!parent.hasOwnProperty(aPath[i])) {
+                console.warn("Can't get object value. Wrong path: " + path)
+                return {}
+            }
+
+            parent = parent[aPath[i]]
+        }
+
+        return parent
+    }
+
+    const loadInclude = function (includePath) {
+        try {
+            return fs.readFileSync(`${options.paths.assets.fixtures}/${includePath}`, 'UTF-8')
+        } catch (error) {
+            console.error(`Can\'t read file: ${options.paths.assets.fixtures}/${includePath}`)
+            return JSON.stringify({})
+        }
+    }
+
+    /**
+     * JSON.parse reviver function to execute jsoninclude features.
+     */
+    var executeJSONInclude = function (k, v) {
+        if (v['@->jsoninclude'] !== undefined && v['@->jsoninclude'] !== '') {
+            try {
+                //read include
+
+                let includedStringifiedJson = loadInclude(v['@->jsoninclude'])
+                //parse as JSON
+                let includeJSON = parse(includedStringifiedJson)
+                //get specified content
+                if (v['@->contentpath'] !== undefined) {
+                    includeJSON = getObjectValue(includeJSON, v['@->contentpath'])
+                }
+                if (v['@->extends'] !== undefined) {
+                    includeJSON = _.extend(includeJSON, v['@->extends'])
+                }
+
+                //override values
+                if (v['@->overrides'] !== undefined) {
+                    for (var i = 0; i < v['@->overrides'].length; i++) {
+                        if (
+                            v['@->overrides'][i]['@->contentpath'] !== undefined &&
+                            v['@->overrides'][i]['@->value'] !== undefined
+                        ) {
+                            setObjectValue(
+                                includeJSON,
+                                v['@->overrides'][i]['@->value'],
+                                v['@->overrides'][i]['@->contentpath']
+                            )
+                        }
+                    }
+                }
+                return includeJSON
+            } catch (e) {
+                console.error(
+                    "Can't parse JSONInclude! " + type(e) === '[object Object]'
+                        ? JSON.stringify(e, null, 4)
+                        : e
+                )
+                throw {
+                    orig: e,
+                    message: e.message,
+                    json: v,
+                    via: k,
+                }
+            }
+        }
+
+        //nothing to do
+        return v
+    }
+
+    /**
+     * Parse a string as JSON and transforming the value produced by parsing.
+     */
+    var parse = function (text) {
+        try {
+            return JSON.parse(JSON.minify(text), executeJSONInclude)
+        } catch (e) {
+            console.error(`Can't parse json! ${e}`)
+            throw {
+                orig: e,
+                message: e.message,
+                json: text,
+                via: 'Bla',
+            }
+        }
+    }
+
+    module.exports = {
+        /**
+         * Create jsoninclude Object to parse JSON.
+         *
+         * @param reader Callback to read include file.
+         * @returns jsoninclude Object.
+         */
+        parse: parse,
+    }
+})()

package/config.js

@@ -0,0 +1,11 @@
+module.exports = {
+    paths: {
+        root: './',
+        assets: {
+            fixtures: 'src/assets/fixtures',
+        },
+        dist: {
+            components: 'src/stories/views/components',
+        },
+    },
+}

package/dist/assets/index.css

@@ -1554,8 +1554,8 @@ Ensure the default browser behavior of the `hidden` attribute.
 .mt-6 {
     margin-top: 1.5rem;
 }
-.ml-2 {
-    margin-left: 0.5rem;
+.\!mt-4 {
+    margin-top: 1rem !important;
 }
 .-mt-2 {
     margin-top: -0.5rem;
@@ -1569,6 +1569,9 @@ Ensure the default browser behavior of the `hidden` attribute.
 .-mt-10 {
     margin-top: -2.5rem;
 }
+.ml-2 {
+    margin-left: 0.5rem;
+}
 .mr-4 {
     margin-right: 1rem;
 }
@@ -1993,6 +1996,57 @@ Ensure the default browser behavior of the `hidden` attribute.
     --tw-border-opacity: 1;
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
 }
+.bg-red-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
+}
+.\!bg-white {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
+}
+.bg-green-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(187, 247, 208, var(--tw-bg-opacity));
+}
+.bg-current {
+    background-color: currentColor;
+}
+.bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+.bg-blue-congress {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
+}
+.bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+.bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+}
+.bg-green-300 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(134, 239, 172, var(--tw-bg-opacity));
+}
+.bg-gray-500 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
+}
+.bg-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+}
+.bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+}
+.bg-red-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
+}
 .bg-labelMedia {
     background-color: #006dc1;
     background-color: var(--color-label-media);
@@ -2029,45 +2083,6 @@ Ensure the default browser behavior of the `hidden` attribute.
     background-color: #d34600;
     background-color: var(--color-label-live);
 }
-.bg-gray-100 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-}
-.bg-green-300 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(134, 239, 172, var(--tw-bg-opacity));
-}
-.bg-gray-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-}
-.bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
-}
-.bg-blue-200 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
-}
-.bg-blue-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
-}
-.bg-red-400 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
-}
-.bg-current {
-    background-color: currentColor;
-}
-.bg-blue-congress {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
-}
-.bg-gray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-}
 .bg-gradient-to-r {
     background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
     background-image: linear-gradient(to right, var(--tw-gradient-stops));
@@ -2088,16 +2103,26 @@ Ensure the default browser behavior of the `hidden` attribute.
 .p-10 {
     padding: 2.5rem;
 }
+.p-4 {
+    padding: 1rem;
+}
+.\!p-4 {
+    padding: 1rem !important;
+}
 .p-2 {
     padding: 0.5rem;
 }
-.px-1\.5 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
+.px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
 }
-.px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
+.py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+}
+.py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
 }
 .py-6 {
     padding-top: 1.5rem;
@@ -2111,17 +2136,13 @@ Ensure the default browser behavior of the `hidden` attribute.
     padding-top: 2rem;
     padding-bottom: 2rem;
 }
-.px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-}
-.py-3\.5 {
-    padding-top: 0.875rem;
-    padding-bottom: 0.875rem;
+.px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
 }
-.py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
+.px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
 }
 .px-3\.5 {
     padding-left: 0.875rem;
@@ -2155,15 +2176,15 @@ Ensure the default browser behavior of the `hidden` attribute.
     padding-left: 1rem;
     padding-right: 1rem;
 }
-.pt-px {
-    padding-top: 1px;
-}
 .pl-4 {
     padding-left: 1rem;
 }
 .pr-2 {
     padding-right: 0.5rem;
 }
+.pt-px {
+    padding-top: 1px;
+}
 .pt-1 {
     padding-top: 0.25rem;
 }
@@ -2269,6 +2290,12 @@ Ensure the default browser behavior of the `hidden` attribute.
 .leading-6 {
     line-height: 1.5rem;
 }
+.\!leading-6 {
+    line-height: 1.5rem !important;
+}
+.\!leading-8 {
+    line-height: 2rem !important;
+}
 .leading-5\.5 {
     line-height: 1.375rem;
 }
@@ -2282,6 +2309,18 @@ Ensure the default browser behavior of the `hidden` attribute.
     --tw-text-opacity: 1;
     color: rgba(124, 58, 237, var(--tw-text-opacity));
 }
+.\!text-red-900 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(127, 29, 29, var(--tw-text-opacity)) !important;
+}
+.\!text-green-900 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(20, 83, 45, var(--tw-text-opacity)) !important;
+}
+.text-blue-congress {
+    --tw-text-opacity: 1;
+    color: rgba(0, 82, 147, var(--tw-text-opacity));
+}
 .text-white {
     --tw-text-opacity: 1;
     color: rgba(255, 255, 255, var(--tw-text-opacity));
@@ -2290,10 +2329,6 @@ Ensure the default browser behavior of the `hidden` attribute.
     --tw-text-opacity: 1;
     color: rgba(96, 96, 96, var(--tw-text-opacity));
 }
-.text-blue-congress {
-    --tw-text-opacity: 1;
-    color: rgba(0, 82, 147, var(--tw-text-opacity));
-}
 .text-toplineColor {
     color: #006dc1;
     color: var(--color-topline);
@@ -2767,16 +2802,16 @@ Ensure the default browser behavior of the `hidden` attribute.
         padding-left: 0px;
     }
 
-    .md\:text-4xl {
-        font-size: 2.125rem;
-        line-height: 2.375rem;
-    }
-
     .md\:text-base {
         font-size: 1rem;
         line-height: 1.25rem;
     }
 
+    .md\:text-4xl {
+        font-size: 2.125rem;
+        line-height: 2.375rem;
+    }
+
     .md\:leading-4 {
         line-height: 1rem;
     }

package/dist/views/components/base/loadSSI.hbs

@@ -1,5 +1,5 @@
 {{#if (isStorybook)}}  
-    {{> components/base/loadDynamic templatePath=templatePath}} 
+    {{> components/base/load_dynamic templatePath=templatePath}} 
 {{else}}
     {{{this}}}
 {{/if}}        

package/dist/views/components/base/load_dynamic.hbs

@@ -0,0 +1,11 @@
+{{#switch templatePath}}
+    {{#case "components/Header/ServiceNavigation/ServiceNavigationItem"}}
+        {{> components/Header/ServiceNavigation/ServiceNavigationItem}}
+    {{/case}}
+    {{#case "components/teaser/group_teaser/group_teaser"}}
+        {{> components/teaser/group_teaser/group_teaser}}
+    {{/case}}
+    {{#case "components/teaser/teaser_standard"}}
+        {{> components/teaser/teaser_standard}}
+    {{/case}}
+{{/switch}}