react-time-picker-input - npm Package Compare versions

Comparing version 2.1.36 to 2.1.37

dist/components/InputTimeHelper.js

 import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.array.slice.js";
@@ -24,5 +26,2 @@ import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.regexp.to-string.js";
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/es.promise.js";
-import "core-js/modules/web.dom-collections.iterator.js";
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -164,3 +163,3 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
     } else if (value.toString() === hourLimit && toggleAmPm) {
-      Promise.all([setSafeValue(newHour), toggleAmPm()]);
+      toggleAmPm(undefined, newHour);
     } else {
@@ -167,0 +166,0 @@ setSafeValue(doubleChar(parseInt(value) + hourAcc));

dist/components/TimeInput.js

 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import "core-js/modules/es.regexp.exec.js";
@@ -11,2 +6,3 @@ import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.string.includes.js";
+import "core-js/modules/es.json.stringify.js";
 import "core-js/modules/web.dom-collections.for-each.js";
@@ -29,2 +25,7 @@ import "core-js/modules/es.array.flat.js";
 import "core-js/modules/es.object.assign.js";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -53,18 +54,10 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
   var dateParts = getDatePartsByProps(value, hour12Format);
-  var _useState = useState(dateParts.hour),
+  var _useState = useState(dateParts),
     _useState2 = _slicedToArray(_useState, 2),
-    hour = _useState2[0],
-    setHour = _useState2[1];
-  var _useState3 = useState(dateParts.minute),
+    time = _useState2[0],
+    setTime = _useState2[1];
+  var _useState3 = useState(isOnMobileDevice()),
     _useState4 = _slicedToArray(_useState3, 2),
-    minute = _useState4[0],
-    setMinutes = _useState4[1];
-  var _useState5 = useState(dateParts.amPm),
-    _useState6 = _slicedToArray(_useState5, 2),
-    amPm = _useState6[0],
-    setAmPM = _useState6[1];
-  var _useState7 = useState(isOnMobileDevice()),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isMobile = _useState8[0],
-    setIsMobile = _useState8[1];
+    isMobile = _useState4[0],
+    setIsMobile = _useState4[1];
   var hourRef = useRef(null);
@@ -74,2 +67,20 @@ var minuteRef = useRef(null);
   var timeToUpdate = useRef(null);
+  var setHour = useCallback(function (newHour) {
+    var other = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return setTime(t => _objectSpread(_objectSpread({}, t), {}, {
+      hour: newHour
+    }, other));
+  }, [setTime]);
+  var setMinutes = useCallback(function (newMinute) {
+    var other = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return setTime(t => _objectSpread(_objectSpread({}, t), {}, {
+      minute: newMinute
+    }, other));
+  }, [setTime]);
+  var setAmPM = useCallback(function (newAmPm) {
+    var other = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return setTime(t => _objectSpread(_objectSpread({}, t), {}, {
+      amPm: newAmPm
+    }, other));
+  }, [setTime]);
   var hourRange = useMemo(() => hour12Format ? {
@@ -87,3 +98,3 @@ start: 1,
   var blurOnAmPm = useCallback(() => blurOn(amPmRef), []);
-  var toggleAmPm = useCallback(() => setAmPM(prevAmPm => prevAmPm === "AM" ? "PM" : "AM"), [setAmPM]);
+  var toggleAmPm = useCallback(other => setAmPM(prevAmPm => prevAmPm === "AM" ? "PM" : "AM", other), [setAmPM]);
   var updateTouchDevice = () => setIsMobile(isOnMobileDevice());
@@ -105,2 +116,6 @@ var setTimeHourString = useCallback(value => {
   useEffect(() => {
+    var _ref = time || {},
+      hour = _ref.hour,
+      minute = _ref.minute,
+      amPm = _ref.amPm;
     var dateString = getTimeString(hour, minute, amPm, hour12Format);
@@ -111,3 +126,3 @@ onChangeEveryFormat && onChangeEveryFormat(dateString);
     }
-  }, [hour, minute, amPm]);
+  }, [JSON.stringify(time)]);
   useEffect(() => {
@@ -142,3 +157,3 @@ if (!isMobile) setTimeHourString(value);
     inputRef: hourRef,
-    value: hour,
+    value: time === null || time === void 0 ? void 0 : time.hour,
     setValue: setHour
@@ -151,3 +166,3 @@ }, sameInputProps, {
     inputRef: minuteRef,
-    value: minute
+    value: time === null || time === void 0 ? void 0 : time.minute
   }, sameInputProps, {
@@ -162,3 +177,3 @@ setValue: setMinutes,
     inputRef: amPmRef,
-    amPm: amPm,
+    amPm: time === null || time === void 0 ? void 0 : time.amPm,
     movePrev: focusOnMinute,
@@ -169,3 +184,3 @@ moveNext: blurOnAmPm,
   }))), /*#__PURE__*/React.createElement(Options, {
-    timeString: getTimeString(hour, minute, amPm, hour12Format),
+    timeString: getTimeString(time === null || time === void 0 ? void 0 : time.hour, time === null || time === void 0 ? void 0 : time.minute, time === null || time === void 0 ? void 0 : time.amPm, hour12Format),
     hour12Format,
@@ -206,6 +221,6 @@ fullTimeDropdown,
     timeString = props.timeString;
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    fullTimeDropdownVisibility = _useState10[0],
-    setFullTimeDropdownVisibility = _useState10[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    fullTimeDropdownVisibility = _useState6[0],
+    setFullTimeDropdownVisibility = _useState6[1];
   useEffect(() => {
@@ -249,6 +264,6 @@ var hideDropdown = e => setFullTimeDropdownVisibility(false);
     _onChange = props.onChange;
-  var _useState11 = useState(value),
-    _useState12 = _slicedToArray(_useState11, 2),
-    valueMobile = _useState12[0],
-    setValueMobile = _useState12[1];
+  var _useState7 = useState(value),
+    _useState8 = _slicedToArray(_useState7, 2),
+    valueMobile = _useState8[0],
+    setValueMobile = _useState8[1];
   return /*#__PURE__*/React.createElement("div", {
@@ -255,0 +270,0 @@ className: "input-time-mobile"

package.json

@@ -34,3 +34,3 @@ {
   ],
-  "version": "2.1.36",
+  "version": "2.1.37",
   "private": false,
@@ -37,0 +37,0 @@ "main": "dist/index.js",

Fixed alerts

AI-detected possible typosquat

Supply chain risk

AI has identified this package as a potential typosquat of a more popular package. This suggests that the package may be intentionally mimicking another package's name, description, or other metadata.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

60397

increased by1.44%

Lines of code

1103

increased by1.29%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes