@bigbinary/neetoui 6.3.9 → 6.4.0

package/README.md

@@ -244,7 +244,7 @@ checkout the `Publish to npm` workflow in GitHub Actions to get a live update.
 Please note that before publishing the package, you need to verify the
 functionality in some of the neeto web-apps locally using `yalc` package
 manager. The usage of yalc is explained in this video:
-https://youtu.be/QBiYGP0Rhe0
+https://youtu.be/F4zZFnrNTq8
 
 ## Documentation
 

package/index.cjs.js

@@ -22774,7 +22774,7 @@ var DatePicker = /*#__PURE__*/React$3.forwardRef(function (_ref3, ref) {
       onClick: function onClick() {
         setMode("date");
         setTimeout(function () {
-          document.querySelector(".ant-picker-today-btn").click();
+          document.querySelector(".ant-picker-now-btn").click();
         });
       }
     });
@@ -26631,6 +26631,16 @@ var getDateTime = function getDateTime(date, time) {
   }
   return null;
 };
+var getAllowedTime = function getAllowedTime(date, time, minDateTime, maxDateTime) {
+  var newTime = getDateTime(date, time || dayjs());
+  if (neetoCist.isPresent(minDateTime) && date !== null && date !== void 0 && date.isSame(minDateTime, "day") && newTime !== null && newTime !== void 0 && newTime.isBefore(minDateTime)) {
+    return minDateTime;
+  }
+  if (neetoCist.isPresent(maxDateTime) && date !== null && date !== void 0 && date.isSame(maxDateTime, "day") && newTime !== null && newTime !== void 0 && newTime.isAfter(maxDateTime)) {
+    return maxDateTime;
+  }
+  return newTime;
+};
 
 function ownKeys$k(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$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -26658,26 +26668,24 @@ var DateTimePicker = function DateTimePicker(_ref) {
     id = _ref.id,
     datePickerProps = _ref.datePickerProps,
     timePickerProps = _ref.timePickerProps,
+    minDateTime = _ref.minDateTime,
+    maxDateTime = _ref.maxDateTime,
     _ref$onTimeInputBlur = _ref.onTimeInputBlur,
     onTimeInputBlur = _ref$onTimeInputBlur === void 0 ? noop$3 : _ref$onTimeInputBlur,
     _ref$onBlur = _ref.onBlur,
     onBlur = _ref$onBlur === void 0 ? noop$3 : _ref$onBlur;
-  var _useState = React$3.useState(datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.open),
+  var _useState = React$3.useState(),
     _useState2 = _slicedToArray$3(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
+    date = _useState2[0],
+    setDate = _useState2[1];
   var _useState3 = React$3.useState(),
     _useState4 = _slicedToArray$3(_useState3, 2),
-    date = _useState4[0],
-    setDate = _useState4[1];
+    time = _useState4[0],
+    setTime = _useState4[1];
   var _useState5 = React$3.useState(),
     _useState6 = _slicedToArray$3(_useState5, 2),
-    time = _useState6[0],
-    setTime = _useState6[1];
-  var _useState7 = React$3.useState(),
-    _useState8 = _slicedToArray$3(_useState7, 2),
-    changedField = _useState8[0],
-    setChangedField = _useState8[1];
+    changedField = _useState6[0],
+    setChangedField = _useState6[1];
   var timeRef = React__default["default"].useRef(null);
   var defaultId = useId(id);
   var errorId = "error_".concat(defaultId);
@@ -26696,10 +26704,9 @@ var DateTimePicker = function DateTimePicker(_ref) {
   }, [date, time, changedField]);
   var handleDateChange = function handleDateChange(newDate) {
     var _timeRef$current;
-    setOpen(false);
     (_timeRef$current = timeRef.current) === null || _timeRef$current === void 0 || (_timeRef$current = _timeRef$current.querySelector(".react-time-picker__inputGroup__hour")) === null || _timeRef$current === void 0 || _timeRef$current.focus();
     setDate(newDate);
-    if (!time) setTime(newDate);
+    setTime(getAllowedTime(newDate, time, minDateTime, maxDateTime));
     setChangedField("date");
   };
   var handleTimeChange = function handleTimeChange(newTime) {
@@ -26708,8 +26715,9 @@ var DateTimePicker = function DateTimePicker(_ref) {
     setChangedField("time");
   };
   var handleTimeBlur = function handleTimeBlur() {
-    onTimeInputBlur(getDateTime(date, time));
-    onBlur(getDateTime(date, time));
+    var dateTime = getDateTime(date, time);
+    onTimeInputBlur(dateTime);
+    onBlur(dateTime);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-input__wrapper"
@@ -26721,26 +26729,21 @@ var DateTimePicker = function DateTimePicker(_ref) {
     dateFormat: dateFormat,
     dropdownClassName: dropdownClassName,
     nakedInput: nakedInput,
-    open: open,
     popupClassName: popupClassName,
     size: size,
     error: !!error,
+    maxDate: maxDateTime,
+    minDate: minDateTime,
     picker: "date",
     showTime: false,
     type: "date",
     value: date,
-    onBlur: function onBlur() {
-      return setOpen(false);
-    },
-    onChange: handleDateChange,
-    onFocus: function onFocus() {
-      return setOpen(true);
-    }
-  }, datePickerProps)), /*#__PURE__*/React__default["default"].createElement(TimePickerInput, _extends$4(_defineProperty$7(_defineProperty$7(_defineProperty$7(_defineProperty$7(_defineProperty$7({
+    onChange: handleDateChange
+  }, datePickerProps)), /*#__PURE__*/React__default["default"].createElement(TimePickerInput, _extends$4(_defineProperty$7(_defineProperty$7(_defineProperty$7(_defineProperty$7(_defineProperty$7(_defineProperty$7(_defineProperty$7({
     error: error,
     nakedInput: nakedInput,
     size: size
-  }, "error", !!error), "ref", timeRef), "value", time), "onBlur", handleTimeBlur), "onChange", handleTimeChange), timePickerProps))), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, "error", !!error), "maxTime", (date === null || date === void 0 ? void 0 : date.isSame(maxDateTime, "day")) && (maxDateTime === null || maxDateTime === void 0 ? void 0 : maxDateTime.toDate())), "minTime", (date === null || date === void 0 ? void 0 : date.isSame(minDateTime, "day")) && (minDateTime === null || minDateTime === void 0 ? void 0 : minDateTime.toDate())), "ref", timeRef), "value", time), "onBlur", handleTimeBlur), "onChange", handleTimeChange), timePickerProps))), !!error && /*#__PURE__*/React__default["default"].createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId
@@ -39798,7 +39801,8 @@ var Table = function Table(_ref) {
     });
   });
   var rowSelectionProps = rowSelection ? _objectSpread$5(_objectSpread$5({
-    type: "checkbox"
+    type: "checkbox",
+    preserveSelectedRowKeys: true
   }, rowSelection), {}, {
     onChange: function onChange(selectedRowKeys, selectedRows) {
       return onRowSelect && onRowSelect(selectedRowKeys, selectedRows);