@activecollab/components 2.0.254 → 2.0.256

package/dist/index.js

@@ -13361,14 +13361,14 @@
       popperClassName = _ref.popperClassName,
       _ref$enableConfirmMod = _ref.enableConfirmModal,
       enableConfirmModal = _ref$enableConfirmMod === void 0 ? false : _ref$enableConfirmMod,
-      _ref$modalHeaderText = _ref.modalHeaderText,
-      modalHeaderText = _ref$modalHeaderText === void 0 ? "Discard changes?" : _ref$modalHeaderText,
-      _ref$modalDiscardMess = _ref.modalDiscardMessage,
-      modalDiscardMessage = _ref$modalDiscardMess === void 0 ? "All unsaved changes will be lost." : _ref$modalDiscardMess,
-      _ref$modalDiscardBtnT = _ref.modalDiscardBtnText,
-      modalDiscardBtnText = _ref$modalDiscardBtnT === void 0 ? "OK" : _ref$modalDiscardBtnT,
+      _ref$modalTitle = _ref.modalTitle,
+      modalTitle = _ref$modalTitle === void 0 ? "Save Changes" : _ref$modalTitle,
+      _ref$modalDescription = _ref.modalDescription,
+      modalDescription = _ref$modalDescription === void 0 ? "You updated the date. Would you like to save this change?" : _ref$modalDescription,
+      _ref$modalSaveBtnText = _ref.modalSaveBtnText,
+      modalSaveBtnText = _ref$modalSaveBtnText === void 0 ? "Save" : _ref$modalSaveBtnText,
       _ref$modalCancelBtnTe = _ref.modalCancelBtnText,
-      modalCancelBtnText = _ref$modalCancelBtnTe === void 0 ? "Cancel" : _ref$modalCancelBtnTe,
+      modalCancelBtnText = _ref$modalCancelBtnTe === void 0 ? "Discard" : _ref$modalCancelBtnTe,
       backgroundElementClass = _ref.backgroundElementClass,
       popperTooltipClassName = _ref.popperTooltipClassName,
       popperTooltipStyle = _ref.popperTooltipStyle,
@@ -13929,17 +13929,41 @@
     var handleCaptionClick = React.useCallback(function () {
       isMonthSelectOpen && !disableYearPicker ? toggleYearSelect() : toggleMonthSelect();
     }, [disableYearPicker, isMonthSelectOpen, toggleMonthSelect, toggleYearSelect]);
-    var handleCloseDiscardModal = React.useCallback(function () {
-      setShowDiscardModal(false);
-    }, []);
     var handleSaveDiscardModal = React.useCallback(function () {
+      if (selected) {
+        if (onChange) {
+          onChange({
+            from: moment__default["default"].utc(selected === null || selected === void 0 ? void 0 : selected.from).unix(),
+            to: selected !== null && selected !== void 0 && selected.to ? moment__default["default"].utc(selected === null || selected === void 0 ? void 0 : selected.to).unix() : moment__default["default"].utc(selected === null || selected === void 0 ? void 0 : selected.from).unix()
+          });
+        }
+        if (onSave) {
+          onSave({
+            from: moment__default["default"].utc(selected === null || selected === void 0 ? void 0 : selected.from).unix(),
+            to: selected !== null && selected !== void 0 && selected.to ? moment__default["default"].utc(selected === null || selected === void 0 ? void 0 : selected.to).unix() : moment__default["default"].utc(selected === null || selected === void 0 ? void 0 : selected.from).unix()
+          });
+        }
+      } else {
+        if (onChange) onChange(undefined);
+        if (onSave) onSave(undefined);
+      }
+      setShowDiscardModal(false);
+      if (target) {
+        setIsOpen(false);
+        if (onCalendarToggle) onCalendarToggle(false);
+      }
+    }, [selected, target, onChange, onSave, onCalendarToggle]);
+    var handleDiscardModal = React.useCallback(function () {
       setSelected(defaultSelected !== null && defaultSelected !== void 0 && defaultSelected.from ? {
         from: toMoment(defaultSelected.from),
         to: defaultSelected.to ? toMoment(defaultSelected.to) : null
       } : null);
       setShowDiscardModal(false);
-      handleClose();
-    }, [defaultSelected, handleClose]);
+      if (target) {
+        setIsOpen(false);
+        if (onCalendarToggle) onCalendarToggle(false);
+      }
+    }, [defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from, defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.to, onCalendarToggle, target]);
     var wrapperProps = target ? {
       className: "c-date-picker--calendar",
       target,
@@ -14037,12 +14061,12 @@
     }, clearLabel)) : null))), !instant && target && !required && enableConfirmModal ? /*#__PURE__*/React__default["default"].createElement(StyledConfirmDialog$1, {
       className: "modal-select-date",
       open: showDiscardModal,
-      onCancel: handleCloseDiscardModal,
+      onCancel: handleDiscardModal,
       onConfirm: handleSaveDiscardModal,
-      dialogTitle: modalHeaderText,
-      dialogContent: modalDiscardMessage,
+      dialogTitle: modalTitle,
+      dialogContent: modalDescription,
       cancelBtnText: modalCancelBtnText,
-      confirmBtnText: modalDiscardBtnText
+      confirmBtnText: modalSaveBtnText
     }) : null);
   };
 
