@gov-cy/govcy-frontend-renderer 1.17.0 → 1.17.1

package/dist/govcyCompiledTemplates.browser.js

@@ -6691,32 +6691,41 @@ context.setVariable("textType", t_3);
 if(frame.topLevel) {
 context.addExport("textType", t_3);
 }
+var t_4;
+t_4 = env.getFilter("default").call(context, runtime.memberLookup((l_params),"showNewLine"),false);
+frame.set("showNewLine", t_4, true);
+if(frame.topLevel) {
+context.setVariable("showNewLine", t_4);
+}
+if(frame.topLevel) {
+context.addExport("showNewLine", t_4);
+}
 if(runtime.memberLookup((l_params),"text")) {
-env.getTemplate("utilities/govcyUtilities.njk", false, "elements/textElement.njk", false, function(t_5,t_4) {
-if(t_5) { cb(t_5); return; }
-t_4.getExported(function(t_6,t_4) {
+env.getTemplate("utilities/govcyUtilities.njk", false, "elements/textElement.njk", false, function(t_6,t_5) {
 if(t_6) { cb(t_6); return; }
-if(Object.prototype.hasOwnProperty.call(t_4, "govcyLocalizeContent")) {
-var t_7 = t_4.govcyLocalizeContent;
+t_5.getExported(function(t_7,t_5) {
+if(t_7) { cb(t_7); return; }
+if(Object.prototype.hasOwnProperty.call(t_5, "govcyLocalizeContent")) {
+var t_8 = t_5.govcyLocalizeContent;
 } else {
 cb(new Error("cannot import 'govcyLocalizeContent'")); return;
 }
-context.setVariable("govcyLocalizeContent", t_7);
-if(Object.prototype.hasOwnProperty.call(t_4, "govcyLangAttribute")) {
-var t_8 = t_4.govcyLangAttribute;
+context.setVariable("govcyLocalizeContent", t_8);
+if(Object.prototype.hasOwnProperty.call(t_5, "govcyLangAttribute")) {
+var t_9 = t_5.govcyLangAttribute;
 } else {
 cb(new Error("cannot import 'govcyLangAttribute'")); return;
 }
-context.setVariable("govcyLangAttribute", t_8);
+context.setVariable("govcyLangAttribute", t_9);
 if(runtime.contextOrFrameLookup(context, frame, "textType") == "p" || runtime.contextOrFrameLookup(context, frame, "textType") == "h1" || runtime.contextOrFrameLookup(context, frame, "textType") == "h2" || runtime.contextOrFrameLookup(context, frame, "textType") == "h3" || runtime.contextOrFrameLookup(context, frame, "textType") == "h4" || runtime.contextOrFrameLookup(context, frame, "textType") == "span") {
-var t_9;
-t_9 = runtime.contextOrFrameLookup(context, frame, "textType");
-frame.set("textTag", t_9, true);
+var t_10;
+t_10 = runtime.contextOrFrameLookup(context, frame, "textType");
+frame.set("textTag", t_10, true);
 if(frame.topLevel) {
-context.setVariable("textTag", t_9);
+context.setVariable("textTag", t_10);
 }
 if(frame.topLevel) {
-context.addExport("textTag", t_9);
+context.addExport("textTag", t_10);
 }
 t_2 += "<";
 t_2 += runtime.suppressValue(runtime.contextOrFrameLookup(context, frame, "textType"), env.opts.autoescape);
@@ -6732,10 +6741,14 @@ t_2 += runtime.suppressValue(runtime.memberLookup((l_params),"classes"), env.opt
 t_2 += "\"";
 ;
 }
-t_2 += runtime.suppressValue((lineno = 17, colno = 157, runtime.callWrap(t_8, "govcyLangAttribute", context, [runtime.memberLookup((l_params),"lang")])), env.opts.autoescape);
-t_2 += ">\n            ";
-t_2 += runtime.suppressValue((lineno = 18, colno = 35, runtime.callWrap(t_7, "govcyLocalizeContent", context, [runtime.memberLookup((l_params),"text"),runtime.memberLookup((l_params),"lang")])), env.opts.autoescape);
-t_2 += "\n        </";
+if(runtime.contextOrFrameLookup(context, frame, "showNewLine")) {
+t_2 += " style=\"white-space: pre-line;\"";
+;
+}
+t_2 += runtime.suppressValue((lineno = 19, colno = 219, runtime.callWrap(t_9, "govcyLangAttribute", context, [runtime.memberLookup((l_params),"lang")])), env.opts.autoescape);
+t_2 += ">";
+t_2 += runtime.suppressValue((lineno = 19, colno = 259, runtime.callWrap(t_8, "govcyLocalizeContent", context, [runtime.memberLookup((l_params),"text"),runtime.memberLookup((l_params),"lang")])), env.opts.autoescape);
+t_2 += "</";
 t_2 += runtime.suppressValue(runtime.contextOrFrameLookup(context, frame, "textType"), env.opts.autoescape);
 t_2 += ">";
 ;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gov-cy/govcy-frontend-renderer",
-  "version": "1.17.0",
+  "version": "1.17.1",
   "description": "Render html for design elements of the Unified design system using njk or json template.",
   "author": "DMRID - DSF Team",
   "license": "MIT",

package/src/njk/elements/textElement.njk

@@ -2,6 +2,7 @@
  @param {string} lang The language used. Can be 'en','el'. Optional. 
  @param {object} text The text. Will escape text, Example `{en:"Content",el:"Περιεχομένο"}` 
  @param {string} type The type of the element. Can be `p`,`h1`,`h2`,`h3`,`h4`,`span`. Default is `p`
+ @param {boolean} showNewLine Whether to show new line characters on HTML using `style="white-space: pre-line;"`. Default is `false`
  @param {string} id The elemen't id. Will escape text. Optional  
  @param {string} classes Additional classes to add to the outer div. Optional 
  @returns html Elements with sanitzed html 
@@ -9,15 +10,14 @@
 {% macro textElement(params) -%}
 {# set default values #}
 {%- set textType = params.type | default('p') -%}
+{%- set showNewLine = params.showNewLine | default(false) -%}
 {# text and type are mandatory #}
 {%- if params.text -%}
     {#- Import localizer from utilities -#}
     {%- from "../utilities/govcyUtilities.njk" import govcyLocalizeContent, govcyLangAttribute -%}
     {%- if textType == 'p' or textType == 'h1' or textType == 'h2' or textType == 'h3' or textType == 'h4' or textType == 'span' -%}
         {%- set textTag = textType -%}
-        <{{ textType }}{% if params.id %} id="{{ params.id }}"{% endif %}{% if params.classes %} class="{{ params.classes }}"{% endif %}{{ govcyLangAttribute(params.lang) }}>
-            {{ govcyLocalizeContent(params.text, params.lang) }}
-        </{{ textType }}>
+        <{{ textType }}{% if params.id %} id="{{ params.id }}"{% endif %}{% if params.classes %} class="{{ params.classes }}"{% endif %}{% if showNewLine %} style="white-space: pre-line;"{% endif %}{{ govcyLangAttribute(params.lang) }}>{{ govcyLocalizeContent(params.text, params.lang) }}</{{ textType }}>
     {%- endif -%}
 {%- endif -%}
 {%- endmacro %}