@cloudtower/eagle 4100.0.18 → 4100.0.19

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

@@ -37,29 +37,29 @@ const units = {
 };
 const ChartContent = /*#__PURE__*/react.styled('div')({
   name: "ChartContent",
-  class: "E_4100_0_18_c18bcrac",
+  class: "E_4100_0_19_c18bcrac",
   propsAsIs: false
 });
 const ChartTooltipContainer = /*#__PURE__*/react.styled('div')({
   name: "ChartTooltipContainer",
-  class: "E_4100_0_18_cro7kg2",
+  class: "E_4100_0_19_cro7kg2",
   propsAsIs: false
 });
 const ChartTooltipRow = /*#__PURE__*/react.styled('div')({
   name: "ChartTooltipRow",
-  class: "E_4100_0_18_c14wcxf0",
+  class: "E_4100_0_19_c14wcxf0",
   propsAsIs: false
 });
 const _exp = /*#__PURE__*/() => ChartTooltipRow;
 const ChartTooltipTitle = /*#__PURE__*/react.styled(_exp())({
   name: "ChartTooltipTitle",
-  class: "E_4100_0_18_coy29mj",
+  class: "E_4100_0_19_coy29mj",
   propsAsIs: true
 });
 const _exp2 = /*#__PURE__*/() => props => props.color;
 const SpaceStatus = /*#__PURE__*/react.styled('i')({
   name: "SpaceStatus",
-  class: "E_4100_0_18_s11212zy",
+  class: "E_4100_0_19_s11212zy",
   propsAsIs: false,
   vars: {
     "s11212zy-0": [_exp2()]
@@ -67,7 +67,7 @@ const SpaceStatus = /*#__PURE__*/react.styled('i')({
 });
 const PrimaryUnit = /*#__PURE__*/react.styled('div')({
   name: "PrimaryUnit",
-  class: "E_4100_0_18_p1lyky6c",
+  class: "E_4100_0_19_p1lyky6c",
   propsAsIs: false
 });
 const ChartWithUnit = props => {

package/dist/cjs/coreX/CheckPointList/checkpointlist.style.js

@@ -1,8 +1,8 @@
 'use strict';
 
-const CheckPointListStyle = "E_4100_0_18_cyms3br";
-const CheckPointItemStyle = "E_4100_0_18_c157gu4z";
-const EmptyWrapper = "E_4100_0_18_eu1sysj";
+const CheckPointListStyle = "E_4100_0_19_cyms3br";
+const CheckPointItemStyle = "E_4100_0_19_c157gu4z";
+const EmptyWrapper = "E_4100_0_19_eu1sysj";
 
 exports.CheckPointItemStyle = CheckPointItemStyle;
 exports.CheckPointListStyle = CheckPointListStyle;

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

@@ -39,7 +39,7 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const LoadingWrapper = "E_4100_0_18_l12xdkhl";
+const LoadingWrapper = "E_4100_0_19_l12xdkhl";
 const CircleLoading = _a => {
   var _b = _a,
     {

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

@@ -18,10 +18,10 @@ var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var moment__default = /*#__PURE__*/_interopDefault(moment);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const CronCalendarWrapper = "E_4100_0_18_clm1wy1";
-const Title = "E_4100_0_18_t1tsm00v";
-const Control = "E_4100_0_18_c167wnad";
-const Cell = "E_4100_0_18_cxhf7dh";
+const CronCalendarWrapper = "E_4100_0_19_clm1wy1";
+const Title = "E_4100_0_19_t1tsm00v";
+const Control = "E_4100_0_19_c167wnad";
+const Cell = "E_4100_0_19_cxhf7dh";
 const CronCalendar = ({
   plans
 }) => {

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

@@ -48,10 +48,10 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const CronPlanWrapper = "E_4100_0_18_c1up1pdz";
-const CronPlanHeader = "E_4100_0_18_c156wh19";
-const ModeTabs = "E_4100_0_18_m126spxy";
-const Wrapper = "E_4100_0_18_wpbf4pq";
+const CronPlanWrapper = "E_4100_0_19_c1up1pdz";
+const CronPlanHeader = "E_4100_0_19_c156wh19";
+const ModeTabs = "E_4100_0_19_m126spxy";
+const Wrapper = "E_4100_0_19_wpbf4pq";
 const stringifyPlan = (mode, daily, weekly, monthly, i18n) => {
   const isZh = i18n.language === parrot.ParrotLngs.zh;
   const mark = i18n.t("components.date_mark");

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

@@ -4,22 +4,22 @@ var react = require('@linaria/react');
 
 const CalendarWrapper = /*#__PURE__*/react.styled('div')({
   name: "CalendarWrapper",
-  class: "E_4100_0_18_c1kchka8",
+  class: "E_4100_0_19_c1kchka8",
   propsAsIs: false
 });
 const CalendarYearWrapper = /*#__PURE__*/react.styled('div')({
   name: "CalendarYearWrapper",
-  class: "E_4100_0_18_ctdb951",
+  class: "E_4100_0_19_ctdb951",
   propsAsIs: false
 });
 const CalendarWeekWrapper = /*#__PURE__*/react.styled('ul')({
   name: "CalendarWeekWrapper",
-  class: "E_4100_0_18_cvgtyx0",
+  class: "E_4100_0_19_cvgtyx0",
   propsAsIs: false
 });
 const CalendarMonthWrapper = /*#__PURE__*/react.styled('div')({
   name: "CalendarMonthWrapper",
-  class: "E_4100_0_18_crprfvb",
+  class: "E_4100_0_19_crprfvb",
   propsAsIs: false
 });
 const CalendarStyle = {
@@ -30,7 +30,7 @@ const CalendarStyle = {
 };
 const InputTimeWrapper = /*#__PURE__*/react.styled('div')({
   name: "InputTimeWrapper",
-  class: "E_4100_0_18_ipbxcfl",
+  class: "E_4100_0_19_ipbxcfl",
   propsAsIs: false
 });
 const InputTimeStyle = {
@@ -38,12 +38,12 @@ const InputTimeStyle = {
 };
 const AbsoluteTimeWrapper = /*#__PURE__*/react.styled('div')({
   name: "AbsoluteTimeWrapper",
-  class: "E_4100_0_18_a120uq8m",
+  class: "E_4100_0_19_a120uq8m",
   propsAsIs: false
 });
 const AbsoluteTimeSectionWrapper = /*#__PURE__*/react.styled('div')({
   name: "AbsoluteTimeSectionWrapper",
-  class: "E_4100_0_18_a15s9m0d",
+  class: "E_4100_0_19_a15s9m0d",
   propsAsIs: false
 });
 const AbsoluteTimeStyle = {
@@ -52,7 +52,7 @@ const AbsoluteTimeStyle = {
 };
 const RelativeTimeWrapper = /*#__PURE__*/react.styled('div')({
   name: "RelativeTimeWrapper",
-  class: "E_4100_0_18_r5hl59d",
+  class: "E_4100_0_19_r5hl59d",
   propsAsIs: false
 });
 const RelativeTimeStyle = {
@@ -60,13 +60,13 @@ const RelativeTimeStyle = {
 };
 const DateRangePickerWrapper = /*#__PURE__*/react.styled('div')({
   name: "DateRangePickerWrapper",
-  class: "E_4100_0_18_dhqt3dw",
+  class: "E_4100_0_19_dhqt3dw",
   propsAsIs: false
 });
-const DateRangePickerPopover = "E_4100_0_18_d956d92";
+const DateRangePickerPopover = "E_4100_0_19_d956d92";
 const DateRangePickerHistory = /*#__PURE__*/react.styled('div')({
   name: "DateRangePickerHistory",
-  class: "E_4100_0_18_d1tc7lgk",
+  class: "E_4100_0_19_d1tc7lgk",
   propsAsIs: false
 });
 const DateRangePickerStyle = {
@@ -74,7 +74,7 @@ const DateRangePickerStyle = {
   Popover: DateRangePickerPopover,
   History: DateRangePickerHistory
 };
-const ResetPopoverStyle = "E_4100_0_18_rzaik16";
+const ResetPopoverStyle = "E_4100_0_19_rzaik16";
 
 exports.AbsoluteTimeStyle = AbsoluteTimeStyle;
 exports.CalendarStyle = CalendarStyle;

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

@@ -14,12 +14,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 var Highlighter__default = /*#__PURE__*/_interopDefault(Highlighter);
 
-const HighlightKeywordStyle = "E_4100_0_18_h1ol2wl7";
+const HighlightKeywordStyle = "E_4100_0_19_h1ol2wl7";
 const RelativeTime = props => {
   const {
     value,
     config,
     search,
+    type = "past",
     onChange
   } = props;
   const {
@@ -27,8 +28,9 @@ const RelativeTime = props => {
   } = useParrotTranslation();
   const configRef = React.useRef(config || common.BASIC_RELATIVE_TIME_CONFIG);
   const [keyword, setKeyword] = React.useState("");
+  const normalizedValue = value ? common.normalizeRelativeTime(value, type) : void 0;
   const configList = configRef.current.filter(config2 => {
-    const text = common.getDateText(config2, t);
+    const text = common.getDateText(config2, t, type);
     return text.indexOf(keyword) > -1;
   });
   return /* @__PURE__ */React__default.default.createElement(DateRangePicker_style.RelativeTimeStyle.Wrapper, null, search ? /* @__PURE__ */React__default.default.createElement(index, {
@@ -39,12 +41,13 @@ const RelativeTime = props => {
   }) : null, /* @__PURE__ */React__default.default.createElement("ul", {
     className: core.cx("past-time-list", !search && "no-search")
   }, configList.map((config2, index) => {
-    const selected = config2.unit === (value == null ? void 0 : value.unit) && config2.value === (value == null ? void 0 : value.value);
-    const text = common.getDateText(config2, t);
+    const normalizedConfig = common.normalizeRelativeTime(config2, type);
+    const selected = normalizedConfig.unit === (normalizedValue == null ? void 0 : normalizedValue.unit) && normalizedConfig.value === (normalizedValue == null ? void 0 : normalizedValue.value) && normalizedConfig.type === (normalizedValue == null ? void 0 : normalizedValue.type);
+    const text = common.getDateText(normalizedConfig, t, type);
     return /* @__PURE__ */React__default.default.createElement("li", {
       key: index,
-      className: core.cx(index$1.Typo.Label.l2_regular, selected && "selected", config2.disabled && "disabled"),
-      onClick: () => onChange == null ? void 0 : onChange(config2)
+      className: core.cx(index$1.Typo.Label.l2_regular, selected && "selected", normalizedConfig.disabled && "disabled"),
+      onClick: () => onChange == null ? void 0 : onChange(normalizedConfig)
     }, /* @__PURE__ */React__default.default.createElement(Highlighter__default.default, {
       highlightClassName: core.cx(HighlightKeywordStyle, "highlight"),
       searchWords: [keyword],

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

@@ -8,6 +8,25 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const BASIC_RELATIVE_TIME_CONFIG = [
   {
     unit: "m",
@@ -144,15 +163,89 @@ function time2string(time) {
     return _time;
   }
 }
-function getDateText(date, t) {
-  const count = date.value;
+function normalizeRelativeTime(date, defaultType = "past") {
+  if (date.type) {
+    return date;
+  }
+  return __spreadProps(__spreadValues({}, date), {
+    type: defaultType
+  });
+}
+function getRelativeTimeRange(date, defaultType = "past", nowDate = dayjs__default.default()) {
+  const normalizedDate = normalizeRelativeTime(date, defaultType);
+  const rangeEnd = normalizedDate.type === "future" ? nowDate.add(normalizedDate.value, normalizedDate.unit) : nowDate.subtract(normalizedDate.value, normalizedDate.unit);
+  return [nowDate, rangeEnd];
+}
+function getEffectiveAbsoluteTimeBounds(type = "past", minDate, maxDate, nowDate = dayjs__default.default()) {
+  if (type !== "future") {
+    return {
+      minDate,
+      maxDate
+    };
+  }
+  let effectiveMinDate = nowDate.startOf("day");
+  let effectiveMaxDate = nowDate.add(1, "year");
+  if (minDate) {
+    const parsedMinDate = dayjs__default.default(minDate);
+    if (parsedMinDate.isValid() && parsedMinDate.isAfter(effectiveMinDate)) {
+      effectiveMinDate = parsedMinDate;
+    }
+  }
+  if (maxDate) {
+    const parsedMaxDate = dayjs__default.default(maxDate);
+    if (parsedMaxDate.isValid() && parsedMaxDate.isBefore(effectiveMaxDate)) {
+      effectiveMaxDate = parsedMaxDate;
+    }
+  }
+  return {
+    minDate: effectiveMinDate,
+    maxDate: effectiveMaxDate
+  };
+}
+function isAbsoluteTimeRangeWithinBounds(range, minDate, maxDate) {
+  const [start, end] = range;
+  const min = minDate ? dayjs__default.default(minDate) : void 0;
+  const max = maxDate ? dayjs__default.default(maxDate) : void 0;
+  if (!(start == null ? void 0 : start.isValid()) || !(end == null ? void 0 : end.isValid()) || start.isAfter(end) || min && !min.isValid() || max && !max.isValid() || min && max && min.isAfter(max)) {
+    return false;
+  }
+  return (!min || !start.isBefore(min)) && (!max || !end.isAfter(max));
+}
+function hasAbsoluteTimeRangeIntersection(range, minDate, maxDate) {
+  const [start, end] = range;
+  const min = minDate ? dayjs__default.default(minDate) : void 0;
+  const max = maxDate ? dayjs__default.default(maxDate) : void 0;
+  if (!(start == null ? void 0 : start.isValid()) || !(end == null ? void 0 : end.isValid()) || start.isAfter(end) || min && !min.isValid() || max && !max.isValid() || min && max && min.isAfter(max)) {
+    return false;
+  }
+  return (!min || !end.isBefore(min)) && (!max || !start.isAfter(max));
+}
+function clampAbsoluteTimeRangeToBounds(range, minDate, maxDate) {
+  if (!hasAbsoluteTimeRangeIntersection(range, minDate, maxDate)) {
+    return void 0;
+  }
+  const [start, end] = range;
+  const min = minDate ? dayjs__default.default(minDate) : void 0;
+  const max = maxDate ? dayjs__default.default(maxDate) : void 0;
+  const clampedRange = [
+    min && start.isBefore(min) ? min : start,
+    max && end.isAfter(max) ? max : end
+  ];
+  return isAbsoluteTimeRangeWithinBounds(clampedRange, minDate, maxDate) ? clampedRange : void 0;
+}
+function getDateText(date, t, defaultType = "past") {
+  const normalizedDate = normalizeRelativeTime(date, defaultType);
+  const count = normalizedDate.value;
   const dateString = {
     d: t("common.day_count", { count }),
     h: t("common.hour_count", { count }),
     m: t("common.minute_count", { count }),
-    M: t("common.month_measure_count", { count })
-  }[date.unit];
-  return `${t("components.past")} ${dateString}`;
+    M: t("common.month_measure_count", { count }),
+    y: t("common.year_count", { count })
+  }[normalizedDate.unit];
+  return `${t(
+    normalizedDate.type === "future" ? "components.future" : "components.past"
+  )} ${dateString}`;
 }
 function checkDateNotInRange(date, minDate, maxDate) {
   if (!minDate && !maxDate) {
@@ -190,12 +283,18 @@ function copyDay(day) {
 
 exports.BASIC_RELATIVE_TIME_CONFIG = BASIC_RELATIVE_TIME_CONFIG;
 exports.checkDateNotInRange = checkDateNotInRange;
+exports.clampAbsoluteTimeRangeToBounds = clampAbsoluteTimeRangeToBounds;
 exports.copyDay = copyDay;
 exports.getClassNameForDateBlock = getClassNameForDateBlock;
 exports.getDateText = getDateText;
 exports.getDiffMonthAndDate = getDiffMonthAndDate;
+exports.getEffectiveAbsoluteTimeBounds = getEffectiveAbsoluteTimeBounds;
+exports.getRelativeTimeRange = getRelativeTimeRange;
 exports.getTime = getTime;
+exports.hasAbsoluteTimeRangeIntersection = hasAbsoluteTimeRangeIntersection;
+exports.isAbsoluteTimeRangeWithinBounds = isAbsoluteTimeRangeWithinBounds;
 exports.isSameDate = isSameDate;
+exports.normalizeRelativeTime = normalizeRelativeTime;
 exports.time2string = time2string;
 exports.time2stringByUnit = time2stringByUnit;
 exports.trimTime = trimTime;

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

@@ -45,7 +45,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const TimeRange = (props) => {
   const {
     visible,
-    type,
+    panelType,
+    direction,
     relativeTime,
     range,
     mode = ["relative", "absolute"],
@@ -71,6 +72,7 @@ const TimeRange = (props) => {
       RelativeTime,
       {
         value: relativeTime,
+        type: direction,
         onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time),
         config: relativeTimeSelectOptions
       }
@@ -83,6 +85,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)
       }
@@ -96,6 +99,7 @@ const TimeRange = (props) => {
           RelativeTime,
           {
             value: relativeTime,
+            type: direction,
             onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time),
             config: relativeTimeSelectOptions
           }
@@ -121,7 +125,7 @@ const TimeRange = (props) => {
     return /* @__PURE__ */ React__default.default.createElement(
       index$2,
       {
-        selectedKey: type,
+        selectedKey: panelType,
         tabs,
         onChange: onTypeChange,
         size: "small"
@@ -130,23 +134,48 @@ const TimeRange = (props) => {
   }
 };
 const TimePickerHistory = (props) => {
-  const { history, onSelect } = props;
+  const { history, type, minDate, maxDate, onSelect } = props;
   const { t } = useParrotTranslation();
   function contentRender() {
-    if (!history.length) {
+    const filteredHistory = history.filter((item) => {
+      if (Array.isArray(item.value)) {
+        if (type !== "future") {
+          return true;
+        }
+        if (item.value.length !== 2 || !item.value[0] || !item.value[1]) {
+          return false;
+        }
+        return common.hasAbsoluteTimeRangeIntersection(
+          [dayjs__default.default(item.value[0]), dayjs__default.default(item.value[1])],
+          minDate,
+          maxDate
+        );
+      }
+      return common.normalizeRelativeTime(item.value, "past").type === type;
+    }).sort((a, b) => b.timestamp - a.timestamp);
+    if (!filteredHistory.length) {
       return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, t("components.empty_search_history"));
     }
-    return history.sort((a, b) => b.timestamp - a.timestamp).map((item, index) => {
+    return filteredHistory.map((item, index) => {
+      const normalizedRelativeTime = Array.isArray(item.value) ? void 0 : common.normalizeRelativeTime(item.value, "past");
       const text = Array.isArray(item.value) ? `${dayjs__default.default(item.value[0]).format("YYYY-MM-DD hh:mm:ss")} - ${dayjs__default.default(
         item.value[1]
-      ).format("YYYY-MM-DD hh:mm:ss")}` : common.getDateText(item.value, t);
-      const obj = Array.isArray(item.value) ? [dayjs__default.default(item.value[0]), dayjs__default.default(item.value[1])] : item.value;
+      ).format("YYYY-MM-DD hh:mm:ss")}` : common.getDateText(normalizedRelativeTime, t);
       return /* @__PURE__ */ React__default.default.createElement(
         "li",
         {
           key: index,
           className: index$3.Typo.Label.l2_regular,
-          onClick: () => onSelect(obj)
+          onClick: () => {
+            if (Array.isArray(item.value)) {
+              onSelect([
+                dayjs__default.default(item.value[0]),
+                dayjs__default.default(item.value[1])
+              ]);
+              return;
+            }
+            onSelect(normalizedRelativeTime);
+          }
         },
         text
       );
@@ -159,6 +188,7 @@ const DateRangePicker = (props) => {
   const {
     size = "medium",
     value,
+    type: relativeTimeType = "past",
     history,
     mode = ["relative", "absolute"],
     minDate,
@@ -169,35 +199,48 @@ const DateRangePicker = (props) => {
   } = props;
   const { t } = useParrotTranslation();
   const [datePickerVisible, setDatePickerVisible] = React.useState(false);
-  const [type, setType] = React.useState("relative");
+  const [panelType, setPanelType] = React.useState("relative");
   const [range, setRange] = React.useState(
     Array.isArray(value) ? value : void 0
   );
-  const relativeTime = !Array.isArray(value) ? value : void 0;
-  const isRelativeValue = value && !Array.isArray(value);
+  const relativeTime = value && !Array.isArray(value) ? common.normalizeRelativeTime(value, relativeTimeType) : void 0;
+  const { minDate: effectiveMinDate, maxDate: effectiveMaxDate } = common.getEffectiveAbsoluteTimeBounds(relativeTimeType, minDate, maxDate);
   const isAbsoluteValue = value && Array.isArray(value);
-  function handleChange(type2, time) {
+  function handleChange(type, time) {
     var _a2, _b;
     const rangeHistory = [
       ...(_a2 = history == null ? void 0 : history.dateRangeHistories[history.scope]) != null ? _a2 : []
     ];
-    if (type2 === "absolute" && Array.isArray(time)) {
+    if (type === "absolute" && Array.isArray(time)) {
+      if (relativeTimeType === "future" && !common.isAbsoluteTimeRangeWithinBounds(
+        time,
+        effectiveMinDate,
+        effectiveMaxDate
+      )) {
+        return;
+      }
       const value2 = time.map((item) => (item == null ? void 0 : item.format()) || "");
       rangeHistory.push({
-        type: type2,
+        type,
         value: value2,
         timestamp: Date.now()
       });
-      onChange == null ? void 0 : onChange(type2, time, time);
-    } else if (type2 === "relative" && !Array.isArray(time)) {
+      onChange == null ? void 0 : onChange(type, time, time);
+    } else if (type === "relative" && !Array.isArray(time)) {
+      const normalizedRelativeTime = common.normalizeRelativeTime(
+        time,
+        relativeTimeType
+      );
       rangeHistory.push({
-        type: type2,
-        value: time,
+        type,
+        value: normalizedRelativeTime,
         timestamp: Date.now()
       });
-      const today = dayjs__default.default();
-      const pastDay = dayjs__default.default().subtract(time.value, time.unit);
-      onChange == null ? void 0 : onChange(type2, time, [today, pastDay]);
+      onChange == null ? void 0 : onChange(
+        type,
+        normalizedRelativeTime,
+        common.getRelativeTimeRange(normalizedRelativeTime)
+      );
     }
     history == null ? void 0 : history.setDateRangeHistory(__spreadProps(__spreadValues({}, (_b = history == null ? void 0 : history.dateRangeHistories) != null ? _b : {}), {
       [history.scope]: rangeHistory
@@ -205,21 +248,19 @@ const DateRangePicker = (props) => {
     setDatePickerVisible(false);
   }
   React.useEffect(() => {
-    if (isRelativeValue) {
-      const today = dayjs__default.default();
-      const pastDay = dayjs__default.default().subtract(value.value, value.unit);
-      setType("relative");
-      onChange == null ? void 0 : onChange("relative", value, [today, pastDay]);
-    } else if (isAbsoluteValue) {
+    if (relativeTime) {
+      setPanelType("relative");
+      onChange == null ? void 0 : onChange("relative", relativeTime, common.getRelativeTimeRange(relativeTime));
+    } else if (Array.isArray(value)) {
       setRange(value);
-      setType("absolute");
+      setPanelType("absolute");
       onChange == null ? void 0 : onChange("absolute", value, value);
     }
-  }, [value]);
+  }, [relativeTimeType, value]);
   function displayRangeRender() {
     var _a2, _b;
-    if (isRelativeValue) {
-      return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, common.getDateText(value, t));
+    if (relativeTime) {
+      return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, common.getDateText(relativeTime, t));
     } else if (isAbsoluteValue) {
       return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
         index$4,
@@ -239,21 +280,36 @@ const DateRangePicker = (props) => {
     }
   }
   function handleSelectHistory(value2) {
-    const type2 = Array.isArray(value2) ? "absolute" : "relative";
-    if (type2 === "absolute" && Array.isArray(value2)) {
-      const _value = [...value2];
-      const [start, end] = _value;
-      if (minDate && start) {
-        const _minDate = dayjs__default.default(minDate);
-        _value[0] = start.isBefore(_minDate) ? _minDate : start;
+    if (Array.isArray(value2)) {
+      let selectedRange = [...value2];
+      if (relativeTimeType === "future") {
+        selectedRange = common.clampAbsoluteTimeRangeToBounds(
+          value2,
+          effectiveMinDate,
+          effectiveMaxDate
+        );
+      } else {
+        const [start, end] = selectedRange;
+        if (minDate && start) {
+          const parsedMinDate = dayjs__default.default(minDate);
+          selectedRange[0] = start.isBefore(parsedMinDate) ? parsedMinDate : start;
+        }
+        if (maxDate && end) {
+          const parsedMaxDate = dayjs__default.default(maxDate);
+          selectedRange[1] = end.isAfter(parsedMaxDate) ? parsedMaxDate : end;
+        }
       }
-      if (maxDate && end) {
-        const _maxDate = dayjs__default.default(maxDate);
-        _value[1] = end.isAfter(_maxDate) ? _maxDate : end;
+      if (!selectedRange) {
+        return;
       }
-      handleChange(type2, _value);
+      const [selectedStart, selectedEnd] = selectedRange;
+      if (!(selectedStart == null ? void 0 : selectedStart.isValid()) || !(selectedEnd == null ? void 0 : selectedEnd.isValid()) || selectedStart.isAfter(selectedEnd)) {
+        return;
+      }
+      handleChange("absolute", selectedRange);
+      return;
     }
-    handleChange(type2, value2);
+    handleChange("relative", common.normalizeRelativeTime(value2, "past"));
   }
   return /* @__PURE__ */ React__default.default.createElement(
     DateRangePicker_style.DateRangePickerStyle.Wrapper,
@@ -292,14 +348,15 @@ const DateRangePicker = (props) => {
           TimeRange,
           {
             visible: datePickerVisible,
-            type,
+            panelType,
+            direction: relativeTimeType,
             range,
             relativeTime,
             mode,
-            minDate,
-            maxDate,
+            minDate: effectiveMinDate,
+            maxDate: effectiveMaxDate,
             maxRange,
-            onTypeChange: setType,
+            onTypeChange: setPanelType,
             onRelativeTimeChange: (time) => {
               handleChange("relative", time);
             },
@@ -330,6 +387,9 @@ const DateRangePicker = (props) => {
           TimePickerHistory,
           {
             history: (_a = history.dateRangeHistories[history.scope]) != null ? _a : [],
+            type: relativeTimeType,
+            minDate: effectiveMinDate,
+            maxDate: effectiveMaxDate,
             onSelect: handleSelectHistory
           }
         ),

package/dist/cjs/coreX/Dialogs/DeleteDialog/DeleteDialog.js

@@ -10,8 +10,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const ContentStyle = "E_4100_0_18_cevhqx7";
-const SecondaryDescStyle = "E_4100_0_18_snbqlt4";
+const ContentStyle = "E_4100_0_19_cevhqx7";
+const SecondaryDescStyle = "E_4100_0_19_snbqlt4";
 const DeleteDialog = props => {
   const {
     t