@gov-cy/govcy-frontend-renderer 1.5.0 → 1.6.0

package/dist/govcyCompiledTemplates.browser.js

@@ -794,8 +794,19 @@ frame = frame.pop();
 return new runtime.SafeString(t_57);
 });
 return macro_t_56;})()})])), env.opts.autoescape);
+env.getTemplate("utilities/govcyUtilities.njk", false, "elements/checkboxes.njk", false, function(t_59,t_58) {
+if(t_59) { cb(t_59); return; }
+t_58.getExported(function(t_60,t_58) {
+if(t_60) { cb(t_60); return; }
+if(Object.prototype.hasOwnProperty.call(t_58, "govcyElementsFromArray")) {
+var t_61 = t_58.govcyElementsFromArray;
+} else {
+cb(new Error("cannot import 'govcyElementsFromArray'")); return;
+}
+frame.set("govcyElementsFromArray", t_61);
+t_55 += runtime.suppressValue((lineno = 132, colno = 33, runtime.callWrap(t_61, "govcyElementsFromArray", context, [runtime.memberLookup((l_params),"elements"),runtime.memberLookup((l_params),"lang")])), env.opts.autoescape);
 t_55 += "\n        ";
-t_55 += runtime.suppressValue((lineno = 129, colno = 27, runtime.callWrap(t_47, "formControl", context, [{"isError": (runtime.memberLookup((l_params),"hideFormControlError")?false:runtime.memberLookup((l_params),"error"))},runtime.makeKeywordArgs({"caller": (function (){var macro_t_58 = runtime.makeMacro(
+t_55 += runtime.suppressValue((lineno = 133, colno = 27, runtime.callWrap(t_47, "formControl", context, [{"isError": (runtime.memberLookup((l_params),"hideFormControlError")?false:runtime.memberLookup((l_params),"error"))},runtime.makeKeywordArgs({"caller": (function (){var macro_t_62 = runtime.makeMacro(
 [], 
 [], 
 function (kwargs) {
@@ -804,8 +815,8 @@ frame = frame.push(true);
 kwargs = kwargs || {};
 if (Object.prototype.hasOwnProperty.call(kwargs, "caller")) {
 frame.set("caller", kwargs.caller); }
-var t_59 = "";t_59 += "\n            ";
-t_59 += runtime.suppressValue((lineno = 130, colno = 24, runtime.callWrap(t_35, "hint", context, [{"hint": runtime.memberLookup((l_params),"hint"),"id": runtime.contextOrFrameLookup(context, frame, "hintId"),"lang": runtime.memberLookup((l_params),"lang")},runtime.makeKeywordArgs({"caller": (function (){var macro_t_60 = runtime.makeMacro(
+var t_63 = "";t_63 += "\n            ";
+t_63 += runtime.suppressValue((lineno = 134, colno = 24, runtime.callWrap(t_35, "hint", context, [{"hint": runtime.memberLookup((l_params),"hint"),"id": runtime.contextOrFrameLookup(context, frame, "hintId"),"lang": runtime.memberLookup((l_params),"lang")},runtime.makeKeywordArgs({"caller": (function (){var macro_t_64 = runtime.makeMacro(
 [], 
 [], 
 function (kwargs) {
@@ -814,12 +825,12 @@ frame = frame.push(true);
 kwargs = kwargs || {};
 if (Object.prototype.hasOwnProperty.call(kwargs, "caller")) {
 frame.set("caller", kwargs.caller); }
-var t_61 = "";;
+var t_65 = "";;
 frame = frame.pop();
-return new runtime.SafeString(t_61);
+return new runtime.SafeString(t_65);
 });
-return macro_t_60;})()})])), env.opts.autoescape);
-t_59 += runtime.suppressValue((lineno = 132, colno = 32, runtime.callWrap(t_43, "errorMessage", context, [{"message": runtime.memberLookup((l_params),"error"),"id": runtime.contextOrFrameLookup(context, frame, "errorId"),"lang": runtime.memberLookup((l_params),"lang")},runtime.makeKeywordArgs({"caller": (function (){var macro_t_62 = runtime.makeMacro(
+return macro_t_64;})()})])), env.opts.autoescape);
+t_63 += runtime.suppressValue((lineno = 136, colno = 32, runtime.callWrap(t_43, "errorMessage", context, [{"message": runtime.memberLookup((l_params),"error"),"id": runtime.contextOrFrameLookup(context, frame, "errorId"),"lang": runtime.memberLookup((l_params),"lang")},runtime.makeKeywordArgs({"caller": (function (){var macro_t_66 = runtime.makeMacro(
 [], 
 [], 
 function (kwargs) {
@@ -828,28 +839,28 @@ frame = frame.push(true);
 kwargs = kwargs || {};
 if (Object.prototype.hasOwnProperty.call(kwargs, "caller")) {
 frame.set("caller", kwargs.caller); }
-var t_63 = "";;
+var t_67 = "";;
 frame = frame.pop();
-return new runtime.SafeString(t_63);
+return new runtime.SafeString(t_67);
 });
-return macro_t_62;})()})])), env.opts.autoescape);
-t_59 += "\n            ";
+return macro_t_66;})()})])), env.opts.autoescape);
+t_63 += "\n            ";
 frame = frame.push();
-var t_66 = runtime.memberLookup((l_params),"items");
-if(t_66) {t_66 = runtime.fromIterator(t_66);
-var t_65 = t_66.length;
-for(var t_64=0; t_64 < t_66.length; t_64++) {
-var t_67 = t_66[t_64];
-frame.set("item", t_67);
-frame.set("loop.index", t_64 + 1);
-frame.set("loop.index0", t_64);
-frame.set("loop.revindex", t_65 - t_64);
-frame.set("loop.revindex0", t_65 - t_64 - 1);
-frame.set("loop.first", t_64 === 0);
-frame.set("loop.last", t_64 === t_65 - 1);
-frame.set("loop.length", t_65);
-if(t_67) {
-t_59 += runtime.suppressValue((lineno = 136, colno = 37, runtime.callWrap(runtime.contextOrFrameLookup(context, frame, "_checkboxItem"), "_checkboxItem", context, [l_params,t_67,runtime.memberLookup((runtime.contextOrFrameLookup(context, frame, "loop")),"index"),runtime.memberLookup((l_params),"lang")])), env.opts.autoescape);
+var t_70 = runtime.memberLookup((l_params),"items");
+if(t_70) {t_70 = runtime.fromIterator(t_70);
+var t_69 = t_70.length;
+for(var t_68=0; t_68 < t_70.length; t_68++) {
+var t_71 = t_70[t_68];
+frame.set("item", t_71);
+frame.set("loop.index", t_68 + 1);
+frame.set("loop.index0", t_68);
+frame.set("loop.revindex", t_69 - t_68);
+frame.set("loop.revindex0", t_69 - t_68 - 1);
+frame.set("loop.first", t_68 === 0);
+frame.set("loop.last", t_68 === t_69 - 1);
+frame.set("loop.length", t_69);
+if(t_71) {
+t_63 += runtime.suppressValue((lineno = 140, colno = 37, runtime.callWrap(runtime.contextOrFrameLookup(context, frame, "_checkboxItem"), "_checkboxItem", context, [l_params,t_71,runtime.memberLookup((runtime.contextOrFrameLookup(context, frame, "loop")),"index"),runtime.memberLookup((l_params),"lang")])), env.opts.autoescape);
 ;
 }
 ;
@@ -858,11 +869,11 @@ t_59 += runtime.suppressValue((lineno = 136, colno = 37, runtime.callWrap(runtim
 frame = frame.pop();
 ;
 frame = frame.pop();
-return new runtime.SafeString(t_59);
+return new runtime.SafeString(t_63);
 });
-return macro_t_58;})()})])), env.opts.autoescape);
+return macro_t_62;})()})])), env.opts.autoescape);
 t_55 += "\n    ";
-;
+})});
 frame = frame.pop();
 return new runtime.SafeString(t_55);
 });
@@ -3766,8 +3777,19 @@ frame = frame.pop();
 return new runtime.SafeString(t_70);
 });
 return macro_t_69;})()})])), env.opts.autoescape);
