feat: make optional prefix

components/hmpo-template.njk

@@ -36,7 +36,8 @@
             serviceName: govukServiceName,
             navigation: govukNavigation,
             serviceUrl: govukServiceUrl or "/",
-            containerClasses: "govuk-width-container"
+            containerClasses: "govuk-width-container",
+            useTudorCrown: true
         }) }}
     {% endblock %}
 {% endblock %}

components/hmpo-text/macro.njk

@@ -16,7 +16,7 @@
             hmpoGetOptions(ctx, params, "label")
         ),
         hint: hmpoGetOptions(ctx, params, "hint", true),
-        prefix: hmpoGetOptions(ctx, params, "prefix", true),
+        prefix: hmpoGetOptions(ctx, params, "prefix", true) if params.prefix else "",
         value: hmpoGetValue(ctx, params),
         errorMessage: hmpoGetError(ctx, params),
         type: params.type,

components/hmpo-text/spec.macro.js

@@ -50,13 +50,23 @@ describe('hmpoText', () => {
     });
 
     it('renders with label and prefix', () => {
-        const $ = render({ component: 'hmpoText', params: { id: 'my-input' }, ctx: true }, locals);
+        const $ = render({ component: 'hmpoText', params: { id: 'my-input', prefix: '£' }, ctx: true }, locals);
+
+        const $label = $('.govuk-label');
+        expect($label.text().trim()).to.equal('[fields.my-input.label]');
+        expect($label.attr('id')).to.equal('my-input-label');
+        const $prefix = $('.govuk-input__prefix');
+        expect($prefix.text()).to.equal('£');
+    });
+
+    it('renders with label and without prefix', () => {
+        const $ = render({ component: 'hmpoText', params: { id: 'my-input', prefix: '' }, ctx: true }, locals);
 
         const $label = $('.govuk-label');
         expect($label.text().trim()).to.equal('[fields.my-input.label]');
         expect($label.attr('id')).to.equal('my-input-label');
         const $prefix = $('.govuk-input__prefix');
-        expect($prefix.text().trim()).to.equal('[fields.my-input.prefix]');
+        expect($prefix.text().trim()).to.equal('');
     });
 
     it('renders with value', () => {

package.json

@@ -48,7 +48,7 @@
   "devDependencies": {
     "chai": "^4.3.7",
     "eslint": "^8.44.0",
-    "govuk-frontend": "^4.6.0",
+    "govuk-frontend": "^4.8.0",
     "hmpo-nunjucks-test": "^1.4.1",
     "husky": "^2.7.0",
     "mocha": "^10.2.0",