@bigbinary/neetoui 6.3.9 → 6.4.0

package/index.d.ts

@@ -205,8 +205,8 @@ export type DatePickerProps = {
 };
 
 export type DateTimePickerProps = {
-  value?: string;
-  defaultValue?: string;
+  value?: string | Dayjs;
+  defaultValue?: string | Dayjs;
   className?: string;
   label?: string;
   size?: "small" | "medium" | "large";
@@ -221,6 +221,8 @@ export type DateTimePickerProps = {
   timePickerProps?: { [key: string]: any };
   onBlur?: (dateTime: Dayjs) => void;
   [key: string]: any;
+  minDateTime?: Dayjs;
+  maxDateTime?: Dayjs;
 };
 
 export interface DropdownProps {

package/index.js

@@ -22740,7 +22740,7 @@ var DatePicker = /*#__PURE__*/forwardRef$1(function (_ref3, ref) {
       onClick: function onClick() {
         setMode("date");
         setTimeout(function () {
-          document.querySelector(".ant-picker-today-btn").click();
+          document.querySelector(".ant-picker-now-btn").click();
         });
       }
     });
@@ -26597,6 +26597,16 @@ var getDateTime = function getDateTime(date, time) {
   }
   return null;
 };
+var getAllowedTime = function getAllowedTime(date, time, minDateTime, maxDateTime) {
+  var newTime = getDateTime(date, time || dayjs());
+  if (isPresent(minDateTime) && date !== null && date !== void 0 && date.isSame(minDateTime, "day") && newTime !== null && newTime !== void 0 && newTime.isBefore(minDateTime)) {
+    return minDateTime;
+  }
+  if (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; }
@@ -26624,26 +26634,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 = useState(datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.open),
+  var _useState = useState(),
     _useState2 = _slicedToArray$3(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
+    date = _useState2[0],
+    setDate = _useState2[1];
   var _useState3 = useState(),
     _useState4 = _slicedToArray$3(_useState3, 2),
-    date = _useState4[0],
-    setDate = _useState4[1];
+    time = _useState4[0],
+    setTime = _useState4[1];
   var _useState5 = useState(),
     _useState6 = _slicedToArray$3(_useState5, 2),
-    time = _useState6[0],
-    setTime = _useState6[1];
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray$3(_useState7, 2),
-    changedField = _useState8[0],
-    setChangedField = _useState8[1];
+    changedField = _useState6[0],
+    setChangedField = _useState6[1];
   var timeRef = React__default.useRef(null);
   var defaultId = useId(id);
   var errorId = "error_".concat(defaultId);
@@ -26662,10 +26670,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) {
@@ -26674,8 +26681,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.createElement("div", {
     className: "neeto-ui-input__wrapper"
@@ -26687,26 +26695,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.createElement(TimePickerInput, _extends$4(_defineProperty$7(_defineProperty$7(_defineProperty$7(_defineProperty$7(_defineProperty$7({
+    onChange: handleDateChange
+  }, datePickerProps)), /*#__PURE__*/React__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.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.createElement("p", {
     className: "neeto-ui-input__error",
     "data-cy": "".concat(hyphenize(label), "-input-error"),
     id: errorId
@@ -39764,7 +39767,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);