@cloudtower/eagle 0.0.0-config-rc-7 → 0.0.0-data-testid

package/dist/cjs/coreX/Copy/CopyButton.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var index = require('../../core/Button/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
+var CopyTooltip = require('./CopyTooltip.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const CopyButton = ({
+  text,
+  buttonText,
+  tooltipText
+}) => {
+  const { t } = useParrotTranslation();
+  const [tooltipVisible, setTooltipVisible] = React.useState(false);
+  const handleCopy = async () => {
+    try {
+      setTooltipVisible(true);
+      setTimeout(() => {
+        setTooltipVisible(false);
+      }, 1e3);
+    } catch (err) {
+    }
+  };
+  return /* @__PURE__ */ React__default.default.createElement(
+    CopyTooltip,
+    {
+      tooltipProps: { visible: tooltipVisible },
+      text,
+      afterTooltip: tooltipText ? tooltipText : t("common.has_copied_to_clipboard")
+    },
+    /* @__PURE__ */ React__default.default.createElement(index, { onClick: handleCopy }, buttonText ? buttonText : t("common.copy"))
+  );
+};
+var CopyButton$1 = CopyButton;
+
+module.exports = CopyButton$1;

package/dist/cjs/coreX/Copy/CopyTooltip.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var index = require('../../core/Icon/index.js');
+var index$1 = require('../../core/Tooltip/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
+var CopyToClipboard = require('react-copy-to-clipboard');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var CopyToClipboard__default = /*#__PURE__*/_interopDefault(CopyToClipboard);
+
+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 CopyTooltip = React__default.default.forwardRef(
+  (props, ref) => {
+    const { t } = useParrotTranslation();
+    const {
+      text,
+      beforeTooltip = t("common.click_to_copy"),
+      afterTooltip = t("common.copy_done"),
+      children = /* @__PURE__ */ React__default.default.createElement(index, { src: iconsReact.ClipboardCopy16GradientGrayIcon }),
+      tooltipProps,
+      className
+    } = props;
+    const [tooltipText, setTooltipText] = React.useState(beforeTooltip);
+    return /* @__PURE__ */ React__default.default.createElement(
+      "span",
+      {
+        ref,
+        onMouseEnter: () => setTooltipText(beforeTooltip),
+        className
+      },
+      /* @__PURE__ */ React__default.default.createElement(index$1, __spreadProps(__spreadValues({}, tooltipProps), { title: tooltipText }), /* @__PURE__ */ React__default.default.createElement(
+        CopyToClipboard__default.default,
+        {
+          text,
+          onCopy: () => setTooltipText(afterTooltip)
+        },
+        children
+      ))
+    );
+  }
+);
+var CopyTooltip$1 = CopyTooltip;
+
+module.exports = CopyTooltip$1;

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

@@ -1,6 +1,7 @@
 'use strict';
 
 var iconsReact = require('@cloudtower/icons-react');
+var parrot = require('@cloudtower/parrot');
 var core = require('@linaria/core');
 var index$2 = require('../../core/Button/index.js');
 var index$3 = require('../../core/Icon/index.js');
@@ -8,10 +9,13 @@ 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');
 var DateRangePicker_style = require('./DateRangePicker.style.js');
+var utils = require('./utils.js');
+var getCalendarTitle = require('../common/getCalendarTitle.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -81,11 +85,12 @@ const MonthItem = (props) => {
     highlightDay,
     minDate,
     maxDate,
+    maxRange,
     parentElement,
     onRangeChange,
     onMouseEnter
   } = props;
-  const { t } = useParrotTranslation();
+  useParrotTranslation();
   const containerRef = React.useRef(null);
   const datesContainerRef = React.useRef(null);
   const headerRef = React.useRef(null);
@@ -130,70 +135,85 @@ 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",
     {
       className: core.cx(index.Typo.Label.l1_bold, isPinned && "pinned"),
       ref: headerRef
     },
-    initMonth.month,
-    t("common.month")
-  ), /* @__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)
-    );
-  })));
+    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" })), 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(() => {
@@ -209,11 +229,10 @@ const Month = (props) => {
       const time = dayjs__default.default(`${year}-${month2}`, "YYYY-M");
       const allDateInMonth = time.daysInMonth();
       const dates = new Array(allDateInMonth).fill(1).map((value, index) => index + 1);
-      const firstDateOfDay = time.set("date", dates[0]).day();
       monthAndDate.push({
         month: month2,
         dates,
-        firstDateOfDay: Math.max(firstDateOfDay - 1, 0)
+        firstDateOfDay: utils.getFirstDateOfMonth(time)
       });
     }
     setMonth(monthAndDate);
@@ -252,7 +271,8 @@ const Month = (props) => {
         range,
         minDate,
         maxDate,
-        highlightDay: highlightDay || controlHighlightDay || [],
+        maxRange,
+        highlightDay: controlHighlightDay || highlightDay || [],
         parentElement: monthContainerRef,
         onRangeChange,
         onMouseEnter: handleMouseEnterDate
@@ -265,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]
@@ -284,6 +304,7 @@ const Calendar = (props) => {
       range,
       minDate,
       maxDate,
+      maxRange,
       onRangeChange: handleRangeChange
     }
   ));

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

@@ -145,12 +145,14 @@ function time2string(time) {
   }
 }
 function getDateText(date, t) {
-  const unit = {
-    d: t("common.day"),
-    h: t("common.hour"),
-    m: t("common.minute")
+  const count = date.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")} ${date.value} ${unit}`;
+  return `${t("components.past")} ${dateString}`;
 }
 function checkDateNotInRange(date, minDate, maxDate) {
   if (!minDate && !maxDate) {

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

@@ -51,10 +51,12 @@ const TimeRange = (props) => {
     mode = ["relative", "absolute"],
     minDate,
     maxDate,
+    maxRange,
     onTypeChange,
     onRelativeTimeChange,
     onAbsoluteTimeOk,
-    onAbsoluteTimeChange
+    onAbsoluteTimeChange,
+    relativeTimeSelectOptions
   } = props;
   const { t } = useParrotTranslation();
   const absoluteDateRef = React.useRef(null);
@@ -69,7 +71,8 @@ const TimeRange = (props) => {
       RelativeTime,
       {
         value: relativeTime,
-        onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time)
+        onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time),
+        config: relativeTimeSelectOptions
       }
     ));
   } else if (mode === "absolute") {
@@ -93,7 +96,8 @@ const TimeRange = (props) => {
           RelativeTime,
           {
             value: relativeTime,
-            onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time)
+            onChange: (time) => onRelativeTimeChange == null ? void 0 : onRelativeTimeChange(time),
+            config: relativeTimeSelectOptions
           }
         ))
       },
@@ -107,13 +111,22 @@ 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)
           }
         ))
       }
     ].filter((item) => mode.includes(item.key));
-    return /* @__PURE__ */ React__default.default.createElement(index$2, { selectedKey: type, tabs, onChange: onTypeChange });
+    return /* @__PURE__ */ React__default.default.createElement(
+      index$2,
+      {
+        selectedKey: type,
+        tabs,
+        onChange: onTypeChange,
+        size: "small"
+      }
+    );
   }
 };
 const TimePickerHistory = (props) => {
@@ -150,7 +163,9 @@ const DateRangePicker = (props) => {
     mode = ["relative", "absolute"],
     minDate,
     maxDate,
-    onChange
+    maxRange,
+    onChange,
+    relativeTimeSelectOptions
   } = props;
   const { t } = useParrotTranslation();
   const [datePickerVisible, setDatePickerVisible] = React.useState(false);
@@ -256,7 +271,7 @@ const DateRangePicker = (props) => {
         className: "default-calendar-icon",
         iconWidth: 16,
         iconHeight: 16,
-        src: iconsReact.CalendarClockDateTime24GradientGrayIcon
+        src: iconsReact.CalendarClockDateTime16SecondaryIcon
       }
     ),
     /* @__PURE__ */ React__default.default.createElement(
@@ -265,7 +280,7 @@ const DateRangePicker = (props) => {
         className: "hover-calendar-icon",
         iconWidth: 16,
         iconHeight: 16,
-        src: iconsReact.CalendarClockDateTime24GradientBlueIcon
+        src: iconsReact.CalendarClockDateTime16GradientBlueIcon
       }
     ),
     /* @__PURE__ */ React__default.default.createElement(
@@ -283,6 +298,7 @@ const DateRangePicker = (props) => {
             mode,
             minDate,
             maxDate,
+            maxRange,
             onTypeChange: setType,
             onRelativeTimeChange: (time) => {
               handleChange("relative", time);
@@ -290,7 +306,8 @@ const DateRangePicker = (props) => {
             onAbsoluteTimeChange: setRange,
             onAbsoluteTimeOk: (range2) => {
               handleChange("absolute", range2);
-            }
+            },
+            relativeTimeSelectOptions
           }
         ),
         placement: "bottomLeft",

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

@@ -0,0 +1,5 @@
+'use strict';
+
+const getFirstDateOfMonth = (date, weekStartOnMonday = true) => (date.set("date", 1).day() - Number(weekStartOnMonday) + 7) % 7;
+
+exports.getFirstDateOfMonth = getFirstDateOfMonth;

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

@@ -0,0 +1,53 @@
+'use strict';
+
+var core = require('@linaria/core');
+var SmallDialog = require('../../../core/SmallDialog/SmallDialog.js');
+var index = require('../../../core/Typo/index.js');
+var useParrotTranslation = require('../../../hooks/useParrotTranslation.js');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const ContentStyle = "E_cevhqx7";
+const SecondaryDescStyle = "E_snbqlt4";
+const DeleteDialog = props => {
+  const {
+    t
+  } = useParrotTranslation();
+  const {
+    title,
+    description,
+    secondaryDesc,
+    cancelText = t("common.cancel"),
+    okText = t("common.delete"),
+    onOk,
+    onCancel,
+    className,
+    confirmLoading,
+    error,
+    showFooterErrorIcon
+  } = props;
+  return /* @__PURE__ */React__default.default.createElement(SmallDialog.SmallDialog, {
+    title,
+    showOk: true,
+    onOk,
+    onCancel,
+    className,
+    okText,
+    cancelText,
+    okButtonProps: {
+      danger: true
+    },
+    confirmLoading,
+    error,
+    showFooterErrorIcon
+  }, description && /* @__PURE__ */React__default.default.createElement("div", {
+    className: core.cx(ContentStyle, index.Typo.Label.l2_regular)
+  }, description), secondaryDesc && /* @__PURE__ */React__default.default.createElement("div", {
+    className: core.cx(SecondaryDescStyle, index.Typo.Label.l3_regular)
+  }, secondaryDesc));
+};
+
+exports.DeleteDialog = DeleteDialog;

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

@@ -0,0 +1,137 @@
+'use strict';
+
+var core = require('@linaria/core');
+var SmallDialog = require('../../../core/SmallDialog/SmallDialog.js');
+var index = require('../../../core/Typo/index.js');
+var useParrotTranslation = require('../../../hooks/useParrotTranslation.js');
+var React = require('react');
+var RejectDialog_type = require('./RejectDialog.type.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+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;
+};
+const ContentList = "E_c1ss4prm";
+const MultiRejectContentList = "E_ms3tlei";
+const Description = "E_du44iy7";
+const PartialDescription = "E_p1qmhanr";
+const SecondaryDesc = "E_srje1h0";
+const Divider = "E_di3zi7v";
+const SingleRejectContent = ({
+  content,
+  listType = "ordered",
+  resourceIcon
+}) => {
+  if (listType === "resource" && Array.isArray(content)) {
+    return /* @__PURE__ */React__default.default.createElement("div", {
+      className: core.cx(MultiRejectContentList)
+    }, content.map((name, index$1) => /* @__PURE__ */React__default.default.createElement("li", {
+      className: index.Typo.Label.l4_regular,
+      key: index$1
+    }, resourceIcon, /* @__PURE__ */React__default.default.createElement("span", null, name))));
+  }
+  if (Array.isArray(content) && content.length > 1) {
+    if (listType === "ordered") {
+      return /* @__PURE__ */React__default.default.createElement("ol", {
+        className: core.cx(ContentList)
+      }, content.map((reason, index$1) => /* @__PURE__ */React__default.default.createElement("li", {
+        className: index.Typo.Label.l4_regular,
+        key: index$1
+      }, reason)));
+    }
+    return /* @__PURE__ */React__default.default.createElement("ul", {
+      className: core.cx(ContentList)
+    }, content.map((reason, index$1) => /* @__PURE__ */React__default.default.createElement("li", {
+      className: index.Typo.Label.l4_regular,
+      key: index$1
+    }, reason)));
+  }
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: core.cx(ContentList, index.Typo.Label.l4_regular)
+  }, content);
+};
+const MultiRejectContent = ({
+  content,
+  resourceIcon
+}) => {
+  const {
+    t
+  } = useParrotTranslation();
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: core.cx(MultiRejectContentList)
+  }, Object.entries(content).map(([name, reasons], index$1) => /* @__PURE__ */React__default.default.createElement("li", {
+    className: index.Typo.Label.l4_regular,
+    key: index$1
+  }, resourceIcon, /* @__PURE__ */React__default.default.createElement("span", null, name + t("common.colon_with_space") + reasons.join(t("common.semicolon_with_space"))))));
+};
+const RejectDialog = props => {
+  const {
+    title,
+    cancelText,
+    beforeDescription,
+    description,
+    className,
+    footerClassName,
+    okButtonProps
+  } = props;
+  const renderContent = () => {
+    switch (props.type) {
+      case RejectDialog_type.RejectDialogType.Single:
+        return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, props.secondaryDesc && /* @__PURE__ */React__default.default.createElement("div", {
+          className: core.cx(SecondaryDesc, index.Typo.Label.l4_regular)
+        }, props.secondaryDesc), /* @__PURE__ */React__default.default.createElement(SingleRejectContent, {
+          content: props.content,
+          listType: props.listType,
+          resourceIcon: props.resourceIcon
+        }));
+      case RejectDialog_type.RejectDialogType.All:
+      case RejectDialog_type.RejectDialogType.Part:
+        return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, props.secondaryDesc && /* @__PURE__ */React__default.default.createElement("div", {
+          className: core.cx(SecondaryDesc, index.Typo.Label.l4_regular)
+        }, props.secondaryDesc), props.type === RejectDialog_type.RejectDialogType.Part && /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement("div", {
+          className: Divider
+        }), /* @__PURE__ */React__default.default.createElement("div", {
+          className: core.cx(PartialDescription, index.Typo.Label.l3_regular)
+        }, props.partialDescription)), /* @__PURE__ */React__default.default.createElement(MultiRejectContent, {
+          content: props.content,
+          resourceIcon: props.resourceIcon
+        }));
+      case RejectDialog_type.RejectDialogType.Custom:
+        return props.customContent;
+    }
+  };
+  return /* @__PURE__ */React__default.default.createElement(SmallDialog.SmallDialog, {
+    title,
+    cancelText,
+    showOk: props.type === RejectDialog_type.RejectDialogType.Part,
+    okText: props.type === RejectDialog_type.RejectDialogType.Part ? props.okText : void 0,
+    onOk: props.type === RejectDialog_type.RejectDialogType.Part ? props.onOk : void 0,
+    okButtonProps: __spreadValues({
+      danger: props.type === RejectDialog_type.RejectDialogType.Part
+    }, okButtonProps),
+    onCancel: props.onCancel,
+    className,
+    footerClassName
+  }, beforeDescription, description && /* @__PURE__ */React__default.default.createElement("div", {
+    className: core.cx(Description, index.Typo.Label.l3_regular)
+  }, description), renderContent());
+};
+
+exports.RejectDialog = RejectDialog;

package/dist/cjs/coreX/Dialogs/RejectDialog/RejectDialog.type.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var RejectDialogType = /* @__PURE__ */ ((RejectDialogType2) => {
+  RejectDialogType2["Single"] = "RejectSingle";
+  RejectDialogType2["All"] = "RejectAll";
+  RejectDialogType2["Part"] = "RejectPart";
+  RejectDialogType2["Custom"] = "RejectCustom";
+  return RejectDialogType2;
+})(RejectDialogType || {});
+
+exports.RejectDialogType = RejectDialogType;