@desynova-digital/components 9.1.11 → 9.1.13

package/atoms/timeCodeInput/timeCodeInput.js

@@ -17,14 +17,14 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 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); }
 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; }
 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) {
-  return props.isError ? '#FFFFFF' : '#FF6C56';
+  return props.isError ? '#FFFFFF' : props.errorStatement.length > 0 ? '#FF6C56' : '#FFFFFF';
 }, function (props) {
   return props.theme ? "".concat(_tokens.colors[props.theme].timeCodeInput.rgbthemeColor) : 'rgb(0 206 198)';
 }, function (props) {
   return props.width ? props.width : '72px';
 }, function (props) {
   var _props$name, _props$name2;
-  return !props.isError && ((_props$name = props.name) === null || _props$name === void 0 ? void 0 : _props$name.length) > 0 ? '1px solid #FF6C56' : ((_props$name2 = props.name) === null || _props$name2 === void 0 ? void 0 : _props$name2.length) > 0 ? '1px solid #303F51' : '0px';
+  return !props.isError && ((_props$name = props.name) === null || _props$name === void 0 ? void 0 : _props$name.length) > 0 ? props.errorStatement.length > 0 ? '1px solid #FF6C56' : '1px solid #303F51' : ((_props$name2 = props.name) === null || _props$name2 === void 0 ? void 0 : _props$name2.length) > 0 ? '1px solid #303F51' : '0px';
 });
 var CrossIconWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  margin-top: 5px;\n  width: fit-content;\n  &:hover {\n    cursor: pointer;\n  }\n  svg path {\n    fill: #FF6C56;\n  }\n"])));
 var StyledDiv = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  gap: 10px;\n"])));
@@ -99,12 +99,18 @@ var TimeCodeInput = function TimeCodeInput(_ref) {
         if (selectedValueTime >= initialTime && selectedValueTime <= endTime && !customValidity) {
           setIsValid(true);
           return true;
-        } else if (customValidity) {
+        }
+        if (customValidity) {
           var val = customValidityFn(inputFieldType, value);
           setIsValid(val);
           return val;
         }
       }
+      if (customValidity) {
+        var _val = customValidityFn(inputFieldType, value);
+        setIsValid(_val);
+        return _val;
+      }
     }
     setIsValid(false);
     return isValid;
@@ -139,8 +145,13 @@ var TimeCodeInput = function TimeCodeInput(_ref) {
   var onChangeFn = function onChangeFn(e) {
     onTimePickerChange(e.target.value, e);
     checkIfTimeValid(e.target.value);
-    if (checkIfTimeValid(e.target.value)) {
-      updateFormDataExternally(inputFieldType, e.target.value);
+    // if(checkIfTimeValid(e.target.value)) {
+    updateFormDataExternally(inputFieldType, e.target.value);
+    // }
+  };
+  var timecodeBlur = function timecodeBlur(val) {
+    if (checkIfTimeValid(val)) {
+      // updateFormDataExternally(inputFieldType, val);
     }
   };
   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, {
@@ -156,13 +167,13 @@ var TimeCodeInput = function TimeCodeInput(_ref) {
     ref: elementRef,
     value: customInputValue,
     onFocus: onFocus,
-    onBlur: onBlur,
     onKeyDown: onKeyDown,
     onChange: function onChange(e) {
       return onChangeFn(e);
     },
     isError: isValid,
-    maxLength: "11"
+    maxLength: "11",
+    errorStatement: errorStatement || ''
   }), showError && errorStatement.length > 0 && /*#__PURE__*/_react["default"].createElement(ErrorContainer, {
     inputFieldType: inputFieldType
   }, " ", errorStatement));

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@desynova-digital/components",
-  "version": "9.1.11",
+  "version": "9.1.13",
   "description": "Components for Desynova Digital",
   "main": "index.js",
   "author": "desynova-digital",
   "license": "MIT",
   "repository": "desynova-digital",
   "dependencies": {
-    "@desynova-digital/tokens": "9.1.11",
+    "@desynova-digital/tokens": "9.1.13",
     "prop-types": "^15.7.2",
     "styled-components": "^4.3.2"
   },