@nice-digital/nds-input 1.2.8-alpha.0 → 1.2.12-alpha.0
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/README.md +9 -2
- package/es/Input.js +15 -10
- package/es/Input.js.map +1 -1
- package/lib/Input.js +23 -17
- package/lib/Input.js.map +1 -1
- package/nds-input.d.ts +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -94,9 +94,9 @@ Allow parent access to the ref property of the `input` element.
|
|
|
94
94
|
|
|
95
95
|
##### label
|
|
96
96
|
|
|
97
|
-
- Type: `React.ReactNode` (required)
|
|
97
|
+
- Type: `React.ReactNode` | `null` (required)
|
|
98
98
|
|
|
99
|
-
The content of the `label` element.
|
|
99
|
+
The content of the `label` element. If `null` is passed, the `label` element will not be rendered. **Only use this if you are supplying your own `label` in the markup!**
|
|
100
100
|
|
|
101
101
|
##### name
|
|
102
102
|
|
|
@@ -109,6 +109,13 @@ Input element `name` property.
|
|
|
109
109
|
- Type: `string`
|
|
110
110
|
- Default: "text"
|
|
111
111
|
|
|
112
|
+
##### className
|
|
113
|
+
|
|
114
|
+
- Type: `string`
|
|
115
|
+
- Default: `""`
|
|
116
|
+
|
|
117
|
+
A className that will be merged with the component's container className.
|
|
118
|
+
|
|
112
119
|
##### Anything else
|
|
113
120
|
|
|
114
121
|
Any other props passed to `<Input />` will be cascaded to the input element.x
|
package/es/Input.js
CHANGED
|
@@ -1,27 +1,34 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
+
var _excluded = ["defaultValue", "name", "inputRef", "error", "errorMessage", "label", "hint", "type", "className"];
|
|
3
4
|
import React from "react";
|
|
4
5
|
import PropTypes from "prop-types";
|
|
5
6
|
import classnames from "classnames";
|
|
6
7
|
import "./../scss/input.scss";
|
|
7
8
|
export var Input = function Input(props) {
|
|
9
|
+
var _classnames;
|
|
10
|
+
|
|
8
11
|
var defaultValue = props.defaultValue,
|
|
9
12
|
name = props.name,
|
|
10
13
|
inputRef = props.inputRef,
|
|
11
14
|
error = props.error,
|
|
12
15
|
errorMessage = props.errorMessage,
|
|
13
|
-
label = props.label,
|
|
16
|
+
_props$label = props.label,
|
|
17
|
+
label = _props$label === void 0 ? "Label" : _props$label,
|
|
14
18
|
hint = props.hint,
|
|
15
|
-
type = props.type,
|
|
16
|
-
|
|
19
|
+
_props$type = props.type,
|
|
20
|
+
type = _props$type === void 0 ? "text" : _props$type,
|
|
21
|
+
_props$className = props.className,
|
|
22
|
+
className = _props$className === void 0 ? "" : _props$className,
|
|
23
|
+
rest = _objectWithoutPropertiesLoose(props, _excluded);
|
|
17
24
|
|
|
18
|
-
var classNames = classnames({
|
|
25
|
+
var classNames = classnames((_classnames = {
|
|
19
26
|
input: true,
|
|
20
27
|
"input--error": error
|
|
21
|
-
});
|
|
28
|
+
}, _classnames[className] = className, _classnames));
|
|
22
29
|
return /*#__PURE__*/React.createElement("div", {
|
|
23
30
|
className: classNames
|
|
24
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
31
|
+
}, label && /*#__PURE__*/React.createElement("label", {
|
|
25
32
|
className: "input__label",
|
|
26
33
|
htmlFor: name
|
|
27
34
|
}, label), hint && /*#__PURE__*/React.createElement("p", {
|
|
@@ -41,15 +48,13 @@ Input.propTypes = {
|
|
|
41
48
|
inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
42
49
|
current: PropTypes.object
|
|
43
50
|
})]),
|
|
51
|
+
className: PropTypes.string,
|
|
44
52
|
defaultValue: PropTypes.string,
|
|
45
53
|
error: PropTypes.bool,
|
|
46
54
|
errorMessage: PropTypes.string,
|
|
47
|
-
label: PropTypes.string
|
|
55
|
+
label: PropTypes.string,
|
|
48
56
|
hint: PropTypes.string,
|
|
49
57
|
type: PropTypes.oneOf(["color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "range", "password", "search", "tel", "text", "time", "url", "week"]),
|
|
50
58
|
name: PropTypes.string.isRequired
|
|
51
59
|
};
|
|
52
|
-
Input.defaultProps = {
|
|
53
|
-
type: "text"
|
|
54
|
-
};
|
|
55
60
|
//# sourceMappingURL=Input.js.map
|
package/es/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Input.js"],"names":["React","PropTypes","classnames","Input","props","defaultValue","name","inputRef","error","errorMessage","label","hint","type","rest","classNames","input","propTypes","oneOfType","func","shape","current","object","string","bool","
|
|
1
|
+
{"version":3,"sources":["../src/Input.js"],"names":["React","PropTypes","classnames","Input","props","defaultValue","name","inputRef","error","errorMessage","label","hint","type","className","rest","classNames","input","propTypes","oneOfType","func","shape","current","object","string","bool","oneOf","isRequired"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAO,sBAAP;AAEA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK,EAAI;AAAA;;AAC7B,MACCC,YADD,GAWID,KAXJ,CACCC,YADD;AAAA,MAECC,IAFD,GAWIF,KAXJ,CAECE,IAFD;AAAA,MAGCC,QAHD,GAWIH,KAXJ,CAGCG,QAHD;AAAA,MAICC,KAJD,GAWIJ,KAXJ,CAICI,KAJD;AAAA,MAKCC,YALD,GAWIL,KAXJ,CAKCK,YALD;AAAA,qBAWIL,KAXJ,CAMCM,KAND;AAAA,MAMCA,KAND,6BAMS,OANT;AAAA,MAOCC,IAPD,GAWIP,KAXJ,CAOCO,IAPD;AAAA,oBAWIP,KAXJ,CAQCQ,IARD;AAAA,MAQCA,IARD,4BAQQ,MARR;AAAA,yBAWIR,KAXJ,CASCS,SATD;AAAA,MASCA,SATD,iCASa,EATb;AAAA,MAUIC,IAVJ,iCAWIV,KAXJ;;AAYA,MAAMW,UAAU,GAAGb,UAAU;AAC5Bc,IAAAA,KAAK,EAAE,IADqB;AAE5B,oBAAgBR;AAFY,iBAG3BK,SAH2B,IAGfA,SAHe,eAA7B;AAKA,sBACC;AAAK,IAAA,SAAS,EAAEE;AAAhB,KACEL,KAAK,iBACL;AAAO,IAAA,SAAS,EAAC,cAAjB;AAAgC,IAAA,OAAO,EAAEJ;AAAzC,KACEI,KADF,CAFF,EAMEC,IAAI,iBAAI;AAAG,IAAA,SAAS,EAAC;AAAb,KAA4BA,IAA5B,CANV,EAOEH,KAAK,iBAAI;AAAG,IAAA,SAAS,EAAC;AAAb,KAA6BC,YAA7B,CAPX,eAQC;AACC,IAAA,GAAG,EAAEF,QADN;AAEC,IAAA,IAAI,EAAED,IAFP;AAGC,IAAA,SAAS,EAAC,cAHX;AAIC,IAAA,EAAE,EAAEA,IAJL;AAKC,IAAA,IAAI,EAAEM,IALP;AAMC,IAAA,YAAY,EAAEP;AANf,KAOKS,IAPL,EARD,CADD;AAoBA,CAtCM;AAwCPX,KAAK,CAACc,SAAN,GAAkB;AACjBV,EAAAA,QAAQ,EAAEN,SAAS,CAACiB,SAAV,CAAoB,CAC7BjB,SAAS,CAACkB,IADmB,EAE7BlB,SAAS,CAACmB,KAAV,CAAgB;AAAEC,IAAAA,OAAO,EAAEpB,SAAS,CAACqB;AAArB,GAAhB,CAF6B,CAApB,CADO;AAKjBT,EAAAA,SAAS,EAAEZ,SAAS,CAACsB,MALJ;AAMjBlB,EAAAA,YAAY,EAAEJ,SAAS,CAACsB,MANP;AAOjBf,EAAAA,KAAK,EAAEP,SAAS,CAACuB,IAPA;AAQjBf,EAAAA,YAAY,EAAER,SAAS,CAACsB,MARP;AASjBb,EAAAA,KAAK,EAAET,SAAS,CAACsB,MATA;AAUjBZ,EAAAA,IAAI,EAAEV,SAAS,CAACsB,MAVC;AAWjBX,EAAAA,IAAI,EAAEX,SAAS,CAACwB,KAAV,CAAgB,CACrB,OADqB,EAErB,MAFqB,EAGrB,gBAHqB,EAIrB,OAJqB,EAKrB,MALqB,EAMrB,QANqB,EAOrB,OAPqB,EAQrB,OARqB,EASrB,QATqB,EAUrB,OAVqB,EAWrB,UAXqB,EAYrB,QAZqB,EAarB,KAbqB,EAcrB,MAdqB,EAerB,MAfqB,EAgBrB,KAhBqB,EAiBrB,MAjBqB,CAAhB,CAXW;AA8BjBnB,EAAAA,IAAI,EAAEL,SAAS,CAACsB,MAAV,CAAiBG;AA9BN,CAAlB","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\n\nimport \"./../scss/input.scss\";\n\nexport const Input = props => {\n\tconst {\n\t\tdefaultValue,\n\t\tname,\n\t\tinputRef,\n\t\terror,\n\t\terrorMessage,\n\t\tlabel = \"Label\",\n\t\thint,\n\t\ttype = \"text\",\n\t\tclassName = \"\",\n\t\t...rest\n\t} = props;\n\tconst classNames = classnames({\n\t\tinput: true,\n\t\t\"input--error\": error,\n\t\t[className]: className\n\t});\n\treturn (\n\t\t<div className={classNames}>\n\t\t\t{label && (\n\t\t\t\t<label className=\"input__label\" htmlFor={name}>\n\t\t\t\t\t{label}\n\t\t\t\t</label>\n\t\t\t)}\n\t\t\t{hint && <p className=\"input__hint\">{hint}</p>}\n\t\t\t{error && <p className=\"input__error\">{errorMessage}</p>}\n\t\t\t<input\n\t\t\t\tref={inputRef}\n\t\t\t\tname={name}\n\t\t\t\tclassName=\"input__input\"\n\t\t\t\tid={name}\n\t\t\t\ttype={type}\n\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nInput.propTypes = {\n\tinputRef: PropTypes.oneOfType([\n\t\tPropTypes.func,\n\t\tPropTypes.shape({ current: PropTypes.object })\n\t]),\n\tclassName: PropTypes.string,\n\tdefaultValue: PropTypes.string,\n\terror: PropTypes.bool,\n\terrorMessage: PropTypes.string,\n\tlabel: PropTypes.string,\n\thint: PropTypes.string,\n\ttype: PropTypes.oneOf([\n\t\t\"color\",\n\t\t\"date\",\n\t\t\"datetime-local\",\n\t\t\"email\",\n\t\t\"file\",\n\t\t\"hidden\",\n\t\t\"image\",\n\t\t\"month\",\n\t\t\"number\",\n\t\t\"range\",\n\t\t\"password\",\n\t\t\"search\",\n\t\t\"tel\",\n\t\t\"text\",\n\t\t\"time\",\n\t\t\"url\",\n\t\t\"week\"\n\t]),\n\tname: PropTypes.string.isRequired\n};\n"],"file":"Input.js"}
|
package/lib/Input.js
CHANGED
|
@@ -13,50 +13,58 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
13
13
|
|
|
14
14
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _classnames2 = _interopRequireDefault(require("classnames"));
|
|
17
17
|
|
|
18
18
|
require("./../scss/input.scss");
|
|
19
19
|
|
|
20
|
+
var _excluded = ["defaultValue", "name", "inputRef", "error", "errorMessage", "label", "hint", "type", "className"];
|
|
21
|
+
|
|
20
22
|
var _jsxFileName = "/Users/warren/Web/nice-design-system/components/nds-input/src/Input.js",
|
|
21
23
|
_this = void 0;
|
|
22
24
|
|
|
23
25
|
var Input = function Input(props) {
|
|
26
|
+
var _classnames;
|
|
27
|
+
|
|
24
28
|
var defaultValue = props.defaultValue,
|
|
25
29
|
name = props.name,
|
|
26
30
|
inputRef = props.inputRef,
|
|
27
31
|
error = props.error,
|
|
28
32
|
errorMessage = props.errorMessage,
|
|
29
|
-
label = props.label,
|
|
33
|
+
_props$label = props.label,
|
|
34
|
+
label = _props$label === void 0 ? "Label" : _props$label,
|
|
30
35
|
hint = props.hint,
|
|
31
|
-
type = props.type,
|
|
32
|
-
|
|
33
|
-
|
|
36
|
+
_props$type = props.type,
|
|
37
|
+
type = _props$type === void 0 ? "text" : _props$type,
|
|
38
|
+
_props$className = props.className,
|
|
39
|
+
className = _props$className === void 0 ? "" : _props$className,
|
|
40
|
+
rest = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
|
|
41
|
+
var classNames = (0, _classnames2["default"])((_classnames = {
|
|
34
42
|
input: true,
|
|
35
43
|
"input--error": error
|
|
36
|
-
});
|
|
44
|
+
}, _classnames[className] = className, _classnames));
|
|
37
45
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
38
46
|
className: classNames,
|
|
39
47
|
__self: _this,
|
|
40
48
|
__source: {
|
|
41
49
|
fileName: _jsxFileName,
|
|
42
|
-
lineNumber:
|
|
50
|
+
lineNumber: 26,
|
|
43
51
|
columnNumber: 3
|
|
44
52
|
}
|
|
45
|
-
}, /*#__PURE__*/_react["default"].createElement("label", {
|
|
53
|
+
}, label && /*#__PURE__*/_react["default"].createElement("label", {
|
|
46
54
|
className: "input__label",
|
|
47
55
|
htmlFor: name,
|
|
48
56
|
__self: _this,
|
|
49
57
|
__source: {
|
|
50
58
|
fileName: _jsxFileName,
|
|
51
|
-
lineNumber:
|
|
52
|
-
columnNumber:
|
|
59
|
+
lineNumber: 28,
|
|
60
|
+
columnNumber: 5
|
|
53
61
|
}
|
|
54
62
|
}, label), hint && /*#__PURE__*/_react["default"].createElement("p", {
|
|
55
63
|
className: "input__hint",
|
|
56
64
|
__self: _this,
|
|
57
65
|
__source: {
|
|
58
66
|
fileName: _jsxFileName,
|
|
59
|
-
lineNumber:
|
|
67
|
+
lineNumber: 32,
|
|
60
68
|
columnNumber: 13
|
|
61
69
|
}
|
|
62
70
|
}, hint), error && /*#__PURE__*/_react["default"].createElement("p", {
|
|
@@ -64,7 +72,7 @@ var Input = function Input(props) {
|
|
|
64
72
|
__self: _this,
|
|
65
73
|
__source: {
|
|
66
74
|
fileName: _jsxFileName,
|
|
67
|
-
lineNumber:
|
|
75
|
+
lineNumber: 33,
|
|
68
76
|
columnNumber: 14
|
|
69
77
|
}
|
|
70
78
|
}, errorMessage), /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({
|
|
@@ -78,7 +86,7 @@ var Input = function Input(props) {
|
|
|
78
86
|
__self: _this,
|
|
79
87
|
__source: {
|
|
80
88
|
fileName: _jsxFileName,
|
|
81
|
-
lineNumber:
|
|
89
|
+
lineNumber: 34,
|
|
82
90
|
columnNumber: 4
|
|
83
91
|
}
|
|
84
92
|
})));
|
|
@@ -89,15 +97,13 @@ Input.propTypes = {
|
|
|
89
97
|
inputRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].shape({
|
|
90
98
|
current: _propTypes["default"].object
|
|
91
99
|
})]),
|
|
100
|
+
className: _propTypes["default"].string,
|
|
92
101
|
defaultValue: _propTypes["default"].string,
|
|
93
102
|
error: _propTypes["default"].bool,
|
|
94
103
|
errorMessage: _propTypes["default"].string,
|
|
95
|
-
label: _propTypes["default"].string
|
|
104
|
+
label: _propTypes["default"].string,
|
|
96
105
|
hint: _propTypes["default"].string,
|
|
97
106
|
type: _propTypes["default"].oneOf(["color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "range", "password", "search", "tel", "text", "time", "url", "week"]),
|
|
98
107
|
name: _propTypes["default"].string.isRequired
|
|
99
108
|
};
|
|
100
|
-
Input.defaultProps = {
|
|
101
|
-
type: "text"
|
|
102
|
-
};
|
|
103
109
|
//# sourceMappingURL=Input.js.map
|
package/lib/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Input.js"],"names":["Input","props","defaultValue","name","inputRef","error","errorMessage","label","hint","type","rest","classNames","input","propTypes","PropTypes","oneOfType","func","shape","current","object","string","bool","
|
|
1
|
+
{"version":3,"sources":["../src/Input.js"],"names":["Input","props","defaultValue","name","inputRef","error","errorMessage","label","hint","type","className","rest","classNames","input","propTypes","PropTypes","oneOfType","func","shape","current","object","string","bool","oneOf","isRequired"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;AAEO,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK,EAAI;AAAA;;AAC7B,MACCC,YADD,GAWID,KAXJ,CACCC,YADD;AAAA,MAECC,IAFD,GAWIF,KAXJ,CAECE,IAFD;AAAA,MAGCC,QAHD,GAWIH,KAXJ,CAGCG,QAHD;AAAA,MAICC,KAJD,GAWIJ,KAXJ,CAICI,KAJD;AAAA,MAKCC,YALD,GAWIL,KAXJ,CAKCK,YALD;AAAA,qBAWIL,KAXJ,CAMCM,KAND;AAAA,MAMCA,KAND,6BAMS,OANT;AAAA,MAOCC,IAPD,GAWIP,KAXJ,CAOCO,IAPD;AAAA,oBAWIP,KAXJ,CAQCQ,IARD;AAAA,MAQCA,IARD,4BAQQ,MARR;AAAA,yBAWIR,KAXJ,CASCS,SATD;AAAA,MASCA,SATD,iCASa,EATb;AAAA,MAUIC,IAVJ,kDAWIV,KAXJ;AAYA,MAAMW,UAAU,GAAG;AAClBC,IAAAA,KAAK,EAAE,IADW;AAElB,oBAAgBR;AAFE,iBAGjBK,SAHiB,IAGLA,SAHK,eAAnB;AAKA,sBACC;AAAK,IAAA,SAAS,EAAEE,UAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACEL,KAAK,iBACL;AAAO,IAAA,SAAS,EAAC,cAAjB;AAAgC,IAAA,OAAO,EAAEJ,IAAzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACEI,KADF,CAFF,EAMEC,IAAI,iBAAI;AAAG,IAAA,SAAS,EAAC,aAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA4BA,IAA5B,CANV,EAOEH,KAAK,iBAAI;AAAG,IAAA,SAAS,EAAC,cAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA6BC,YAA7B,CAPX,eAQC;AACC,IAAA,GAAG,EAAEF,QADN;AAEC,IAAA,IAAI,EAAED,IAFP;AAGC,IAAA,SAAS,EAAC,cAHX;AAIC,IAAA,EAAE,EAAEA,IAJL;AAKC,IAAA,IAAI,EAAEM,IALP;AAMC,IAAA,YAAY,EAAEP;AANf,KAOKS,IAPL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KARD,CADD;AAoBA,CAtCM;;;AAwCPX,KAAK,CAACc,SAAN,GAAkB;AACjBV,EAAAA,QAAQ,EAAEW,sBAAUC,SAAV,CAAoB,CAC7BD,sBAAUE,IADmB,EAE7BF,sBAAUG,KAAV,CAAgB;AAAEC,IAAAA,OAAO,EAAEJ,sBAAUK;AAArB,GAAhB,CAF6B,CAApB,CADO;AAKjBV,EAAAA,SAAS,EAAEK,sBAAUM,MALJ;AAMjBnB,EAAAA,YAAY,EAAEa,sBAAUM,MANP;AAOjBhB,EAAAA,KAAK,EAAEU,sBAAUO,IAPA;AAQjBhB,EAAAA,YAAY,EAAES,sBAAUM,MARP;AASjBd,EAAAA,KAAK,EAAEQ,sBAAUM,MATA;AAUjBb,EAAAA,IAAI,EAAEO,sBAAUM,MAVC;AAWjBZ,EAAAA,IAAI,EAAEM,sBAAUQ,KAAV,CAAgB,CACrB,OADqB,EAErB,MAFqB,EAGrB,gBAHqB,EAIrB,OAJqB,EAKrB,MALqB,EAMrB,QANqB,EAOrB,OAPqB,EAQrB,OARqB,EASrB,QATqB,EAUrB,OAVqB,EAWrB,UAXqB,EAYrB,QAZqB,EAarB,KAbqB,EAcrB,MAdqB,EAerB,MAfqB,EAgBrB,KAhBqB,EAiBrB,MAjBqB,CAAhB,CAXW;AA8BjBpB,EAAAA,IAAI,EAAEY,sBAAUM,MAAV,CAAiBG;AA9BN,CAAlB","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classnames from \"classnames\";\n\nimport \"./../scss/input.scss\";\n\nexport const Input = props => {\n\tconst {\n\t\tdefaultValue,\n\t\tname,\n\t\tinputRef,\n\t\terror,\n\t\terrorMessage,\n\t\tlabel = \"Label\",\n\t\thint,\n\t\ttype = \"text\",\n\t\tclassName = \"\",\n\t\t...rest\n\t} = props;\n\tconst classNames = classnames({\n\t\tinput: true,\n\t\t\"input--error\": error,\n\t\t[className]: className\n\t});\n\treturn (\n\t\t<div className={classNames}>\n\t\t\t{label && (\n\t\t\t\t<label className=\"input__label\" htmlFor={name}>\n\t\t\t\t\t{label}\n\t\t\t\t</label>\n\t\t\t)}\n\t\t\t{hint && <p className=\"input__hint\">{hint}</p>}\n\t\t\t{error && <p className=\"input__error\">{errorMessage}</p>}\n\t\t\t<input\n\t\t\t\tref={inputRef}\n\t\t\t\tname={name}\n\t\t\t\tclassName=\"input__input\"\n\t\t\t\tid={name}\n\t\t\t\ttype={type}\n\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nInput.propTypes = {\n\tinputRef: PropTypes.oneOfType([\n\t\tPropTypes.func,\n\t\tPropTypes.shape({ current: PropTypes.object })\n\t]),\n\tclassName: PropTypes.string,\n\tdefaultValue: PropTypes.string,\n\terror: PropTypes.bool,\n\terrorMessage: PropTypes.string,\n\tlabel: PropTypes.string,\n\thint: PropTypes.string,\n\ttype: PropTypes.oneOf([\n\t\t\"color\",\n\t\t\"date\",\n\t\t\"datetime-local\",\n\t\t\"email\",\n\t\t\"file\",\n\t\t\"hidden\",\n\t\t\"image\",\n\t\t\"month\",\n\t\t\"number\",\n\t\t\"range\",\n\t\t\"password\",\n\t\t\"search\",\n\t\t\"tel\",\n\t\t\"text\",\n\t\t\"time\",\n\t\t\"url\",\n\t\t\"week\"\n\t]),\n\tname: PropTypes.string.isRequired\n};\n"],"file":"Input.js"}
|
package/nds-input.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nice-digital/nds-input",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.12-alpha.0",
|
|
4
4
|
"description": "Input component for the NICE Design System",
|
|
5
5
|
"author": "Warren Keith <warren.keith@nice.org.uk>",
|
|
6
6
|
"homepage": "https://nice-digital.github.io/nice-design-system/",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"url": "https://github.com/nice-digital/nice-design-system/issues"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@nice-digital/nds-core": "^1.2.
|
|
37
|
+
"@nice-digital/nds-core": "^1.2.10-alpha.0",
|
|
38
38
|
"classnames": "^2.2.6",
|
|
39
39
|
"prop-types": "^15.7.2"
|
|
40
40
|
},
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"react": "^16 || ^17",
|
|
46
46
|
"react-dom": "^16 || ^17"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "0b56d5c5a1d410056fa565d2f072310508255f60"
|
|
49
49
|
}
|