@activecollab/components 1.0.370 → 1.0.371

package/dist/index.js

@@ -15808,7 +15808,7 @@
           setCurrentValue(e.target.value);
           typeof onSave === "function" && onSave(e);
         } else {
-          !allowEmptyString ? setCurrentValue(prevValue) : typeof onSave === "function" && onSave(e);
+          !allowEmptyString ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
         }
       }
     }, [allowEmptyString, onSave, prevValue]);
@@ -15929,7 +15929,7 @@
     return !Number.isInteger(num);
   };
 
-  var _excluded$c = ["value", "onCancel", "onSave", "inputProps", "allowEmptyValue", "withLeadingZero", "validation"];
+  var _excluded$c = ["value", "onCancel", "onSave", "inputProps", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement"];
   var EditableHours = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _ref$value = _ref.value,
       value = _ref$value === void 0 ? 0 : _ref$value,
@@ -15943,6 +15943,10 @@
       validation = _ref$validation === void 0 ? function () {
         return true;
       } : _ref$validation,
+      _ref$incrementOnlySel = _ref.incrementOnlySelected,
+      incrementOnlySelected = _ref$incrementOnlySel === void 0 ? false : _ref$incrementOnlySel,
+      _ref$minuteIncrement = _ref.minuteIncrement,
+      minuteIncrement = _ref$minuteIncrement === void 0 ? 1 : _ref$minuteIncrement,
       rest = _objectWithoutProperties(_ref, _excluded$c);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
@@ -15987,7 +15991,7 @@
           setCurrentValue(_value);
           typeof onSave === "function" && onSave(e);
         } else {
-          !allowEmptyValue ? setCurrentValue(prevValue) : typeof onSave === "function" && onSave(e);
+          !allowEmptyValue ? setCurrentValue(prevValue) : typeof onSave === "function" && prevValue !== e.target.value && onSave(e);
         }
       }
     }, [allowEmptyValue, onSave, prevValue, withLeadingZero]);
@@ -15996,28 +16000,46 @@
         var selectionStart = inputRef.current.selectionStart;
         if (selectionStart !== null) {
           var dotsIndex = currentValue.indexOf(":");
-          var newValue = "";
+          var _currentValue$split$m = currentValue.split(":").map(Number),
+            _currentValue$split$m2 = _slicedToArray(_currentValue$split$m, 2),
+            hours = _currentValue$split$m2[0],
+            minutes = _currentValue$split$m2[1];
+          var newHours = hours;
+          var newMinutes = minutes;
           if (selectionStart < dotsIndex) {
-            var hours = parseInt(currentValue.substring(0, dotsIndex), 10);
-            var newHours = increment ? hours + 1 : hours - 1;
-            if (newHours >= 0) {
-              newValue = "".concat(newHours < 10 ? "0" : "").concat(newHours, ":").concat(currentValue.substring(dotsIndex + 1));
+            if (increment) {
+              newHours += 1;
+            } else {
+              newHours -= 1;
+              if (newHours < 0) newHours = 0;
             }
           } else if (selectionStart > dotsIndex) {
-            var minutes = parseInt(currentValue.substring(dotsIndex + 1), 10);
-            var newMinutes = increment ? minutes + 1 : minutes - 1;
-            if (newMinutes >= 0 && newMinutes < 60) {
-              newValue = "".concat(currentValue.substring(0, dotsIndex + 1)).concat(newMinutes < 10 ? "0" : "").concat(newMinutes);
+            if (increment) {
+              newMinutes += minuteIncrement;
+              if (newMinutes > 59) {
+                newMinutes = 0;
+                if (!incrementOnlySelected) newHours += 1;
+              }
+            } else {
+              if (newMinutes >= minuteIncrement || newMinutes === 0) {
+                newMinutes -= minuteIncrement;
+                if (newMinutes < 0 && newHours > 0) {
+                  newMinutes = 60 - minuteIncrement;
+                  if (!incrementOnlySelected) newHours -= 1;
+                }
+                if (newHours < 0) {
+                  newHours = 0;
+                }
+              } else {
+                newMinutes = 0;
+              }
             }
           }
-          if (newValue && validation(newValue)) {
+          var newMinutesString = newMinutes < 10 ? "0".concat(newMinutes) : newMinutes;
+          var newHoursString = withLeadingZero && newHours < 10 ? "0".concat(newHours) : newHours;
+          var newValue = "".concat(newHoursString, ":").concat(newMinutesString);
+          if (validation(newValue)) {
             setCurrentValue(newValue);
-            if (onSave) {
-              onSave(new Event("input", {
-                bubbles: true,
-                cancelable: true
-              }));
-            }
             requestAnimationFrame(function () {
               var _inputRef$current;
               var newDotsIndex = newValue.indexOf(":");
@@ -16029,11 +16051,17 @@
           }
         }
       }
-    }, [currentValue, inputRef, onSave, validation]);
+    }, [currentValue, incrementOnlySelected, minuteIncrement, validation, withLeadingZero]);
     var handleKeyDown = React.useCallback(function (e) {
       if (e.key === "Enter") {
         e.target.blur();
       }
+      if (e.key === "ArrowLeft") {
+        return;
+      }
+      if (e.key === "ArrowRight") {
+        return;
+      }
       if (e.key === "Escape") {
         escapeRef.current = true;
         e.target.blur();
@@ -16107,6 +16135,12 @@
         }
       }
     };
+    var handleDoubleClick = function handleDoubleClick() {
+      if (inputRef.current) {
+        var _inputRef$current7;
+        (_inputRef$current7 = inputRef.current) === null || _inputRef$current7 === void 0 ? void 0 : _inputRef$current7.setSelectionRange(0, currentValue.length);
+      }
+    };
     return /*#__PURE__*/React__default["default"].createElement(EditableContent, _extends({
       ref: handleRef,
       inputProps: _objectSpread2(_objectSpread2({}, inputProps), {}, {
@@ -16116,6 +16150,7 @@
         onChange: handleChange,
         type: "text",
         onClick: handleClick,
+        onDoubleClick: handleDoubleClick,
         className: classNames__default["default"]("c-input", inputProps === null || inputProps === void 0 ? void 0 : inputProps.className)
       })
     }, rest));