@imposium-hub/components 1.48.16-0 → 1.49.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/dist/cjs/components/dropdown/Dropdown.js +3 -2
- package/dist/cjs/components/dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/number-field/NumberField.d.ts +7 -1
- package/dist/cjs/components/number-field/NumberField.js +46 -5
- package/dist/cjs/components/number-field/NumberField.js.map +1 -1
- package/dist/esm/components/dropdown/Dropdown.js +3 -2
- package/dist/esm/components/dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/number-field/NumberField.d.ts +7 -1
- package/dist/esm/components/number-field/NumberField.js +46 -5
- package/dist/esm/components/number-field/NumberField.js.map +1 -1
- package/dist/styles.css +4 -0
- package/dist/styles.less +6 -2
- package/less/components/form-field.less +5 -1
- package/less/components/shortcut-menu.less +1 -1
- package/package.json +1 -1
- package/src/components/dropdown/dropdown.tsx +3 -2
- package/src/components/number-field/NumberField.tsx +51 -7
|
@@ -52,8 +52,9 @@ var ImposiumDropdown = /** @class */ (function (_super) {
|
|
|
52
52
|
if (typeof toggleRef !== 'undefined') {
|
|
53
53
|
var boundingRect = toggleRef.current.getBoundingClientRect();
|
|
54
54
|
var top_1 = boundingRect.top, left = boundingRect.left, bottom = boundingRect.bottom, right = boundingRect.right, width = boundingRect.width, height = boundingRect.height;
|
|
55
|
-
var
|
|
56
|
-
var
|
|
55
|
+
var _a = document.documentElement, scrollLeft = _a.scrollLeft, scrollTop = _a.scrollTop;
|
|
56
|
+
var offsetX = scrollLeft;
|
|
57
|
+
var offsetY = scrollTop;
|
|
57
58
|
_this.setState({
|
|
58
59
|
offset: {
|
|
59
60
|
top: top_1 + offsetY,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAe/B;IAA8C,oCAG7C;IAWG,0BAAY,CAAC;QAAb,YACI,kBAAM,CAAC,CAAC,SAQX;QAjBO,mBAAa,GAAQ,cAAM,OAAA,KAAI,CAAC,QAAQ,EAAE,EAAf,CAAe,CAAC;QAE3C,kBAAY,GAAQ,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAA1B,CAA0B,CAAC;QAEtD,gBAAU,GAAQ,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAb,CAAa,CAAC;QAEvC,iBAAW,GAAQ,IAAI,CAAC;QAwCxB,cAAQ,GAAG;YACP,IAAA,SAAS,GAAK,KAAI,CAAC,KAAK,UAAf,CAAgB;YAEjC,IAAI,OAAO,SAAS,KAAK,WAAW,EAAE;gBAClC,IAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;gBACvD,IAAA,KAAG,GAAyC,YAAY,IAArD,EAAE,IAAI,GAAmC,YAAY,KAA/C,EAAE,MAAM,GAA2B,YAAY,OAAvC,EAAE,KAAK,GAAoB,YAAY,MAAhC,EAAE,KAAK,GAAa,YAAY,MAAzB,EAAE,MAAM,GAAK,YAAY,OAAjB,CAAkB;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,9 +14,15 @@ interface INumberFieldProps {
|
|
|
14
14
|
min?: number;
|
|
15
15
|
max?: number;
|
|
16
16
|
}
|
|
17
|
-
|
|
17
|
+
interface INumberFieldState {
|
|
18
|
+
error: boolean;
|
|
19
|
+
value: number;
|
|
20
|
+
}
|
|
21
|
+
declare class NumberField extends React.PureComponent<INumberFieldProps, INumberFieldState> {
|
|
18
22
|
private inputRef;
|
|
19
23
|
constructor(props: any);
|
|
24
|
+
componentDidMount(): void;
|
|
25
|
+
private validate;
|
|
20
26
|
private onChange;
|
|
21
27
|
private onSelectFocus;
|
|
22
28
|
private onSelectBlur;
|
|
@@ -47,11 +47,37 @@ var NumberField = /** @class */ (function (_super) {
|
|
|
47
47
|
__extends(NumberField, _super);
|
|
48
48
|
function NumberField(props) {
|
|
49
49
|
var _this = _super.call(this, props) || this;
|
|
50
|
+
_this.state = {
|
|
51
|
+
error: false,
|
|
52
|
+
value: _this.props.value
|
|
53
|
+
};
|
|
50
54
|
_this.inputRef = React.createRef();
|
|
51
55
|
return _this;
|
|
52
56
|
}
|
|
57
|
+
NumberField.prototype.componentDidMount = function () {
|
|
58
|
+
this.setState({
|
|
59
|
+
error: false,
|
|
60
|
+
value: this.props.value
|
|
61
|
+
});
|
|
62
|
+
};
|
|
63
|
+
NumberField.prototype.validate = function (e) {
|
|
64
|
+
var _a = this.props, max = _a.max, min = _a.min;
|
|
65
|
+
var val = e.target.value;
|
|
66
|
+
this.setState({ value: val });
|
|
67
|
+
if (min || max) {
|
|
68
|
+
if (val < min || val > max) {
|
|
69
|
+
this.setState({ error: true });
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
this.setState({ error: false });
|
|
73
|
+
this.onChange(e);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
else {
|
|
77
|
+
this.onChange(e);
|
|
78
|
+
}
|
|
79
|
+
};
|
|
53
80
|
NumberField.prototype.onChange = function (e) {
|
|
54
|
-
// return null vs an empty string
|
|
55
81
|
var val = e.target.value;
|
|
56
82
|
if (val === '') {
|
|
57
83
|
val = null;
|
|
@@ -77,16 +103,31 @@ var NumberField = /** @class */ (function (_super) {
|
|
|
77
103
|
};
|
|
78
104
|
NumberField.prototype.render = function () {
|
|
79
105
|
var _this = this;
|
|
106
|
+
var error = null;
|
|
80
107
|
var _a = this.props, label = _a.label, placeholder = _a.placeholder, width = _a.width, readOnly = _a.readOnly, buttons = _a.buttons, tooltip = _a.tooltip, info = _a.info, labelPosition = _a.labelPosition, min = _a.min, max = _a.max;
|
|
81
|
-
var value = this.
|
|
108
|
+
var value = this.state.value;
|
|
82
109
|
if (value === null) {
|
|
83
110
|
value = '';
|
|
84
111
|
}
|
|
85
|
-
|
|
112
|
+
if (this.state.error) {
|
|
113
|
+
if (min && !max) {
|
|
114
|
+
error = "Value must be greater than or equal to ".concat(min, ".");
|
|
115
|
+
}
|
|
116
|
+
else if (!min && max) {
|
|
117
|
+
error = "Value must be less than or equal to ".concat(max, ".");
|
|
118
|
+
}
|
|
119
|
+
else if (min && max) {
|
|
120
|
+
error = "Value must be between ".concat(min, " and ").concat(max, ".");
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
else {
|
|
124
|
+
error = info;
|
|
125
|
+
}
|
|
126
|
+
return (React.createElement(FieldWrapper_1.default, { customClass: "number-field ".concat(this.state.error ? 'invalid' : ''),
|
|
86
127
|
// draggableValue = {true}
|
|
87
128
|
// onDrag = {(v)=>this.handleLabelDrag(v)}
|
|
88
|
-
label: label, tooltip: tooltip, buttons: buttons, info:
|
|
89
|
-
React.createElement("input", { ref: this.inputRef, type: 'number', pattern: '/^-?(0|[1-9]\\d*)(\\.\\d+)?$/', placeholder: placeholder, value: value, readOnly: readOnly, min: min, max: max, onFocus: function () { return _this.onSelectFocus(); }, onBlur: function () { return _this.onSelectBlur(); }, onChange: function (e) { return _this.
|
|
129
|
+
label: label, tooltip: tooltip, buttons: buttons, info: error, labelPosition: labelPosition, width: width },
|
|
130
|
+
React.createElement("input", { ref: this.inputRef, type: 'number', pattern: '/^-?(0|[1-9]\\d*)(\\.\\d+)?$/', placeholder: placeholder, value: value, readOnly: readOnly, min: min, max: max, onFocus: function () { return _this.onSelectFocus(); }, onBlur: function () { return _this.onSelectBlur(); }, onChange: function (e) { return _this.validate(e); } })));
|
|
90
131
|
};
|
|
91
132
|
return NumberField;
|
|
92
133
|
}(React.PureComponent));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../../src/components/number-field/NumberField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+EAAyD;
|
|
1
|
+
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../../src/components/number-field/NumberField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -42,8 +42,9 @@ export default class ImposiumDropdown extends React.PureComponent {
|
|
|
42
42
|
if (typeof toggleRef !== 'undefined') {
|
|
43
43
|
const boundingRect = toggleRef.current.getBoundingClientRect();
|
|
44
44
|
const { top, left, bottom, right, width, height } = boundingRect;
|
|
45
|
-
const
|
|
46
|
-
const
|
|
45
|
+
const { scrollLeft, scrollTop } = document.documentElement;
|
|
46
|
+
const offsetX = scrollLeft;
|
|
47
|
+
const offsetY = scrollTop;
|
|
47
48
|
this.setState({
|
|
48
49
|
offset: {
|
|
49
50
|
top: top + offsetY,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAGnD;IACW,MAAM,CAAU,QAAQ,GAAW,EAAE,CAAC;IAEtC,aAAa,GAAQ,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;IAE3C,YAAY,GAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAEtD,UAAU,GAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAEvC,WAAW,GAAQ,IAAI,CAAC;IAEhC,YAAY,CAAC;QACT,KAAK,CAAC,CAAC,CAAC,CAAC;QAET,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,EAAE;SACb,CAAC;QAEF,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IACzC,CAAC;IAEM,kBAAkB,CAAC,SAA6B;QACnD,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;YACpC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE;gBAChC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;gBACtD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;gBACtD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;gBACxD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YACxD,CAAC,CAAC,CAAC;SACN;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,EAAE;YACpC,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACzD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YACzD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YAC3D,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;SAC1D;IACL,CAAC;IAEM,oBAAoB;QACvB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACzD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACzD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3D,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC3D,CAAC;IAEO,QAAQ,GAAG,GAAS,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEjC,IAAI,OAAO,SAAS,KAAK,WAAW,EAAE;YAClC,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;YAC/D,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC;YACjE,MAAM,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,9 +14,15 @@ interface INumberFieldProps {
|
|
|
14
14
|
min?: number;
|
|
15
15
|
max?: number;
|
|
16
16
|
}
|
|
17
|
-
|
|
17
|
+
interface INumberFieldState {
|
|
18
|
+
error: boolean;
|
|
19
|
+
value: number;
|
|
20
|
+
}
|
|
21
|
+
declare class NumberField extends React.PureComponent<INumberFieldProps, INumberFieldState> {
|
|
18
22
|
private inputRef;
|
|
19
23
|
constructor(props: any);
|
|
24
|
+
componentDidMount(): void;
|
|
25
|
+
private validate;
|
|
20
26
|
private onChange;
|
|
21
27
|
private onSelectFocus;
|
|
22
28
|
private onSelectBlur;
|
|
@@ -4,10 +4,36 @@ class NumberField extends React.PureComponent {
|
|
|
4
4
|
inputRef;
|
|
5
5
|
constructor(props) {
|
|
6
6
|
super(props);
|
|
7
|
+
this.state = {
|
|
8
|
+
error: false,
|
|
9
|
+
value: this.props.value
|
|
10
|
+
};
|
|
7
11
|
this.inputRef = React.createRef();
|
|
8
12
|
}
|
|
13
|
+
componentDidMount() {
|
|
14
|
+
this.setState({
|
|
15
|
+
error: false,
|
|
16
|
+
value: this.props.value
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
validate(e) {
|
|
20
|
+
const { max, min } = this.props;
|
|
21
|
+
const val = e.target.value;
|
|
22
|
+
this.setState({ value: val });
|
|
23
|
+
if (min || max) {
|
|
24
|
+
if (val < min || val > max) {
|
|
25
|
+
this.setState({ error: true });
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
this.setState({ error: false });
|
|
29
|
+
this.onChange(e);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
this.onChange(e);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
9
36
|
onChange(e) {
|
|
10
|
-
// return null vs an empty string
|
|
11
37
|
let val = e.target.value;
|
|
12
38
|
if (val === '') {
|
|
13
39
|
val = null;
|
|
@@ -32,16 +58,31 @@ class NumberField extends React.PureComponent {
|
|
|
32
58
|
this.props.onChange(newVal);
|
|
33
59
|
}
|
|
34
60
|
render() {
|
|
61
|
+
let error = null;
|
|
35
62
|
const { label, placeholder, width, readOnly, buttons, tooltip, info, labelPosition, min, max } = this.props;
|
|
36
|
-
let value = this.
|
|
63
|
+
let value = this.state.value;
|
|
37
64
|
if (value === null) {
|
|
38
65
|
value = '';
|
|
39
66
|
}
|
|
40
|
-
|
|
67
|
+
if (this.state.error) {
|
|
68
|
+
if (min && !max) {
|
|
69
|
+
error = `Value must be greater than or equal to ${min}.`;
|
|
70
|
+
}
|
|
71
|
+
else if (!min && max) {
|
|
72
|
+
error = `Value must be less than or equal to ${max}.`;
|
|
73
|
+
}
|
|
74
|
+
else if (min && max) {
|
|
75
|
+
error = `Value must be between ${min} and ${max}.`;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
error = info;
|
|
80
|
+
}
|
|
81
|
+
return (React.createElement(FieldWrapper, { customClass: `number-field ${this.state.error ? 'invalid' : ''}`,
|
|
41
82
|
// draggableValue = {true}
|
|
42
83
|
// onDrag = {(v)=>this.handleLabelDrag(v)}
|
|
43
|
-
label: label, tooltip: tooltip, buttons: buttons, info:
|
|
44
|
-
React.createElement("input", { ref: this.inputRef, type: 'number', pattern: '/^-?(0|[1-9]\\d*)(\\.\\d+)?$/', placeholder: placeholder, value: value, readOnly: readOnly, min: min, max: max, onFocus: () => this.onSelectFocus(), onBlur: () => this.onSelectBlur(), onChange: (e) => this.
|
|
84
|
+
label: label, tooltip: tooltip, buttons: buttons, info: error, labelPosition: labelPosition, width: width },
|
|
85
|
+
React.createElement("input", { ref: this.inputRef, type: 'number', pattern: '/^-?(0|[1-9]\\d*)(\\.\\d+)?$/', placeholder: placeholder, value: value, readOnly: readOnly, min: min, max: max, onFocus: () => this.onSelectFocus(), onBlur: () => this.onSelectBlur(), onChange: (e) => this.validate(e) })));
|
|
45
86
|
}
|
|
46
87
|
}
|
|
47
88
|
export default NumberField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../../src/components/number-field/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../../src/components/number-field/NumberField.tsx"],"names":[],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -1031,6 +1031,9 @@ body a {
|
|
|
1031
1031
|
resize: none;
|
|
1032
1032
|
padding-right: 25px;
|
|
1033
1033
|
}
|
|
1034
|
+
.form-field.invalid {
|
|
1035
|
+
color: #AF1126;
|
|
1036
|
+
}
|
|
1034
1037
|
.form-field label {
|
|
1035
1038
|
font-size: 12px;
|
|
1036
1039
|
line-height: 21px;
|
|
@@ -2170,6 +2173,7 @@ body a {
|
|
|
2170
2173
|
padding: 5px;
|
|
2171
2174
|
box-sizing: border-box;
|
|
2172
2175
|
background: #272727;
|
|
2176
|
+
width: 210px;
|
|
2173
2177
|
}
|
|
2174
2178
|
.shortcuts-menu table tr td {
|
|
2175
2179
|
font-size: 12px;
|
package/dist/styles.less
CHANGED
|
@@ -1094,6 +1094,10 @@ body{
|
|
|
1094
1094
|
padding-right:25px;
|
|
1095
1095
|
}
|
|
1096
1096
|
|
|
1097
|
+
&.invalid{
|
|
1098
|
+
color: @danger;
|
|
1099
|
+
}
|
|
1100
|
+
|
|
1097
1101
|
label{
|
|
1098
1102
|
font-size:@fontSizeSmall;
|
|
1099
1103
|
line-height:21px;
|
|
@@ -1104,7 +1108,7 @@ body{
|
|
|
1104
1108
|
text-align:right;
|
|
1105
1109
|
padding-right:@labelPadding;
|
|
1106
1110
|
box-sizing: border-box;
|
|
1107
|
-
|
|
1111
|
+
|
|
1108
1112
|
&.label-top{
|
|
1109
1113
|
width:100%;
|
|
1110
1114
|
text-align: left;
|
|
@@ -2151,7 +2155,7 @@ body{
|
|
|
2151
2155
|
padding: 5px;
|
|
2152
2156
|
box-sizing: border-box;
|
|
2153
2157
|
background: @background;
|
|
2154
|
-
|
|
2158
|
+
width: 210px;
|
|
2155
2159
|
table {
|
|
2156
2160
|
tr {
|
|
2157
2161
|
td {
|
|
@@ -61,6 +61,10 @@
|
|
|
61
61
|
padding-right:25px;
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
+
&.invalid{
|
|
65
|
+
color: @danger;
|
|
66
|
+
}
|
|
67
|
+
|
|
64
68
|
label{
|
|
65
69
|
font-size:@fontSizeSmall;
|
|
66
70
|
line-height:21px;
|
|
@@ -71,7 +75,7 @@
|
|
|
71
75
|
text-align:right;
|
|
72
76
|
padding-right:@labelPadding;
|
|
73
77
|
box-sizing: border-box;
|
|
74
|
-
|
|
78
|
+
|
|
75
79
|
&.label-top{
|
|
76
80
|
width:100%;
|
|
77
81
|
text-align: left;
|
package/package.json
CHANGED
|
@@ -71,8 +71,9 @@ export default class ImposiumDropdown extends React.PureComponent<
|
|
|
71
71
|
if (typeof toggleRef !== 'undefined') {
|
|
72
72
|
const boundingRect = toggleRef.current.getBoundingClientRect();
|
|
73
73
|
const { top, left, bottom, right, width, height } = boundingRect;
|
|
74
|
-
const
|
|
75
|
-
const
|
|
74
|
+
const { scrollLeft, scrollTop } = document.documentElement;
|
|
75
|
+
const offsetX = scrollLeft;
|
|
76
|
+
const offsetY = scrollTop;
|
|
76
77
|
|
|
77
78
|
this.setState({
|
|
78
79
|
offset: {
|
|
@@ -17,17 +17,47 @@ interface INumberFieldProps {
|
|
|
17
17
|
max?: number;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
interface INumberFieldState {
|
|
21
|
+
error: boolean;
|
|
22
|
+
value: number;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
class NumberField extends React.PureComponent<INumberFieldProps, INumberFieldState> {
|
|
21
26
|
private inputRef: any;
|
|
22
27
|
|
|
23
28
|
constructor(props) {
|
|
24
29
|
super(props);
|
|
25
|
-
|
|
30
|
+
this.state = {
|
|
31
|
+
error: false,
|
|
32
|
+
value: this.props.value
|
|
33
|
+
};
|
|
26
34
|
this.inputRef = React.createRef();
|
|
27
35
|
}
|
|
28
36
|
|
|
37
|
+
public componentDidMount(): void {
|
|
38
|
+
this.setState({
|
|
39
|
+
error: false,
|
|
40
|
+
value: this.props.value
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
private validate(e) {
|
|
45
|
+
const { max, min } = this.props;
|
|
46
|
+
const val = e.target.value;
|
|
47
|
+
this.setState({ value: val });
|
|
48
|
+
if (min || max) {
|
|
49
|
+
if (val < min || val > max) {
|
|
50
|
+
this.setState({ error: true });
|
|
51
|
+
} else {
|
|
52
|
+
this.setState({ error: false });
|
|
53
|
+
this.onChange(e);
|
|
54
|
+
}
|
|
55
|
+
} else {
|
|
56
|
+
this.onChange(e);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
29
60
|
private onChange(e) {
|
|
30
|
-
// return null vs an empty string
|
|
31
61
|
let val = e.target.value;
|
|
32
62
|
if (val === '') {
|
|
33
63
|
val = null;
|
|
@@ -56,6 +86,8 @@ class NumberField extends React.PureComponent<INumberFieldProps> {
|
|
|
56
86
|
}
|
|
57
87
|
|
|
58
88
|
public render() {
|
|
89
|
+
let error: string = null;
|
|
90
|
+
|
|
59
91
|
const {
|
|
60
92
|
label,
|
|
61
93
|
placeholder,
|
|
@@ -68,20 +100,32 @@ class NumberField extends React.PureComponent<INumberFieldProps> {
|
|
|
68
100
|
min,
|
|
69
101
|
max
|
|
70
102
|
} = this.props;
|
|
71
|
-
let value: any = this.
|
|
103
|
+
let value: any = this.state.value;
|
|
72
104
|
if (value === null) {
|
|
73
105
|
value = '';
|
|
74
106
|
}
|
|
75
107
|
|
|
108
|
+
if (this.state.error) {
|
|
109
|
+
if (min && !max) {
|
|
110
|
+
error = `Value must be greater than or equal to ${min}.`;
|
|
111
|
+
} else if (!min && max) {
|
|
112
|
+
error = `Value must be less than or equal to ${max}.`;
|
|
113
|
+
} else if (min && max) {
|
|
114
|
+
error = `Value must be between ${min} and ${max}.`;
|
|
115
|
+
}
|
|
116
|
+
} else {
|
|
117
|
+
error = info;
|
|
118
|
+
}
|
|
119
|
+
|
|
76
120
|
return (
|
|
77
121
|
<FieldWrapper
|
|
78
|
-
customClass=
|
|
122
|
+
customClass={`number-field ${this.state.error ? 'invalid' : ''}`}
|
|
79
123
|
// draggableValue = {true}
|
|
80
124
|
// onDrag = {(v)=>this.handleLabelDrag(v)}
|
|
81
125
|
label={label}
|
|
82
126
|
tooltip={tooltip}
|
|
83
127
|
buttons={buttons}
|
|
84
|
-
info={
|
|
128
|
+
info={error}
|
|
85
129
|
labelPosition={labelPosition}
|
|
86
130
|
width={width}>
|
|
87
131
|
<input
|
|
@@ -95,7 +139,7 @@ class NumberField extends React.PureComponent<INumberFieldProps> {
|
|
|
95
139
|
max={max}
|
|
96
140
|
onFocus={() => this.onSelectFocus()}
|
|
97
141
|
onBlur={() => this.onSelectBlur()}
|
|
98
|
-
onChange={(e) => this.
|
|
142
|
+
onChange={(e) => this.validate(e)}
|
|
99
143
|
/>
|
|
100
144
|
</FieldWrapper>
|
|
101
145
|
);
|