@imposium-hub/components 2.5.10-8 → 2.5.10-9
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/smpte-field/SMPTEField.d.ts +2 -1
- package/dist/cjs/components/smpte-field/SMPTEField.js +9 -3
- package/dist/cjs/components/smpte-field/SMPTEField.js.map +1 -1
- package/dist/esm/components/smpte-field/SMPTEField.d.ts +2 -1
- package/dist/esm/components/smpte-field/SMPTEField.js +9 -3
- package/dist/esm/components/smpte-field/SMPTEField.js.map +1 -1
- package/dist/styles.css +6 -0
- package/dist/styles.less +8 -0
- package/less/components/data-table.less +4 -0
- package/less/components/form-field.less +4 -0
- package/package.json +1 -1
- package/src/components/smpte-field/SMPTEField.tsx +8 -3
|
@@ -8,6 +8,7 @@ interface ISMPTEFieldProps {
|
|
|
8
8
|
width?: string | number;
|
|
9
9
|
onChange?(e: any): void;
|
|
10
10
|
onBlur?(e: any): void;
|
|
11
|
+
onError?(e: any): void;
|
|
11
12
|
info?: string;
|
|
12
13
|
labelPosition?: string;
|
|
13
14
|
labelWidth?: string | number;
|
|
@@ -28,7 +29,7 @@ declare class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFie
|
|
|
28
29
|
private onBlur;
|
|
29
30
|
private onChange;
|
|
30
31
|
private setDuration;
|
|
31
|
-
private
|
|
32
|
+
private SMTPEValidator;
|
|
32
33
|
render(): React.JSX.Element;
|
|
33
34
|
}
|
|
34
35
|
export default SMPTEField;
|
|
@@ -86,7 +86,7 @@ var SMPTEField = /** @class */ (function (_super) {
|
|
|
86
86
|
};
|
|
87
87
|
SMPTEField.prototype.onBlur = function (e) {
|
|
88
88
|
var val = e ? e.target.value : this.inputRef.current.value;
|
|
89
|
-
var isValid = this.
|
|
89
|
+
var isValid = this.SMTPEValidator(val);
|
|
90
90
|
if (e && e.key === 'Enter') {
|
|
91
91
|
this.setDuration(isValid, val);
|
|
92
92
|
}
|
|
@@ -96,10 +96,13 @@ var SMPTEField = /** @class */ (function (_super) {
|
|
|
96
96
|
};
|
|
97
97
|
SMPTEField.prototype.onChange = function () {
|
|
98
98
|
var val = this.inputRef.current.value;
|
|
99
|
-
var isValid = this.
|
|
99
|
+
var isValid = this.SMTPEValidator(val);
|
|
100
100
|
if (isValid) {
|
|
101
101
|
this.props.onChange(val);
|
|
102
102
|
}
|
|
103
|
+
else {
|
|
104
|
+
this.props.onError(isValid);
|
|
105
|
+
}
|
|
103
106
|
};
|
|
104
107
|
SMPTEField.prototype.setDuration = function (isValid, val) {
|
|
105
108
|
var frameRate = this.props.frameRate;
|
|
@@ -108,9 +111,12 @@ var SMPTEField = /** @class */ (function (_super) {
|
|
|
108
111
|
if (smpte && this.props.onBlur) {
|
|
109
112
|
this.props.onBlur(smpte);
|
|
110
113
|
}
|
|
114
|
+
else {
|
|
115
|
+
this.props.onError(isValid);
|
|
116
|
+
}
|
|
111
117
|
}
|
|
112
118
|
};
|
|
113
|
-
SMPTEField.prototype.
|
|
119
|
+
SMPTEField.prototype.SMTPEValidator = function (val) {
|
|
114
120
|
var isValidSMPTETimeCode = new RegExp(this.regex);
|
|
115
121
|
var isValid = isValidSMPTETimeCode.test(val);
|
|
116
122
|
var errorMsg = isValid ? null : timecode_1.TIMECODE.ERROR;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SMPTEField.js","sourceRoot":"","sources":["../../../../src/components/smpte-field/SMPTEField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+EAAyD;AAEzD,qDAAoD;AACpD,mCAAsC;
|
|
1
|
+
{"version":3,"file":"SMPTEField.js","sourceRoot":"","sources":["../../../../src/components/smpte-field/SMPTEField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ interface ISMPTEFieldProps {
|
|
|
8
8
|
width?: string | number;
|
|
9
9
|
onChange?(e: any): void;
|
|
10
10
|
onBlur?(e: any): void;
|
|
11
|
+
onError?(e: any): void;
|
|
11
12
|
info?: string;
|
|
12
13
|
labelPosition?: string;
|
|
13
14
|
labelWidth?: string | number;
|
|
@@ -28,7 +29,7 @@ declare class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFie
|
|
|
28
29
|
private onBlur;
|
|
29
30
|
private onChange;
|
|
30
31
|
private setDuration;
|
|
31
|
-
private
|
|
32
|
+
private SMTPEValidator;
|
|
32
33
|
render(): React.JSX.Element;
|
|
33
34
|
}
|
|
34
35
|
export default SMPTEField;
|
|
@@ -42,7 +42,7 @@ class SMPTEField extends React.PureComponent {
|
|
|
42
42
|
}
|
|
43
43
|
onBlur(e) {
|
|
44
44
|
const val = e ? e.target.value : this.inputRef.current.value;
|
|
45
|
-
const isValid = this.
|
|
45
|
+
const isValid = this.SMTPEValidator(val);
|
|
46
46
|
if (e && e.key === 'Enter') {
|
|
47
47
|
this.setDuration(isValid, val);
|
|
48
48
|
}
|
|
@@ -52,10 +52,13 @@ class SMPTEField extends React.PureComponent {
|
|
|
52
52
|
}
|
|
53
53
|
onChange() {
|
|
54
54
|
const val = this.inputRef.current.value;
|
|
55
|
-
const isValid = this.
|
|
55
|
+
const isValid = this.SMTPEValidator(val);
|
|
56
56
|
if (isValid) {
|
|
57
57
|
this.props.onChange(val);
|
|
58
58
|
}
|
|
59
|
+
else {
|
|
60
|
+
this.props.onError(isValid);
|
|
61
|
+
}
|
|
59
62
|
}
|
|
60
63
|
setDuration(isValid, val) {
|
|
61
64
|
const { frameRate } = this.props;
|
|
@@ -64,9 +67,12 @@ class SMPTEField extends React.PureComponent {
|
|
|
64
67
|
if (smpte && this.props.onBlur) {
|
|
65
68
|
this.props.onBlur(smpte);
|
|
66
69
|
}
|
|
70
|
+
else {
|
|
71
|
+
this.props.onError(isValid);
|
|
72
|
+
}
|
|
67
73
|
}
|
|
68
74
|
}
|
|
69
|
-
|
|
75
|
+
SMTPEValidator(val) {
|
|
70
76
|
const isValidSMPTETimeCode = new RegExp(this.regex);
|
|
71
77
|
const isValid = isValidSMPTETimeCode.test(val);
|
|
72
78
|
const errorMsg = isValid ? null : TIMECODE.ERROR;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SMPTEField.js","sourceRoot":"","sources":["../../../../src/components/smpte-field/SMPTEField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"SMPTEField.js","sourceRoot":"","sources":["../../../../src/components/smpte-field/SMPTEField.tsx"],"names":[],"mappings":"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"}
|
package/dist/styles.css
CHANGED
|
@@ -1077,6 +1077,9 @@ body a {
|
|
|
1077
1077
|
border-top: 0;
|
|
1078
1078
|
background-color: #242424;
|
|
1079
1079
|
}
|
|
1080
|
+
.ip-table-wrapper .ip-table-pagination input[type=number] {
|
|
1081
|
+
-moz-appearance: textfield;
|
|
1082
|
+
}
|
|
1080
1083
|
.ip-table-wrapper .ip-table-pagination .paginator-input {
|
|
1081
1084
|
display: inline-block;
|
|
1082
1085
|
background: #1d1d1d;
|
|
@@ -1258,6 +1261,9 @@ body a {
|
|
|
1258
1261
|
.form-field textarea:disabled:hover {
|
|
1259
1262
|
background: #1d1d1d;
|
|
1260
1263
|
}
|
|
1264
|
+
.form-field input[type=number] {
|
|
1265
|
+
-moz-appearance: textfield;
|
|
1266
|
+
}
|
|
1261
1267
|
.form-field textarea {
|
|
1262
1268
|
height: 60px;
|
|
1263
1269
|
resize: none;
|
package/dist/styles.less
CHANGED
|
@@ -1246,6 +1246,10 @@ body{
|
|
|
1246
1246
|
border-top: 0;
|
|
1247
1247
|
background-color: darken(@background, 1%);
|
|
1248
1248
|
|
|
1249
|
+
input[type=number] {
|
|
1250
|
+
-moz-appearance: textfield;
|
|
1251
|
+
}
|
|
1252
|
+
|
|
1249
1253
|
.paginator-input {
|
|
1250
1254
|
.inputMixin;
|
|
1251
1255
|
width: 60px;
|
|
@@ -1375,6 +1379,10 @@ body{
|
|
|
1375
1379
|
padding:4px;
|
|
1376
1380
|
}
|
|
1377
1381
|
|
|
1382
|
+
input[type=number] {
|
|
1383
|
+
-moz-appearance: textfield;
|
|
1384
|
+
}
|
|
1385
|
+
|
|
1378
1386
|
textarea{
|
|
1379
1387
|
height:@inputHeight * 3;
|
|
1380
1388
|
resize:none;
|
package/package.json
CHANGED
|
@@ -12,6 +12,7 @@ interface ISMPTEFieldProps {
|
|
|
12
12
|
width?: string | number;
|
|
13
13
|
onChange?(e): void;
|
|
14
14
|
onBlur?(e): void;
|
|
15
|
+
onError?(e): void;
|
|
15
16
|
info?: string;
|
|
16
17
|
labelPosition?: string;
|
|
17
18
|
labelWidth?: string | number;
|
|
@@ -75,7 +76,7 @@ class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFieldState>
|
|
|
75
76
|
|
|
76
77
|
private onBlur(e?) {
|
|
77
78
|
const val = e ? e.target.value : this.inputRef.current.value;
|
|
78
|
-
const isValid = this.
|
|
79
|
+
const isValid = this.SMTPEValidator(val);
|
|
79
80
|
|
|
80
81
|
if (e && e.key === 'Enter') {
|
|
81
82
|
this.setDuration(isValid, val);
|
|
@@ -88,10 +89,12 @@ class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFieldState>
|
|
|
88
89
|
|
|
89
90
|
private onChange() {
|
|
90
91
|
const val = this.inputRef.current.value;
|
|
91
|
-
const isValid = this.
|
|
92
|
+
const isValid = this.SMTPEValidator(val);
|
|
92
93
|
|
|
93
94
|
if (isValid) {
|
|
94
95
|
this.props.onChange(val);
|
|
96
|
+
} else {
|
|
97
|
+
this.props.onError(isValid);
|
|
95
98
|
}
|
|
96
99
|
}
|
|
97
100
|
|
|
@@ -101,11 +104,13 @@ class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFieldState>
|
|
|
101
104
|
const smpte = getSMPTE(frameRate, val);
|
|
102
105
|
if (smpte && this.props.onBlur) {
|
|
103
106
|
this.props.onBlur(smpte);
|
|
107
|
+
} else {
|
|
108
|
+
this.props.onError(isValid);
|
|
104
109
|
}
|
|
105
110
|
}
|
|
106
111
|
}
|
|
107
112
|
|
|
108
|
-
private
|
|
113
|
+
private SMTPEValidator(val) {
|
|
109
114
|
const isValidSMPTETimeCode = new RegExp(this.regex);
|
|
110
115
|
const isValid = isValidSMPTETimeCode.test(val);
|
|
111
116
|
const errorMsg = isValid ? null : TIMECODE.ERROR;
|