@desynova-digital/components 9.1.24 → 9.1.25

package/_helpers/utils.js

@@ -62,19 +62,17 @@ var convertHHMMSSFF_to_HHMMSSmmm = exports.convertHHMMSSFF_to_HHMMSSmmm = functi
     _map2$4 = _map2[3],
     ff = _map2$4 === void 0 ? 0 : _map2$4;
   var totalMs = ff * (1000 / parseInt(fps));
-  var mmm = Math.min(upperLimit, Math.floor(totalMs)).toString().padStart(3, "0");
+  var mmm = Math.min(upperLimit, Math.ceil(totalMs)).toString().padStart(3, "0");
   return "".concat(hh.toString().padStart(2, "0"), ":").concat(mm.toString().padStart(2, "0"), ":").concat(ss.toString().padStart(2, "0"), ".").concat(mmm);
 };
 var convertHHMMSSmmm_to_HHMMSSFF = exports.convertHHMMSSmmm_to_HHMMSSFF = function convertHHMMSSmmm_to_HHMMSSFF(timecode) {
   var fps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 25;
   if (!timecode) return "00:00:00:00";
-
-  // Split milliseconds if present
   var _timecode$split3 = timecode.split("."),
     _timecode$split4 = (0, _slicedToArray2["default"])(_timecode$split3, 2),
     mainTime = _timecode$split4[0],
     _timecode$split4$ = _timecode$split4[1],
-    msPart = _timecode$split4$ === void 0 ? 0 : _timecode$split4$;
+    msPart = _timecode$split4$ === void 0 ? "000" : _timecode$split4$;
   var parts = mainTime.split(":").map(Number);
   var _parts = (0, _slicedToArray2["default"])(parts, 3),
     _parts$ = _parts[0],
@@ -83,7 +81,7 @@ var convertHHMMSSmmm_to_HHMMSSFF = exports.convertHHMMSSmmm_to_HHMMSSFF = functi
     mm = _parts$2 === void 0 ? 0 : _parts$2,
     _parts$3 = _parts[2],
     ss = _parts$3 === void 0 ? 0 : _parts$3;
-  var mmm = parseInt(msPart, 10); // ensure 3 digits
+  var mmm = parseInt(msPart.padEnd(3, "0").slice(0, 3), 10); // ensure exactly 3 digits
 
   var clampedMs = Math.min(Math.max(mmm, 0), 999);
   var frame = Math.ceil(clampedMs / 1000 * fps);

package/atoms/timeCodeInput/timeCodeMSInput.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 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  color: ", ";\n  text-align: left;\n  padding: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  &:hover {\n    color: ", ";\n  }\n    max-width: 83px;\n  /* width: ", "; */\n  border-bottom: ", ";\n  padding-bottom: 1px;\n"])), function (props) {
+var StyledInput = _styledComponents["default"].input(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  font-family: SFUIText-Regular;\n  font-size: 12px;\n  /* color: ", "; */\n  color: ", ";\n  text-align: left;\n  padding: 0;\n  border: none;\n  outline: none;\n  background: transparent;\n  &:hover {\n    color: ", ";\n  }\n    max-width: 79px;\n  /* width: ", "; */\n  border-bottom: ", ";\n  padding-bottom: 1px;\n"])), function (props) {
   return props.isValid ? "#FFFFFF" : props.errorStatement.length > 0 || props.checkBaiscErrorProp ? "#FF6C56" : "#FFFFFF";
 }, function (props) {
   return props.isValid ? "#FFFFFF" : "#FF6C56";
@@ -132,8 +132,13 @@ var TimeCodeMSInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         document.activeElement.blur();
       }
     };
+    var isHHMMSSmmm = /^\d{2}:\d{2}:\d{2}\.\d{1,3}$/.test(inputValue);
     if (inputValue) {
-      checkIfTimeValid((0, _utils.convertHHMMSSmmm_to_HHMMSSFF)(inputValue, frameRate));
+      if (isHHMMSSmmm) {
+        checkIfTimeValid((0, _utils.convertHHMMSSmmm_to_HHMMSSFF)(inputValue, frameRate));
+      } else {
+        checkIfTimeValid(inputValue);
+      }
     }
     setCustomInputValue((0, _utils.convertHHMMSSFF_to_HHMMSSmmm)(inputValue, frameRate));
     document.addEventListener("keydown", handleEscapeKey);

package/atoms/timeCodeInput/timeCodeStandardInput.js

@@ -140,8 +140,13 @@ var TimeCodeStandardInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
         document.activeElement.blur();
       }
     };
+    var isHHMMSS = /^\d{2}:\d{2}:\d{2}$/.test(inputValue);
     if (inputValue) {
-      checkIfTimeValid((0, _utils.convertHHMMSS_to_HHMMSSFF)(inputValue, frameRate));
+      if (isHHMMSS) {
+        checkIfTimeValid((0, _utils.convertHHMMSS_to_HHMMSSFF)(inputValue, frameRate));
+      } else {
+        checkIfTimeValid(inputValue);
+      }
     }
     setCustomInputValue((0, _utils.convertHHMMSSFF_to_HHMMSS)(inputValue, frameRate));
     document.addEventListener("keydown", handleEscapeKey);

package/package.json

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