@financial-times/n-conversion-forms 41.0.2 → 41.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/.toolkitstate/ci.json
CHANGED
|
@@ -232,6 +232,43 @@ exports[`Delivery Postcode renders a postcode input with default label 1`] = `
|
|
|
232
232
|
</label>
|
|
233
233
|
`;
|
|
234
234
|
|
|
235
|
+
exports[`Delivery Postcode renders an optional input 1`] = `
|
|
236
|
+
<label id="deliveryPostcodeField"
|
|
237
|
+
class="o-forms-field"
|
|
238
|
+
data-validate="required"
|
|
239
|
+
for="deliveryPostcode"
|
|
240
|
+
>
|
|
241
|
+
<span class="o-forms-title">
|
|
242
|
+
<span class="o-forms-title__main">
|
|
243
|
+
<span data-reference="postcode">
|
|
244
|
+
Postcode
|
|
245
|
+
</span>
|
|
246
|
+
</span>
|
|
247
|
+
<span class="o-forms-title__prompt">
|
|
248
|
+
</span>
|
|
249
|
+
</span>
|
|
250
|
+
<span class="o-forms-input o-forms-input--text">
|
|
251
|
+
<input type="text"
|
|
252
|
+
id="deliveryPostcode"
|
|
253
|
+
name="deliveryPostcode"
|
|
254
|
+
placeholder="Enter your Postcode"
|
|
255
|
+
autocomplete="postal-code"
|
|
256
|
+
data-trackable="delivery-postcode"
|
|
257
|
+
aria-required="false"
|
|
258
|
+
pattern="whatever"
|
|
259
|
+
value
|
|
260
|
+
>
|
|
261
|
+
<span class="o-forms-input__error">
|
|
262
|
+
Please enter a valid
|
|
263
|
+
<span data-reference="postcode">
|
|
264
|
+
Postcode
|
|
265
|
+
</span>
|
|
266
|
+
.
|
|
267
|
+
</span>
|
|
268
|
+
</span>
|
|
269
|
+
</label>
|
|
270
|
+
`;
|
|
271
|
+
|
|
235
272
|
exports[`Delivery Postcode renders different styles 1`] = `
|
|
236
273
|
<label id="deliveryPostcodeField"
|
|
237
274
|
class="o-forms-field ncf__hidden"
|
|
@@ -49,6 +49,7 @@ export function DeliveryPostcode({
|
|
|
49
49
|
pattern,
|
|
50
50
|
additionalFieldInformation,
|
|
51
51
|
changePostcodeUrl = '',
|
|
52
|
+
isRequired = true,
|
|
52
53
|
}) {
|
|
53
54
|
const postcodeReference = postcodeLabel[country.toUpperCase()] || 'Postcode';
|
|
54
55
|
const promptReference = promptLabel[country.toUpperCase()];
|
|
@@ -98,8 +99,8 @@ export function DeliveryPostcode({
|
|
|
98
99
|
placeholder={placeholderReference}
|
|
99
100
|
autoComplete="postal-code"
|
|
100
101
|
data-trackable="delivery-postcode"
|
|
101
|
-
aria-required=
|
|
102
|
-
required
|
|
102
|
+
aria-required={isRequired}
|
|
103
|
+
required={isRequired}
|
|
103
104
|
pattern={pattern}
|
|
104
105
|
disabled={isDisabled}
|
|
105
106
|
/>
|
|
@@ -73,6 +73,16 @@ describe('Delivery Postcode', () => {
|
|
|
73
73
|
expect(DeliveryPostcode).toRenderCorrectly(props);
|
|
74
74
|
});
|
|
75
75
|
|
|
76
|
+
it('renders an optional input', () => {
|
|
77
|
+
const props = {
|
|
78
|
+
postcodeReference: 'Postcode',
|
|
79
|
+
pattern: 'whatever',
|
|
80
|
+
isRequired: false,
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
expect(DeliveryPostcode).toRenderCorrectly(props);
|
|
84
|
+
});
|
|
85
|
+
|
|
76
86
|
it('renders with link to change the value', () => {
|
|
77
87
|
const props = {
|
|
78
88
|
country: 'USA',
|
|
@@ -49,7 +49,9 @@ function DeliveryPostcode(_ref) {
|
|
|
49
49
|
pattern = _ref.pattern,
|
|
50
50
|
additionalFieldInformation = _ref.additionalFieldInformation,
|
|
51
51
|
_ref$changePostcodeUr = _ref.changePostcodeUrl,
|
|
52
|
-
changePostcodeUrl = _ref$changePostcodeUr === void 0 ? '' : _ref$changePostcodeUr
|
|
52
|
+
changePostcodeUrl = _ref$changePostcodeUr === void 0 ? '' : _ref$changePostcodeUr,
|
|
53
|
+
_ref$isRequired = _ref.isRequired,
|
|
54
|
+
isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired;
|
|
53
55
|
var postcodeReference = postcodeLabel[country.toUpperCase()] || 'Postcode';
|
|
54
56
|
var promptReference = promptLabel[country.toUpperCase()];
|
|
55
57
|
var placeholderReference = placeholderLabel[country.toUpperCase()] || "Enter your ".concat(postcodeReference);
|
|
@@ -85,8 +87,8 @@ function DeliveryPostcode(_ref) {
|
|
|
85
87
|
placeholder: placeholderReference,
|
|
86
88
|
autoComplete: "postal-code",
|
|
87
89
|
"data-trackable": "delivery-postcode",
|
|
88
|
-
"aria-required":
|
|
89
|
-
required:
|
|
90
|
+
"aria-required": isRequired,
|
|
91
|
+
required: isRequired,
|
|
90
92
|
pattern: pattern,
|
|
91
93
|
disabled: isDisabled
|
|
92
94
|
}), /*#__PURE__*/_react["default"].createElement("span", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@financial-times/n-conversion-forms",
|
|
3
|
-
"version": "41.0.
|
|
3
|
+
"version": "41.0.3",
|
|
4
4
|
"description": "Containing jsx components and styles for forms included on Accounts and Acquisition apps (next-signup, next-profile, next-retention, etc).",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"scripts": {
|