@@ -21305,14 +21329,14 @@
       cancelButtonText = _ref$cancelButtonText === void 0 ? "Cancel" : _ref$cancelButtonText,
       _ref$clearButtonText = _ref.clearButtonText,
       clearButtonText = _ref$clearButtonText === void 0 ? "Clear" : _ref$clearButtonText,
-      _ref$modalHeaderText = _ref.modalHeaderText,
-      modalHeaderText = _ref$modalHeaderText === void 0 ? "Discard changes?" : _ref$modalHeaderText,
-      _ref$modalDiscardMess = _ref.modalDiscardMessage,
-      modalDiscardMessage = _ref$modalDiscardMess === void 0 ? "All unsaved changes will be lost." : _ref$modalDiscardMess,
-      _ref$modalDiscardBtnT = _ref.modalDiscardBtnText,
-      modalDiscardBtnText = _ref$modalDiscardBtnT === void 0 ? "OK" : _ref$modalDiscardBtnT,
+      _ref$modalTitle = _ref.modalTitle,
+      modalTitle = _ref$modalTitle === void 0 ? "Save Changes" : _ref$modalTitle,
+      _ref$modalDescription = _ref.modalDescription,
+      modalDescription = _ref$modalDescription === void 0 ? "You updated the date. Would you like to save this change?" : _ref$modalDescription,
+      _ref$modalSaveBtnText = _ref.modalSaveBtnText,
+      modalSaveBtnText = _ref$modalSaveBtnText === void 0 ? "Save" : _ref$modalSaveBtnText,
       _ref$modalCancelBtnTe = _ref.modalCancelBtnText,
-      modalCancelBtnText = _ref$modalCancelBtnTe === void 0 ? "Cancel" : _ref$modalCancelBtnTe,
+      modalCancelBtnText = _ref$modalCancelBtnTe === void 0 ? "Discard" : _ref$modalCancelBtnTe,
       onDayClick = _ref.onDayClick,
       onSave = _ref.onSave,
       onCancel = _ref.onCancel,
@@ -21479,9 +21503,9 @@
       onChange: onChange,
       onClose: onCancel,
       modifiers: modifiers,
-      modalHeaderText: modalHeaderText,
-      modalDiscardMessage: modalDiscardMessage,
-      modalDiscardBtnText: modalDiscardBtnText,
+      modalTitle: modalTitle,
+      modalDescription: modalDescription,
+      modalSaveBtnText: modalSaveBtnText,
       modalCancelBtnText: modalCancelBtnText,
       disabledDaysBefore: disableDaysBefore,
       disabledDaysAfter: disabledDaysAfter,
@@ -23716,7 +23740,7 @@
     return props.size + "px";
   });
 
-  var _excluded$6 = ["limit", "size", "children", "hasTooltip"];
+  var _excluded$6 = ["limit", "size", "children", "hasTooltip", "className"];
   var AvatarGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _Children$toArray;
     var limit = _ref.limit,
@@ -23725,6 +23749,7 @@
       children = _ref.children,
       _ref$hasTooltip = _ref.hasTooltip,
       hasTooltip = _ref$hasTooltip === void 0 ? false : _ref$hasTooltip,
+      className = _ref.className,
       rest = _objectWithoutProperties(_ref, _excluded$6);
     // always display counter with min +2 as +1 can takes space of an 1 more Avatar
     var minChildren = React.Children.count(children) - limit > 1 ? false : true;
@@ -23743,6 +23768,7 @@
       return props.alt;
     });
     return /*#__PURE__*/React__default["default"].createElement(AvatarGroupsStyles, _extends({
+      className: className,
       hasTooltip: hasTooltip,
       ref: ref
     }, rest), _children.map(function (child, index) {