+env.getTemplate("utilities/govcyUtilities.njk", false, "elements/radios.njk", false, function(t_72,t_71) {
+if(t_72) { cb(t_72); return; }
+t_71.getExported(function(t_73,t_71) {
+if(t_73) { cb(t_73); return; }
+if(Object.prototype.hasOwnProperty.call(t_71, "govcyElementsFromArray")) {
+var t_74 = t_71.govcyElementsFromArray;
+} else {
+cb(new Error("cannot import 'govcyElementsFromArray'")); return;
+}
+frame.set("govcyElementsFromArray", t_74);
+t_68 += runtime.suppressValue((lineno = 165, colno = 33, runtime.callWrap(t_74, "govcyElementsFromArray", context, [runtime.memberLookup((l_params),"elements"),runtime.memberLookup((l_params),"lang")])), env.opts.autoescape);
 t_68 += "\n        ";
-t_68 += runtime.suppressValue((lineno = 162, colno = 27, runtime.callWrap(t_60, "formControl", context, [{"isError": (runtime.memberLookup((l_params),"hideFormControlError")?false:runtime.memberLookup((l_params),"error"))},runtime.makeKeywordArgs({"caller": (function (){var macro_t_71 = runtime.makeMacro(
+t_68 += runtime.suppressValue((lineno = 166, colno = 27, runtime.callWrap(t_60, "formControl", context, [{"isError": (runtime.memberLookup((l_params),"hideFormControlError")?false:runtime.memberLookup((l_params),"error"))},runtime.makeKeywordArgs({"caller": (function (){var macro_t_75 = runtime.makeMacro(
 [], 
 [], 
 function (kwargs) {
@@ -3776,8 +3798,7 @@ frame = frame.push(true);
 kwargs = kwargs || {};
 if (Object.prototype.hasOwnProperty.call(kwargs, "caller")) {
 frame.set("caller", kwargs.caller); }
-var t_72 = "";t_72 += "\n            ";
-t_72 += runtime.suppressValue((lineno = 163, colno = 24, runtime.callWrap(t_48, "hint", context, [{"hint": runtime.memberLookup((l_params),"hint"),"id": runtime.contextOrFrameLookup(context, frame, "hintId"),"lang": runtime.memberLookup((l_params),"lang")},runtime.makeKeywordArgs({"caller": (function (){var macro_t_73 = runtime.makeMacro(
+var t_76 = "";t_76 += runtime.suppressValue((lineno = 168, colno = 24, runtime.callWrap(t_48, "hint", context, [{"hint": runtime.memberLookup((l_params),"hint"),"id": runtime.contextOrFrameLookup(context, frame, "hintId"),"lang": runtime.memberLookup((l_params),"lang")},runtime.makeKeywordArgs({"caller": (function (){var macro_t_77 = runtime.makeMacro(
 [], 
 [], 
 function (kwargs) {
@@ -3786,12 +3807,12 @@ frame = frame.push(true);
 kwargs = kwargs || {};
 if (Object.prototype.hasOwnProperty.call(kwargs, "caller")) {
 frame.set("caller", kwargs.caller); }
-var t_74 = "";;
+var t_78 = "";;
 frame = frame.pop();
-return new runtime.SafeString(t_74);
+return new runtime.SafeString(t_78);
 });
-return macro_t_73;})()})])), env.opts.autoescape);
-t_72 += runtime.suppressValue((lineno = 165, colno = 32, runtime.callWrap(t_56, "errorMessage", context, [{"message": runtime.memberLookup((l_params),"error"),"id": runtime.contextOrFrameLookup(context, frame, "errorId"),"lang": runtime.memberLookup((l_params),"lang")},runtime.makeKeywordArgs({"caller": (function (){var macro_t_75 = runtime.makeMacro(
+return macro_t_77;})()})])), env.opts.autoescape);
+t_76 += runtime.suppressValue((lineno = 170, colno = 32, runtime.callWrap(t_56, "errorMessage", context, [{"message": runtime.memberLookup((l_params),"error"),"id": runtime.contextOrFrameLookup(context, frame, "errorId"),"lang": runtime.memberLookup((l_params),"lang")},runtime.makeKeywordArgs({"caller": (function (){var macro_t_79 = runtime.makeMacro(
 [], 
 [], 
 function (kwargs) {
@@ -3800,28 +3821,28 @@ frame = frame.push(true);
 kwargs = kwargs || {};
 if (Object.prototype.hasOwnProperty.call(kwargs, "caller")) {
 frame.set("caller", kwargs.caller); }
-var t_76 = "";;
+var t_80 = "";;
 frame = frame.pop();
-return new runtime.SafeString(t_76);
+return new runtime.SafeString(t_80);
 });
-return macro_t_75;})()})])), env.opts.autoescape);
-t_72 += "\n            ";
+return macro_t_79;})()})])), env.opts.autoescape);
+t_76 += "\n            ";
 frame = frame.push();
-var t_79 = runtime.memberLookup((l_params),"items");
-if(t_79) {t_79 = runtime.fromIterator(t_79);
-var t_78 = t_79.length;
-for(var t_77=0; t_77 < t_79.length; t_77++) {
-var t_80 = t_79[t_77];
-frame.set("item", t_80);
-frame.set("loop.index", t_77 + 1);
-frame.set("loop.index0", t_77);
-frame.set("loop.revindex", t_78 - t_77);
-frame.set("loop.revindex0", t_78 - t_77 - 1);
-frame.set("loop.first", t_77 === 0);
-frame.set("loop.last", t_77 === t_78 - 1);
-frame.set("loop.length", t_78);
-if(t_80) {
-t_72 += runtime.suppressValue((lineno = 169, colno = 34, runtime.callWrap(runtime.contextOrFrameLookup(context, frame, "_radioItem"), "_radioItem", context, [l_params,t_80,runtime.contextOrFrameLookup(context, frame, "isInline"),runtime.memberLookup((runtime.contextOrFrameLookup(context, frame, "loop")),"index"),runtime.memberLookup((l_params),"lang")])), env.opts.autoescape);
+var t_83 = runtime.memberLookup((l_params),"items");
+if(t_83) {t_83 = runtime.fromIterator(t_83);
+var t_82 = t_83.length;
+for(var t_81=0; t_81 < t_83.length; t_81++) {
+var t_84 = t_83[t_81];
+frame.set("item", t_84);
+frame.set("loop.index", t_81 + 1);
+frame.set("loop.index0", t_81);
+frame.set("loop.revindex", t_82 - t_81);
+frame.set("loop.revindex0", t_82 - t_81 - 1);
+frame.set("loop.first", t_81 === 0);
+frame.set("loop.last", t_81 === t_82 - 1);
+frame.set("loop.length", t_82);
+if(t_84) {
+t_76 += runtime.suppressValue((lineno = 174, colno = 34, runtime.callWrap(runtime.contextOrFrameLookup(context, frame, "_radioItem"), "_radioItem", context, [l_params,t_84,runtime.contextOrFrameLookup(context, frame, "isInline"),runtime.memberLookup((runtime.contextOrFrameLookup(context, frame, "loop")),"index"),runtime.memberLookup((l_params),"lang")])), env.opts.autoescape);
 ;
 }
 ;
@@ -3830,11 +3851,11 @@ t_72 += runtime.suppressValue((lineno = 169, colno = 34, runtime.callWrap(runtim
 frame = frame.pop();
 ;
 frame = frame.pop();
-return new runtime.SafeString(t_72);
+return new runtime.SafeString(t_76);
 });
-return macro_t_71;})()})])), env.opts.autoescape);
+return macro_t_75;})()})])), env.opts.autoescape);
 t_68 += "\n    ";
-;
+})});
 frame = frame.pop();
 return new runtime.SafeString(t_68);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gov-cy/govcy-frontend-renderer",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "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/checkboxes.njk

@@ -77,6 +77,11 @@
  @param {object} error If not empty there is an error message and displays the error variant. Optional, default is ''. Will escape text. Example `{en:"Content",el:"Περιεχομένο"}`
  @param {boolean} hideFormControlError If true, hides the form control error (red line on the left). Mostly used in conditional radio elements. Optional    
  @param {string} lang The language used. Can be 'en','el'. Optional.
+ @param {array} elements if defined, govcy-elements to be rendered after the legend. 
+    i.e. `[
+            {element:"button",params:{text:{en:"Button 1",el:"Κουμπί 1"},lang:"en",id:"govcy-test-23b"} },
+            {element:"button",params:{text:{en:"Button 2",el:"Κουμπί 2"},variant:'secondary',lang:"en",id:"govcy-test-23c"} },
+        ]`
  @param {array} items The array of items to turn onto checkbox 
     i.e. `[
             {
@@ -127,6 +132,10 @@
     {%- endif -%}
     {% call fieldset({ariaDescribedby:ariaDescribedBy,classes:params.classes, lang:params.lang}) %}
         {% call legend({legend:params.legend, isPageHeading:isPageHeading,lang:params.lang}) %}{% endcall %}
+        {#- Import localizer from utilities -#}
+        {%- from "../utilities/govcyUtilities.njk" import govcyElementsFromArray -%}
+        {#- render elements -#}
+        {{ govcyElementsFromArray(params.elements, params.lang) }}
         {% call formControl({isError: false if params.hideFormControlError else params.error}) %}
             {% call hint({hint:params.hint, id:hintId,lang:params.lang}) %}{% endcall %}
             {#- render error message -#}

package/src/njk/elements/radios.njk

@@ -109,6 +109,11 @@
  @param {object} error If not empty there is an error message and displays the error variant. Optional, default is ''. Will escape text. Example `{en:"Content",el:"Περιεχομένο"}`
  @param {boolean} hideFormControlError If true, hides the form control error (red line on the left). Mostly used in conditional radio elements. Optional    
  @param {string} lang The language used. Can be 'en','el'. Optional.
+ @param {array} elements if defined, govcy-elements to be rendered after the legend. 
+    i.e. `[
+            {element:"button",params:{text:{en:"Button 1",el:"Κουμπί 1"},lang:"en",id:"govcy-test-23b"} },
+            {element:"button",params:{text:{en:"Button 2",el:"Κουμπί 2"},variant:'secondary',lang:"en",id:"govcy-test-23c"} },
+        ]`
  @param {array} items The array of items to turn onto radio 
     i.e. `[
             {
@@ -160,7 +165,12 @@
     {%- endif -%}
     {% call fieldset({ariaDescribedby:ariaDescribedBy,classes:params.classes, lang:params.lang}) %}
         {% call legend({legend:params.legend, isPageHeading:isPageHeading,lang:params.lang}) %}{% endcall %}
+        {#- Import localizer from utilities -#}
+        {%- from "../utilities/govcyUtilities.njk" import govcyElementsFromArray -%}
+        {#- render elements -#}
+        {{ govcyElementsFromArray(params.elements, params.lang) }}
         {% call formControl({isError: false if params.hideFormControlError else params.error}) %}
+            {#- render hint -#}
             {% call hint({hint:params.hint, id:hintId,lang:params.lang}) %}{% endcall %}
             {#- render error message -#}
             {% call errorMessage({message:params.error,id:errorId,lang:params.lang}) %}{% endcall %}