@financial-times/n-conversion-forms 27.6.0 → 27.6.1
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.
|
@@ -20,6 +20,7 @@ exports[`CompanyName renders with a custom value 1`] = `
|
|
|
20
20
|
data-trackable="company-name"
|
|
21
21
|
aria-required="true"
|
|
22
22
|
required
|
|
23
|
+
maxlength="100"
|
|
23
24
|
value="foobar"
|
|
24
25
|
>
|
|
25
26
|
<span class="o-forms-input__error">
|
|
@@ -49,6 +50,7 @@ exports[`CompanyName renders with an error 1`] = `
|
|
|
49
50
|
data-trackable="company-name"
|
|
50
51
|
aria-required="true"
|
|
51
52
|
required
|
|
53
|
+
maxlength="100"
|
|
52
54
|
value
|
|
53
55
|
>
|
|
54
56
|
<span class="o-forms-input__error">
|
|
@@ -78,6 +80,7 @@ exports[`CompanyName renders with default props 1`] = `
|
|
|
78
80
|
data-trackable="company-name"
|
|
79
81
|
aria-required="true"
|
|
80
82
|
required
|
|
83
|
+
maxlength="100"
|
|
81
84
|
value
|
|
82
85
|
>
|
|
83
86
|
<span class="o-forms-input__error">
|
|
@@ -108,6 +111,7 @@ exports[`CompanyName renders with disabled input 1`] = `
|
|
|
108
111
|
aria-required="true"
|
|
109
112
|
required
|
|
110
113
|
disabled
|
|
114
|
+
maxlength="100"
|
|
111
115
|
value
|
|
112
116
|
>
|
|
113
117
|
<span class="o-forms-input__error">
|
|
@@ -136,6 +140,7 @@ exports[`CompanyName renders with optional field 1`] = `
|
|
|
136
140
|
autocomplete="organization"
|
|
137
141
|
data-trackable="company-name"
|
|
138
142
|
aria-required="false"
|
|
143
|
+
maxlength="100"
|
|
139
144
|
value
|
|
140
145
|
>
|
|
141
146
|
<span class="o-forms-input__error">
|
|
@@ -13,6 +13,7 @@ export function CompanyName ({
|
|
|
13
13
|
placeholder = 'Please enter your company name',
|
|
14
14
|
isRequired = true,
|
|
15
15
|
isHidden = false,
|
|
16
|
+
maxlength = 100,
|
|
16
17
|
}) {
|
|
17
18
|
const divClassNames = classNames([
|
|
18
19
|
'o-forms-field',
|
|
@@ -37,6 +38,7 @@ export function CompanyName ({
|
|
|
37
38
|
required: isRequired,
|
|
38
39
|
disabled: isDisabled,
|
|
39
40
|
defaultValue: value,
|
|
41
|
+
maxlength,
|
|
40
42
|
};
|
|
41
43
|
|
|
42
44
|
return (
|
|
@@ -67,4 +69,5 @@ CompanyName.propTypes = {
|
|
|
67
69
|
fieldLabel: PropTypes.string,
|
|
68
70
|
isRequired: PropTypes.bool,
|
|
69
71
|
isHidden: PropTypes.bool,
|
|
72
|
+
maxlength: PropTypes.number,
|
|
70
73
|
};
|
package/dist/company-name.js
CHANGED
|
@@ -33,7 +33,9 @@ function CompanyName(_ref) {
|
|
|
33
33
|
_ref$isRequired = _ref.isRequired,
|
|
34
34
|
isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
|
|
35
35
|
_ref$isHidden = _ref.isHidden,
|
|
36
|
-
isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden
|
|
36
|
+
isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden,
|
|
37
|
+
_ref$maxlength = _ref.maxlength,
|
|
38
|
+
maxlength = _ref$maxlength === void 0 ? 100 : _ref$maxlength;
|
|
37
39
|
var divClassNames = (0, _classnames["default"])(['o-forms-field', {
|
|
38
40
|
'o-forms-field--optional': !isRequired
|
|
39
41
|
}, {
|
|
@@ -52,7 +54,8 @@ function CompanyName(_ref) {
|
|
|
52
54
|
'aria-required': isRequired,
|
|
53
55
|
required: isRequired,
|
|
54
56
|
disabled: isDisabled,
|
|
55
|
-
defaultValue: value
|
|
57
|
+
defaultValue: value,
|
|
58
|
+
maxlength: maxlength
|
|
56
59
|
};
|
|
57
60
|
return /*#__PURE__*/_react["default"].createElement("label", {
|
|
58
61
|
id: fieldId,
|
|
@@ -76,5 +79,6 @@ CompanyName.propTypes = {
|
|
|
76
79
|
isDisabled: _propTypes["default"].bool,
|
|
77
80
|
fieldLabel: _propTypes["default"].string,
|
|
78
81
|
isRequired: _propTypes["default"].bool,
|
|
79
|
-
isHidden: _propTypes["default"].bool
|
|
82
|
+
isHidden: _propTypes["default"].bool,
|
|
83
|
+
maxlength: _propTypes["default"].number
|
|
80
84
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@financial-times/n-conversion-forms",
|
|
3
|
-
"version": "27.6.
|
|
3
|
+
"version": "27.6.1",
|
|
4
4
|
"description": "Containing jsx components and styles for forms included on Accounts and Acqusition apps (next-signup, next-profile, next-retention, etc).",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"jsdom": "15.1.0",
|
|
60
60
|
"lint-staged": "^11.2.6",
|
|
61
61
|
"mocha": "5.1.1",
|
|
62
|
-
"node-sass": "
|
|
62
|
+
"node-sass": "^7.0.3",
|
|
63
63
|
"pa11y-ci": "2.1.1",
|
|
64
64
|
"postcss": "^7.0.32",
|
|
65
65
|
"prettier": "2.4.1",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"snyk": "1.230.7"
|
|
74
74
|
},
|
|
75
75
|
"engines": {
|
|
76
|
-
"node": "
|
|
76
|
+
"node": "14.x || 16.x",
|
|
77
77
|
"npm": "7.x || 8.x"
|
|
78
78
|
},
|
|
79
79
|
"lint-staged": {
|