@cloudtower/eagle 490.0.11 → 490.0.12

package/dist/cjs/core/Alert/alert.style.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const MessageWrapperStyle = "E_meo40fy";
+const AlertStyle = "E_a1ctixr3";
+
+exports.AlertStyle = AlertStyle;
+exports.MessageWrapperStyle = MessageWrapperStyle;

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

@@ -1,10 +1,15 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var iconsReact = require('@cloudtower/icons-react');
-var index = require('../Icon/index.js');
+var index$1 = require('../Icon/index.js');
+var index = require('../Link/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
 var antd = require('antd');
 var cs = require('classnames');
 var React = require('react');
+var alert_style = require('./alert.style.js');
 var icon = require('../../utils/icon.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -18,76 +23,118 @@ 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 __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]);
-  }
+  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));
 var __objRest = (source, exclude) => {
   var target = {};
-  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
-    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
-  }
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
   return target;
 };
-const MessageWrapperStyle = "E_m74vjol";
-const AlertStyle = "E_a1o35uvh";
-const Alert = _a => {
-  var _b = _a,
-    {
-      type,
-      icon: icon$1,
-      showIcon = true,
-      className,
-      onClose,
-      closeText,
-      action,
-      message,
-      closable,
-      "data-testid": dataTestId
-    } = _b,
-    props = __objRest(_b, ["type", "icon", "showIcon", "className", "onClose", "closeText", "action", "message", "closable", "data-testid"]);
-  const _icon = /* @__PURE__ */React__default.default.createElement(index, {
-    alt: type,
-    src: icon.getAlertIcon(type)
-  });
+const Alert = (_a) => {
+  var _b = _a, {
+    type,
+    icon: icon$1,
+    showIcon = true,
+    className,
+    onClose,
+    closeText,
+    action,
+    message,
+    description,
+    closable,
+    expandConfig,
+    "data-testid": dataTestId
+  } = _b, props = __objRest(_b, [
+    "type",
+    "icon",
+    "showIcon",
+    "className",
+    "onClose",
+    "closeText",
+    "action",
+    "message",
+    "description",
+    "closable",
+    "expandConfig",
+    "data-testid"
+  ]);
+  var _a2;
+  const { t } = useParrotTranslation();
+  const _icon = /* @__PURE__ */ React__default.default.createElement(index$1, { alt: type, src: icon.getAlertIcon(type) });
   const _type = type === "normal" ? "info" : type;
   const _closable = closable || Boolean(onClose) || Boolean(closeText);
-  return /* @__PURE__ */React__default.default.createElement(antd.Alert, __spreadProps(__spreadValues({}, props), {
-    "data-testid": dataTestId,
-    className: cs__default.default(AlertStyle, type ? `alert-${type}` : "", className, {
-      action
-    }),
-    type: _type,
-    message: /* @__PURE__ */React__default.default.createElement("div", {
-      className: MessageWrapperStyle
-    }, /* @__PURE__ */React__default.default.createElement("span", {
-      style: {
-        flex: 1
-      }
-    }, message), action ? /* @__PURE__ */React__default.default.createElement("span", {
-      className: cs__default.default("action")
-    }, action) : null),
-    icon: icon$1 || _icon,
-    showIcon,
-    onClose,
-    closeText: closeText || _closable && /* @__PURE__ */React__default.default.createElement(index, {
-      src: iconsReact.XmarkRemove16RegularTertiaryCapsOffIcon,
-      hoverSrc: iconsReact.XmarkRemove16RegularPrimaryCapsOffIcon
-    }),
-    closable: _closable
-  }));
+  const [internalExpanded, setInternalExpanded] = React.useState(
+    (_a2 = expandConfig == null ? void 0 : expandConfig.defaultExpanded) != null ? _a2 : false
+  );
+  const isControlled = (expandConfig == null ? void 0 : expandConfig.expanded) !== void 0;
+  const expanded = isControlled ? expandConfig.expanded : internalExpanded;
+  const handleToggle = React.useCallback(() => {
+    var _a3;
+    const next = !expanded;
+    if (!isControlled) {
+      setInternalExpanded(next);
+    }
+    (_a3 = expandConfig == null ? void 0 : expandConfig.onExpandChange) == null ? void 0 : _a3.call(expandConfig, next);
+  }, [expanded, isControlled, expandConfig == null ? void 0 : expandConfig.onExpandChange]);
+  const showExpandToggle = expandConfig && description;
+  const expandToggle = showExpandToggle ? /* @__PURE__ */ React__default.default.createElement(
+    index,
+    {
+      onClick: handleToggle,
+      "data-testid": "alert-expand-toggle",
+      suffixIcon: /* @__PURE__ */ React__default.default.createElement(
+        index$1,
+        {
+          src: expanded ? iconsReact.ArrowChevronUpSmall16BlueIcon : iconsReact.ArrowChevronDownSmall16BlueIcon
+        }
+      )
+    },
+    expanded ? t("alert_collapse") : t("alert_expand")
+  ) : null;
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Alert,
+    __spreadProps(__spreadValues({}, props), {
+      "data-testid": dataTestId,
+      className: cs__default.default(alert_style.AlertStyle, type ? `alert-${type}` : "", className, {
+        action: action || expandToggle
+      }),
+      type: _type,
+      message: /* @__PURE__ */ React__default.default.createElement("div", { className: alert_style.MessageWrapperStyle }, /* @__PURE__ */ React__default.default.createElement("div", { style: { flex: 1 } }, message, showExpandToggle && expanded ? /* @__PURE__ */ React__default.default.createElement("div", null, description) : null), action ? /* @__PURE__ */ React__default.default.createElement("span", { className: cs__default.default("action") }, action) : null, expandToggle ? /* @__PURE__ */ React__default.default.createElement("span", { className: cs__default.default("action") }, expandToggle) : null),
+      description: expandConfig ? void 0 : description,
+      icon: icon$1 || _icon,
+      showIcon,
+      onClose,
+      closeText: closeText || _closable && /* @__PURE__ */ React__default.default.createElement(
+        index$1,
+        {
+          src: iconsReact.XmarkRemove16RegularTertiaryCapsOffIcon,
+          hoverSrc: iconsReact.XmarkRemove16RegularPrimaryCapsOffIcon
+        }
+      ),
+      closable: _closable
+    })
+  );
 };
 var Alert$1 = Alert;
 
