@cloudtower/eagle 0.33.23 → 0.33.25

package/dist/cjs/core/TableForm/AddRowButton.js

@@ -48,7 +48,7 @@ const AddRowButton = (props) => {
   const {
     config: { maximum, className, CustomizedButton, buttonProps, text },
     columns,
-    updateData,
+    addData,
     data
   } = props;
   const { t } = useParrotTranslation();
@@ -63,7 +63,7 @@ const AddRowButton = (props) => {
     const newData = [...data2];
     const newRow = utils.genEmptyRow(columns);
     newData.push(newRow);
-    updateData(newData);
+    addData(newData);
     onClick == null ? void 0 : onClick(e);
   };
   const disabled = React.useMemo(

package/dist/cjs/core/TableForm/index.js

@@ -52,6 +52,7 @@ const TableForm = React__default.default.forwardRef(
       onHeaderChange,
       onHeaderBlur,
       onBodyChange,
+      onBodyAdd,
       onBodyBlur,
       row,
       errors,
@@ -72,6 +73,16 @@ const TableForm = React__default.default.forwardRef(
       },
       [onBodyChange]
     );
+    const addData = React.useCallback(
+      (value) => {
+        setLatestData(value);
+        setData(value);
+        onBodyChange == null ? void 0 : onBodyChange(value);
+        const rowIndex = value.length - 1;
+        onBodyAdd == null ? void 0 : onBodyAdd(value, rowIndex);
+      },
+      [onBodyChange, onBodyAdd]
+    );
     const handleBatchChange = React.useCallback(
       (newData, columnKey, shouldUpdateData) => {
         setLatestData(newData);
@@ -84,19 +95,19 @@ const TableForm = React__default.default.forwardRef(
       [onHeaderChange, onBodyChange]
     );
     const handleBatchBlur = React.useCallback(
-      (key, error) => {
+      (columnKey, error) => {
         if (error) {
           const newData = latestData.map((cell) => {
             return __spreadProps(__spreadValues({}, cell), {
-              [key]: ""
+              [columnKey]: ""
             });
           });
           setLatestData(newData);
-          onHeaderBlur == null ? void 0 : onHeaderBlur(newData);
+          onHeaderBlur == null ? void 0 : onHeaderBlur(newData, columnKey);
         } else {
           setData(latestData);
-          onBodyChange == null ? void 0 : onBodyChange(latestData, void 0, key);
-          onHeaderBlur == null ? void 0 : onHeaderBlur(latestData);
+          onBodyChange == null ? void 0 : onBodyChange(latestData, void 0, columnKey);
+          onHeaderBlur == null ? void 0 : onHeaderBlur(latestData, columnKey);
         }
       },
       [latestData, onHeaderBlur, onBodyChange]
@@ -107,6 +118,10 @@ const TableForm = React__default.default.forwardRef(
         setData: (data2) => {
           updateData(data2);
         },
+        setDataWithoutTriggerChange: (data2) => {
+          setLatestData(data2);
+          setData(data2);
+        },
         validateWholeFields() {
           formValidMapRef.current = {};
           setValidateAll(true);
@@ -185,7 +200,7 @@ const TableForm = React__default.default.forwardRef(
       AddRowButton,
       {
         config: rowAddConfig,
-        updateData,
+        addData,
         columns,
         data
       }

package/dist/cjs/coreX/DateRangePicker/AbsoluteDate.js

@@ -146,7 +146,7 @@ const Time = React__default.default.forwardRef((props, ref) => {
 });
 const AbsoluteDate = React__default.default.forwardRef(
   (props, ref) => {
-    const { range, minDate, maxDate, onChange, onOk } = props;
+    const { range, minDate, maxDate, maxRange, onChange, onOk } = props;
     const timeRef = React.useRef(null);
     React.useImperativeHandle(ref, () => {
       var _a;
@@ -165,6 +165,7 @@ const AbsoluteDate = React__default.default.forwardRef(
         range,
         minDate,
         maxDate,
+        maxRange,
         onChange
       }
     ), /* @__PURE__ */ React__default.default.createElement(

package/dist/cjs/coreX/DateRangePicker/Calendar.js

@@ -9,6 +9,7 @@ var index$1 = require('../../core/Input/index.js');
 var index = require('../../core/Typo/index.js');
 var useElementIntersectionRatio = require('../../hooks/useElementIntersectionRatio.js');
 var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var unit = require('../../utils/unit.js');
 var dayjs = require('dayjs');
 var React = require('react');
 var common = require('./common.js');
@@ -84,6 +85,7 @@ const MonthItem = (props) => {
     highlightDay,
     minDate,
     maxDate,
+    maxRange,
     parentElement,
     onRangeChange,
     onMouseEnter
@@ -133,6 +135,74 @@ const MonthItem = (props) => {
     }
     onRangeChange(_range);
   }
+  const datesElements = React.useMemo(() => {
+    return initMonth.dates.map((date) => {
+      const _date = common.getTime(initYear, initMonth.month, date);
+      const { number: maxRangeNumber, unit: maxRangeUnit } = unit.parseNumberAndUnit(maxRange || "") || {};
+      const dateNotIncludeInRange = common.checkDateNotInRange(
+        _date,
+        minDate,
+        maxDate
+      );
+      const isLimitRangeEnd = !!rangeStart && !rangeEnd;
+      const isDateBeforeRangeStart = isLimitRangeEnd ? _date.valueOf() < rangeStart.valueOf() : false;
+      const isDateNotIncludeInMaxRange = isLimitRangeEnd && maxRangeNumber && maxRangeUnit ? rangeStart.add(maxRangeNumber, maxRangeUnit).valueOf() <= _date.valueOf() : false;
+      const disabled = Boolean(isDateBeforeRangeStart || isDateNotIncludeInMaxRange) || !dateNotIncludeInRange;
+      const dateClassName = common.getClassNameForDateBlock(
+        range,
+        _date,
+        mapOfHighlightDay,
+        disabled
+      );
+      const highlightIndex = mapOfHighlightDay.get(_date.format("YYYY-MM-DD"));
+      const isFirstDayInWeek = _date.day() === 1;
+      const isLastDayInWeek = _date.day() === 0;
+      const isFirstDayInMonth = _date.date() === 1;
+      const isLastDayInMonth = _date.date() === _date.daysInMonth();
+      const isLastDayIsSingleDayInWeek = isLastDayInMonth && isFirstDayInWeek;
+      const isFirstHighlight = highlightIndex === 0 || isFirstDayInWeek || isFirstDayInMonth || isLastDayIsSingleDayInWeek;
+      const isLastHighlight = highlightIndex === Math.max(mapOfHighlightDay.size - 1, 0) || isLastDayInWeek || isLastDayInMonth;
+      return /* @__PURE__ */ React__default.default.createElement(
+        "span",
+        {
+          key: `date-${date}`,
+          className: core.cx(
+            "date-block",
+            dateClassName,
+            isFirstHighlight && "first-highlight",
+            isLastHighlight && "last-highlight"
+          ),
+          onClick: () => {
+            if (disabled) {
+              return;
+            }
+            clickDate(date);
+          },
+          onMouseEnter: () => {
+            if (disabled) {
+              onMouseEnter(null);
+            } else if (rangeStart && !rangeEnd) {
+              onMouseEnter(_date);
+            }
+          }
+        },
+        /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("date-text", dateClassName) }, date)
+      );
+    });
+  }, [
+    initMonth.dates,
+    initMonth.month,
+    initYear,
+    maxRange,
+    minDate,
+    maxDate,
+    rangeStart,
+    rangeEnd,
+    range,
+    mapOfHighlightDay,
+    clickDate,
+    onMouseEnter
+  ]);
   return /* @__PURE__ */ React__default.default.createElement("li", { className: "month-container", ref: containerRef }, /* @__PURE__ */ React__default.default.createElement(
     "header",
     {
@@ -140,62 +210,10 @@ const MonthItem = (props) => {
       ref: headerRef
     },
     getCalendarTitle.getCalendarTitle(initMonth.month.toString(), parrot.parrotI18n.t, parrot.parrotI18n)
-  ), /* @__PURE__ */ React__default.default.createElement("div", { className: "dates-in-month", ref: datesContainerRef }, new Array(initMonth.firstDateOfDay).fill(null).map((value, index) => /* @__PURE__ */ React__default.default.createElement("span", { key: `blank-date-${index}`, className: "blank" })), initMonth.dates.map((date) => {
-    const _date = common.getTime(initYear, initMonth.month, date);
-    const dateNotIncludeInRange = common.checkDateNotInRange(
-      _date,
-      minDate,
-      maxDate
-    );
-    const disabled = Boolean(
-      rangeStart && !rangeEnd && rangeStart.valueOf() > _date.valueOf()
-    ) || !dateNotIncludeInRange;
-    const dateClassName = common.getClassNameForDateBlock(
-      range,
-      _date,
-      mapOfHighlightDay,
-      disabled
-    );
-    const highlightIndex = mapOfHighlightDay.get(
-      _date.format("YYYY-MM-DD")
-    );
-    const isFirstDayInWeek = _date.day() === 1;
-    const isLastDayInWeek = _date.day() === 0;
-    const isFirstDayInMonth = _date.date() === 1;
-    const isLastDayInMonth = _date.date() === _date.daysInMonth();
-    const isLastDayIsSingleDayInWeek = isLastDayInMonth && isFirstDayInWeek;
-    const isFirstHighlight = highlightIndex === 0 || isFirstDayInWeek || isFirstDayInMonth || isLastDayIsSingleDayInWeek;
-    const isLastHighlight = highlightIndex === Math.max(mapOfHighlightDay.size - 1, 0) || isLastDayInWeek || isLastDayInMonth;
-    return /* @__PURE__ */ React__default.default.createElement(
-      "span",
-      {
-        key: `date-${date}`,
-        className: core.cx(
-          "date-block",
-          dateClassName,
-          isFirstHighlight && "first-highlight",
-          isLastHighlight && "last-highlight"
-        ),
-        onClick: () => {
-          if (disabled) {
-            return;
-          }
-          clickDate(date);
-        },
-        onMouseEnter: () => {
-          if (disabled) {
-            onMouseEnter(null);
-          } else if (rangeStart && !rangeEnd) {
-            onMouseEnter(_date);
-          }
-        }
-      },
-      /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("date-text", dateClassName) }, date)
-    );
-  })));
+  ), /* @__PURE__ */ React__default.default.createElement("div", { className: "dates-in-month", ref: datesContainerRef }, new Array(initMonth.firstDateOfDay).fill(null).map((value, index) => /* @__PURE__ */ React__default.default.createElement("span", { key: `blank-date-${index}`, className: "blank" })), datesElements));
 };
 const Month = (props) => {
-  const { year, range, minDate, maxDate, onRangeChange } = props;
+  const { year, range, minDate, maxDate, maxRange, onRangeChange } = props;
   const monthContainerRef = React.useRef(null);
   const [month, setMonth] = React.useState([]);
   const [highlightDay, setHighlightDay] = React.useState(() => {
@@ -253,6 +271,7 @@ const Month = (props) => {
         range,
         minDate,
         maxDate,
+        maxRange,
         highlightDay: highlightDay || controlHighlightDay || [],
         parentElement: monthContainerRef,
         onRangeChange,
@@ -266,7 +285,7 @@ const Week = () => {
   return /* @__PURE__ */ React__default.default.createElement(DateRangePicker_style.CalendarStyle.Week, null, /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.monday-simple")), /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.tuesday-simple")), /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.wednesday-simple")), /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.thursday-simple")), /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.friday-simple")), /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.saturday-simple")), /* @__PURE__ */ React__default.default.createElement("li", { className: index.Typo.Label.l1_regular }, t("components.sunday-simple")));
 };
 const Calendar = (props) => {
-  const { range: initRange, minDate, maxDate, onChange } = props;
+  const { range: initRange, minDate, maxDate, maxRange, onChange } = props;
   const [year, setYear] = React.useState(dayjs__default.default().year());
   const [range, setRange] = React.useState(
     initRange || [null, null]
@@ -285,6 +304,7 @@ const Calendar = (props) => {
       range,
       minDate,
       maxDate,
+      maxRange,
       onRangeChange: handleRangeChange
     }
   ));

package/dist/cjs/coreX/DateRangePicker/index.js

@@ -51,6 +51,7 @@ const TimeRange = (props) => {
     mode = ["relative", "absolute"],
     minDate,
     maxDate,
+    maxRange,
     onTypeChange,
     onRelativeTimeChange,
     onAbsoluteTimeOk,
@@ -110,6 +111,7 @@ const TimeRange = (props) => {
             range: range || [null, null],
             minDate,
             maxDate,
+            maxRange,
             onChange: (range2) => onAbsoluteTimeChange == null ? void 0 : onAbsoluteTimeChange(range2),
             onOk: (range2) => onAbsoluteTimeOk == null ? void 0 : onAbsoluteTimeOk(range2)
           }
@@ -161,6 +163,7 @@ const DateRangePicker = (props) => {
     mode = ["relative", "absolute"],
     minDate,
     maxDate,
+    maxRange,
     onChange,
     relativeTimeSelectOptions
   } = props;
@@ -295,6 +298,7 @@ const DateRangePicker = (props) => {
             mode,
             minDate,
             maxDate,
+            maxRange,
             onTypeChange: setType,
             onRelativeTimeChange: (time) => {
               handleChange("relative", time);