@activecollab/components 2.0.155 → 2.0.157

package/dist/index.js

@@ -10789,17 +10789,14 @@
   var toMoment = function toMoment(date) {
     if (moment__default$1["default"].isMoment(date)) {
       return date;
-    } else if (date === null) {
-      return date;
     } else if (typeof date === "number") {
       return moment__default$1["default"].utc(date * 1000);
     } else if (typeof date === "string") {
       return moment__default$1["default"].utc(date);
     }
-    return undefined;
+    return null;
   };
   var DatePickerV2 = function DatePickerV2(_ref) {
-    var _selected$to4;
     var defaultSelected = _ref.selected,
       onChange = _ref.onChange,
       onSave = _ref.onSave,
@@ -10870,7 +10867,7 @@
       monthTransitionDirection = _useState10[0],
       setMonthTransitionDirection = _useState10[1];
     var _useState11 = React.useState(function () {
-        if (defaultSelected) {
+        if (defaultSelected && defaultSelected.from) {
           return toMoment(defaultSelected.from);
         }
         if (month) {
@@ -10882,11 +10879,12 @@
       currentDate = _useState12[0],
       setCurrentDate = _useState12[1];
     var _useState13 = React.useState(function () {
-        if (defaultSelected) {
+        if (defaultSelected && defaultSelected.from) {
           return toMoment(defaultSelected.from);
         } else if (month) {
           return toMoment(month);
         }
+        return moment__default$1["default"].utc();
       }),
       _useState14 = _slicedToArray(_useState13, 2),
       targetDate = _useState14[0],
@@ -10895,9 +10893,12 @@
         if (!defaultSelected) {
           return null;
         }
+        if (!defaultSelected.from) {
+          return null;
+        }
         return {
           from: toMoment(defaultSelected.from),
-          to: toMoment(defaultSelected.to)
+          to: defaultSelected.to ? toMoment(defaultSelected.to) : null
         };
       }),
       _useState16 = _slicedToArray(_useState15, 2),
@@ -10947,10 +10948,10 @@
       }
     }, [isMonthSelectOpen, mode]);
     React.useEffect(function () {
-      if (defaultSelected) {
+      if (defaultSelected && defaultSelected.from) {
         setSelected({
           from: toMoment(defaultSelected.from),
-          to: toMoment(defaultSelected.to)
+          to: defaultSelected.to ? toMoment(defaultSelected.to) : null
         });
         setCurrentDate(toMoment(defaultSelected.from) || moment__default$1["default"].utc());
         setTargetDate(toMoment(defaultSelected.from) || moment__default$1["default"].utc());
@@ -11042,9 +11043,18 @@
           from: date.utc().unix(),
           to: null
         });
-      } else if (selected !== null && selected !== void 0 && selected.from.isSame(date.utc(), "day") && !required) {
+      } else if (moment__default$1["default"].isMoment(selected === null || selected === void 0 ? void 0 : selected.from) && selected !== null && selected !== void 0 && selected.from.isSame(date.utc(), "day") && !required) {
         setSelected(null);
         onChange && onChange(undefined);
+      } else if (selected.from === null && selected.to === null) {
+        setSelected({
+          from: date.utc(),
+          to: null
+        });
+        onChange && onChange({
+          from: date.utc().unix(),
+          to: date.utc().unix()
+        });
       }
     };
     var handleSave = function handleSave() {
@@ -11074,7 +11084,10 @@
       setMonthTransitionDirection(direction);
       if (isMonthSelectOpen) {
         setTargetDate(function (prevDate) {
-          return direction === "prev" ? prevDate.clone().subtract(1, "year") : prevDate.clone().add(1, "year");
+          if (prevDate) {
+            return direction === "prev" ? prevDate.clone().subtract(1, "year") : prevDate.clone().add(1, "year");
+          }
+          return prevDate;
         });
         if (disableAnimations) {
           setCurrentDate(function (prevDate) {
@@ -11083,7 +11096,10 @@
         }
       } else {
         setTargetDate(function (prevDate) {
-          return direction === "prev" ? prevDate.clone().subtract(1, "month") : prevDate.clone().add(1, "month");
+          if (prevDate) {
+            return direction === "prev" ? prevDate.clone().subtract(1, "month") : prevDate.clone().add(1, "month");
+          }
+          return prevDate;
         });
         if (disableAnimations) {
           setCurrentDate(function (prevDate) {
@@ -11333,11 +11349,11 @@
       if (mode === "custom" && instant && !selected && onSave) {
         onSave(undefined);
       }
-      setCurrentDate(defaultSelected ? toMoment(defaultSelected.from) : month ? toMoment(month) : moment__default$1["default"].utc());
-      setTargetDate(defaultSelected ? toMoment(defaultSelected.from) : toMoment(month));
-      setSelected(defaultSelected ? {
+      setCurrentDate(defaultSelected !== null && defaultSelected !== void 0 && defaultSelected.from ? toMoment(defaultSelected.from) : month ? toMoment(month) : moment__default$1["default"].utc());
+      setTargetDate(defaultSelected !== null && defaultSelected !== void 0 && defaultSelected.from ? toMoment(defaultSelected.from) : month ? toMoment(month) : moment__default$1["default"].utc());
+      setSelected(defaultSelected !== null && defaultSelected !== void 0 && defaultSelected.from ? {
         from: toMoment(defaultSelected.from),
-        to: toMoment(defaultSelected.to)
+        to: defaultSelected.to ? toMoment(defaultSelected.to) : null
       } : null);
       toggleCalendar();
       setIsYearSelectOpen(false);
@@ -11367,7 +11383,7 @@
     var handleSaveDiscardModal = React.useCallback(function () {
       setSelected(defaultSelected !== null && defaultSelected !== void 0 && defaultSelected.from ? {
         from: toMoment(defaultSelected.from),
-        to: toMoment(defaultSelected.to)
+        to: defaultSelected.to ? toMoment(defaultSelected.to) : null
       } : null);
       setShowDiscardModal(false);
       handleClose();
@@ -11394,11 +11410,22 @@
           handleMonthChange("prev");
         }
       };
-      window.addEventListener("keydown", handleKeyDown);
+      if (isOpen) {
+        window.addEventListener("keydown", handleKeyDown);
+      }
       return function () {
         window.removeEventListener("keydown", handleKeyDown);
       };
-    }, [handleMonthChange]);
+    }, [isOpen, handleMonthChange]);
+    var saveIsDisabled = function saveIsDisabled() {
+      if (!defaultSelected && !selected) {
+        return true;
+      }
+      if (defaultSelected && selected && defaultSelected.from && selected.from.isSame(toMoment(defaultSelected.from)) && defaultSelected.to && selected.to && selected.to.isSame(toMoment(defaultSelected.to))) {
+        return true;
+      }
+      return false;
+    };
     return /*#__PURE__*/React__default["default"].createElement(StyledDatePickerWrapper, {
       ref: datePickerRef
     }, /*#__PURE__*/React__default["default"].createElement(Wrapper, wrapperProps, /*#__PURE__*/React__default["default"].createElement(StyledDatePickerContainerInner, null, /*#__PURE__*/React__default["default"].createElement(StyledCalendarHeader, null, isYearSelectOpen ? null : /*#__PURE__*/React__default["default"].createElement(IconButton, {
@@ -11429,7 +11456,7 @@
       size: "small",
       variant: "primary",
       onClick: handleSave,
-      disabled: (selected === null || selected === void 0 ? void 0 : selected.from.isSame(moment__default$1["default"].utc(Number(defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from) * 1000))) && (selected === null || selected === void 0 || (_selected$to4 = selected.to) === null || _selected$to4 === void 0 ? void 0 : _selected$to4.isSame(moment__default$1["default"].utc(Number(defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.to) * 1000))) || !defaultSelected && !selected
+      disabled: saveIsDisabled()
     }, saveLabel), /*#__PURE__*/React__default["default"].createElement(Tooltip, {
       title: cancelLabel,
       popperTooltipStyle: {
@@ -14694,6 +14721,7 @@
       ref: hover ? ref : null,
       title: name,
       onMouseEnter: handleOnMouseEnter,
+      onTouchStart: handleOnMouseEnter,
       className: classNames__default["default"]("c-option", className),
       hover: hover,
       onClick: onClick
@@ -18102,10 +18130,12 @@
     var labelText = React.useMemo(function () {
       if (!selectedDays) {
         return defaultLabelText;
+      } else if (!selectedDays.from && !selectedDays.to) {
+        return defaultLabelText;
       } else {
-        var formattedEndDate = formatDate(toMoment(selectedDays === null || selectedDays === void 0 ? void 0 : selectedDays.to), dateFormat, longDateFormat);
-        var formattedStartDate = formatDate(toMoment(selectedDays === null || selectedDays === void 0 ? void 0 : selectedDays.from), dateFormat, longDateFormat);
-        if (toMoment(selectedDays.from).isSame(toMoment(selectedDays.to))) {
+        var formattedEndDate = selectedDays.to ? formatDate(toMoment(selectedDays.to), dateFormat, longDateFormat) : "";
+        var formattedStartDate = selectedDays.from ? formatDate(toMoment(selectedDays === null || selectedDays === void 0 ? void 0 : selectedDays.from), dateFormat, longDateFormat) : "";
+        if (selectedDays.to && selectedDays.from && toMoment(selectedDays.from).isSame(toMoment(selectedDays.to))) {
           return formattedEndDate;
         }
         return "".concat(formattedStartDate, " - ").concat(formattedEndDate);
@@ -18240,7 +18270,8 @@
       onDayClick: onDayClick,
       disableYearPicker: !enableYearPicker,
       disableAnimations: disableAnimations,
-      showControls: true
+      showControls: true,
+      open: true
     }));
   };
   SelectDateV2.displayName = "SelectDateV2";