-module.exports = Alert$1;
+exports.AlertStyle = alert_style.AlertStyle;
+exports.MessageWrapperStyle = alert_style.MessageWrapperStyle;
+exports.default = Alert$1;

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

@@ -127,7 +127,7 @@ const Timeline = ({
         ),
         /* @__PURE__ */ React__default.default.createElement("div", { className: "item-time" }, subInfoRender ? subInfoRender(subInfo) : subInfo ? /* @__PURE__ */ React__default.default.createElement(Timeline_widget.TimelineArea, __spreadValues({}, subInfo)) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null), finalDetailMessages.length > 0 ? finalDetailMessages.map(
           (detailMessage2, index2) => detailMessageRender ? detailMessageRender(detailMessage2, index2) : /* @__PURE__ */ React__default.default.createElement(
-            index$1,
+            index$1.default,
             __spreadValues({
               key: `detail-message-${index2}`,
               showIcon: false,

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

@@ -72,7 +72,7 @@ const CheckPointItem = ({
     if (action.type === "icon") {
       return /* @__PURE__ */ React__default.default.createElement(index$1, __spreadValues({}, action.props));
     }
-  })), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(tagProps) }, /* @__PURE__ */ React__default.default.createElement(index$5.default, __spreadValues({}, tagProps))))), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(alertProps) }, /* @__PURE__ */ React__default.default.createElement(index$6, __spreadValues({ showIcon: false }, alertProps))));
+  })), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(tagProps) }, /* @__PURE__ */ React__default.default.createElement(index$5.default, __spreadValues({}, tagProps))))), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(alertProps) }, /* @__PURE__ */ React__default.default.createElement(index$6.default, __spreadValues({ showIcon: false }, alertProps))));
 };
 const CheckPointList = ({
   items = [],

package/dist/cjs/index.js

@@ -82,6 +82,7 @@ var index$16 = require('./core/TimeZoneSelect/index.js');
 var index$17 = require('./core/Token/index.js');
 var index$18 = require('./core/Tooltip/index.js');
 var index$19 = require('./core/Truncate/index.js');
+var alert_style = require('./core/Alert/alert.style.js');
 var Antd5Dropdown = require('./core/Antd5Dropdown/Antd5Dropdown.js');
 var antd5 = require('antd5');
 var arch_type = require('./core/Arch/arch.type.js');
@@ -203,7 +204,7 @@ exports.MessageContext = useMessage.MessageContext;
 exports.useMessage = useMessage.useMessage;
 exports.ModalActions = modal.ModalActions;
 exports.AccordionCard = index$3;
-exports.Alert = index$4;
+exports.Alert = index$4.default;
 exports.Antd5Anchor = index$5;
 exports.Arch = index$6.default;
 exports.Avatar = index$7;
@@ -428,6 +429,8 @@ exports.Token = index$17.default;
 exports.TokenPresetColors = index$17.TokenPresetColors;
 exports.Tooltip = index$18;
 exports.Truncate = index$19;
+exports.AlertStyle = alert_style.AlertStyle;
+exports.MessageWrapperStyle = alert_style.MessageWrapperStyle;
 exports.Antd5Dropdown = Antd5Dropdown.Antd5Dropdown;
 Object.defineProperty(exports, 'Antd5Flex', {
   enumerable: true,

package/dist/cjs/legacy-antd.js

@@ -113,7 +113,7 @@ function getAntdKit() {
     },
     inputGroup: index$n,
     Empty: /* @__PURE__ */ React__default.default.createElement(index$o, null),
-    alert: index$p,
+    alert: index$p.default,
     searchInput: SearchInput.SearchInput,
     badge: index$q,
     radio: index$r.default,