@desynova-digital/components 9.1.13 → 9.1.15
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.
|
@@ -17,7 +17,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
|
|
|
17
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
18
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
19
19
|
var StyledInput = _styledComponents["default"].input(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n font-family: SFUIText-Regular;\n font-size: 12px;\n color: ", ";\n text-align: left;\n padding: 0;\n border: none;\n outline: none;\n background: transparent;\n &:hover {\n color: ", ";\n }\n width: ", ";\n border-bottom:", ";\n padding-bottom: 1px; \n"])), function (props) {
|
|
20
|
-
return props.isError ? '#FFFFFF' : props.errorStatement.length > 0 ? '#FF6C56' : '#FFFFFF';
|
|
20
|
+
return props.isError ? '#FFFFFF' : props.errorStatement.length > 0 || props.checkBaiscErrorProp ? '#FF6C56' : '#FFFFFF';
|
|
21
21
|
}, function (props) {
|
|
22
22
|
return props.theme ? "".concat(_tokens.colors[props.theme].timeCodeInput.rgbthemeColor) : 'rgb(0 206 198)';
|
|
23
23
|
}, function (props) {
|
|
@@ -53,7 +53,9 @@ var TimeCodeInput = function TimeCodeInput(_ref) {
|
|
|
53
53
|
_ref$errorStatement = _ref.errorStatement,
|
|
54
54
|
errorStatement = _ref$errorStatement === void 0 ? '' : _ref$errorStatement,
|
|
55
55
|
updateFormDataExternally = _ref.updateFormDataExternally,
|
|
56
|
-
inputTitle = _ref.inputTitle
|
|
56
|
+
inputTitle = _ref.inputTitle,
|
|
57
|
+
_ref$checkBaiscError = _ref.checkBaiscError,
|
|
58
|
+
checkBaiscError = _ref$checkBaiscError === void 0 ? false : _ref$checkBaiscError;
|
|
57
59
|
var _useState = (0, _react.useState)(inputValue || '00:00:00:00'),
|
|
58
60
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
59
61
|
customInputValue = _useState2[0],
|
|
@@ -146,13 +148,10 @@ var TimeCodeInput = function TimeCodeInput(_ref) {
|
|
|
146
148
|
onTimePickerChange(e.target.value, e);
|
|
147
149
|
checkIfTimeValid(e.target.value);
|
|
148
150
|
// if(checkIfTimeValid(e.target.value)) {
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
};
|
|
152
|
-
var timecodeBlur = function timecodeBlur(val) {
|
|
153
|
-
if (checkIfTimeValid(val)) {
|
|
154
|
-
// updateFormDataExternally(inputFieldType, val);
|
|
151
|
+
if (e.target.value.length) {
|
|
152
|
+
updateFormDataExternally(inputFieldType, e.target.value);
|
|
155
153
|
}
|
|
154
|
+
// }
|
|
156
155
|
};
|
|
157
156
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledDiv, null, inputTitle && /*#__PURE__*/_react["default"].createElement(InputHeading, null, inputTitle), showCross && /*#__PURE__*/_react["default"].createElement(CrossIconWrapper, {
|
|
158
157
|
onClick: crossClicked
|
|
@@ -170,9 +169,12 @@ var TimeCodeInput = function TimeCodeInput(_ref) {
|
|
|
170
169
|
onKeyDown: onKeyDown,
|
|
171
170
|
onChange: function onChange(e) {
|
|
172
171
|
return onChangeFn(e);
|
|
173
|
-
}
|
|
172
|
+
}
|
|
173
|
+
// onBlur={(e) => timecodeBlur(e.target.value)}
|
|
174
|
+
,
|
|
174
175
|
isError: isValid,
|
|
175
176
|
maxLength: "11",
|
|
177
|
+
checkBaiscErrorProp: checkBaiscError || false,
|
|
176
178
|
errorStatement: errorStatement || ''
|
|
177
179
|
}), showError && errorStatement.length > 0 && /*#__PURE__*/_react["default"].createElement(ErrorContainer, {
|
|
178
180
|
inputFieldType: inputFieldType
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@desynova-digital/components",
|
|
3
|
-
"version": "9.1.
|
|
3
|
+
"version": "9.1.15",
|
|
4
4
|
"description": "Components for Desynova Digital",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"author": "desynova-digital",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"repository": "desynova-digital",
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@desynova-digital/tokens": "9.1.
|
|
10
|
+
"@desynova-digital/tokens": "9.1.15",
|
|
11
11
|
"prop-types": "^15.7.2",
|
|
12
12
|
"styled-components": "^4.3.2"
|
|
13
13
|
},
|