@cloudtower/eagle 0.32.33 → 0.32.35

package/dist/cjs/antd.js

@@ -7,7 +7,7 @@ const ListItem = antd.List.Item;
 const MenuItemGroup = antd.Menu.ItemGroup;
 const SkeletonButton = antd.Skeleton.Button;
 const TabsTabPane = antd.Tabs.TabPane;
-const TimelineItem = antd.Timeline.Item;
+const AntdTimelineItem = antd.Timeline.Item;
 const TypographyText = antd.Typography.Text;
 const UploadDragger = antd.Upload.Dragger;
 const AntdOption = antd.Select.Option;
@@ -74,6 +74,10 @@ Object.defineProperty(exports, 'AntdTimePicker', {
   enumerable: true,
   get: function () { return antd.TimePicker; }
 });
+Object.defineProperty(exports, 'AntdTimeline', {
+  enumerable: true,
+  get: function () { return antd.Timeline; }
+});
 Object.defineProperty(exports, 'AntdTooltip', {
   enumerable: true,
   get: function () { return antd.Tooltip; }
@@ -122,10 +126,6 @@ Object.defineProperty(exports, 'Tabs', {
   enumerable: true,
   get: function () { return antd.Tabs; }
 });
-Object.defineProperty(exports, 'Timeline', {
-  enumerable: true,
-  get: function () { return antd.Timeline; }
-});
 Object.defineProperty(exports, 'Tree', {
   enumerable: true,
   get: function () { return antd.Tree; }
@@ -141,11 +141,11 @@ Object.defineProperty(exports, 'Upload', {
 exports.AntdModal = AntdModal;
 exports.AntdOption = AntdOption;
 exports.AntdSelectOptGroup = AntdSelectOptGroup;
+exports.AntdTimelineItem = AntdTimelineItem;
 exports.DatePickerRangePicker = DatePickerRangePicker;
 exports.ListItem = ListItem;
 exports.MenuItemGroup = MenuItemGroup;
 exports.SkeletonButton = SkeletonButton;
 exports.TabsTabPane = TabsTabPane;
-exports.TimelineItem = TimelineItem;
 exports.TypographyText = TypographyText;
 exports.UploadDragger = UploadDragger;

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

@@ -59,6 +59,15 @@ const usePopModal = () => {
   }, [dispatch]);
   return popModal;
 };
+const useResetModal = () => {
+  const dispatch = useKitDispatch();
+  const resetModal = React.useCallback(() => {
+    dispatch({
+      type: modal.ModalActions.RESET_MODAL
+    });
+  }, [dispatch]);
+  return resetModal;
+};
 
 exports.default = KitStoreProvider$1;
 exports.useCloseModal = useCloseModal;
@@ -66,3 +75,4 @@ exports.useKitDispatch = useKitDispatch;
 exports.useKitSelector = useKitSelector;
 exports.usePopModal = usePopModal;
 exports.usePushModal = usePushModal;
+exports.useResetModal = useResetModal;

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

@@ -31,6 +31,7 @@ const ModalStack = () => {
     (state) => state.modal.stack
   );
   const closeModal = index.useCloseModal();
+  const resetModal = index.useResetModal();
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, stack.map((modal) => /* @__PURE__ */ React__default.default.createElement(
     modal.component,
     __spreadProps(__spreadValues({}, modal.props), {
@@ -42,6 +43,7 @@ const ModalStack = () => {
         }
         closeModal(modal.id);
       },
+      closeAllModal: () => resetModal(),
       key: modal.id
     })
   )));

package/dist/cjs/core/Progress/progress.widgets.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var iconsReact = require('@cloudtower/icons-react');
 var react = require('@linaria/react');
 var index$1 = require('../Link/index.js');
+var constants = require('../../utils/constants.js');
 var components = require('./components.js');
 var index = require('../Tag/index.js');
 var React = require('react');
@@ -39,9 +39,6 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const splitMap = {
-  dot: /* @__PURE__ */React__default.default.createElement(iconsReact.DotIntervalSeparation16TertiaryIcon, null)
-};
 const titleAreaStyle = "E_t1gvlxt5";
 const _exp = /*#__PURE__*/() => props => props.gap;
 const AreaWrapper = /*#__PURE__*/react.styled('div')({
@@ -58,7 +55,7 @@ const Area = ({
   split,
   className
 }) => {
-  const splitNode = typeof split === "string" ? splitMap[split] || split : split;
+  const splitNode = typeof split === "string" ? constants.splitMap[split] || split : split;
   return /* @__PURE__ */React__default.default.createElement(AreaWrapper, {
     className,
     gap

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

@@ -0,0 +1,13 @@
+'use strict';
+
+const TimelineWrapper = "E_t59qhqp";
+const TimelineItemWrapper = "E_t2e44lg";
+const EmptyWrapper = "E_e14ua30y";
+const SubInfoTextWrapper = "E_s1ikqzph";
+const InfoTextWrapper = "E_i15astnl";
+
+exports.EmptyWrapper = EmptyWrapper;
+exports.InfoTextWrapper = InfoTextWrapper;
+exports.SubInfoTextWrapper = SubInfoTextWrapper;
+exports.TimelineItemWrapper = TimelineItemWrapper;
+exports.TimelineWrapper = TimelineWrapper;

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

@@ -0,0 +1,114 @@
+'use strict';
+
+var React = require('react');
+var core = require('@linaria/core');
+var constants = require('../../utils/constants.js');
+var index$2 = require('../Link/index.js');
+var index$3 = require('../Typo/index.js');
+var index$4 = require('../../coreX/OverflowTooltip/index.js');
+var index$1 = require('../Tag/index.js');
+var antd5 = require('antd5');
+var cs = require('classnames');
+var Timeline_style = require('./Timeline.style.js');
+var index = require('../../coreX/Show/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+
+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;
+};
+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];
+    }
+  return target;
+};
+const TimelineBasicText = ({
+  children,
+  className,
+  multiLines
+}) => {
+  return /* @__PURE__ */ React__default.default.createElement(
+    index$4,
+    {
+      className,
+      multiLines: multiLines != null ? multiLines : 2,
+      content: children
+    }
+  );
+};
+const TimelineArea = ({ items, gap = 1, split, suffix, className, compact }) => {
+  const splitNode = typeof split === "string" ? constants.splitMap[split] || split : split;
+  const rendetItem = (category, props, compact2) => {
+    const _a = props, { className: className2 } = _a, restProps = __objRest(_a, ["className"]);
+    switch (category) {
+      case "subinfo_label":
+        return /* @__PURE__ */ React__default.default.createElement(
+          TimelineBasicText,
+          __spreadValues({
+            className: core.cx(Timeline_style.SubInfoTextWrapper, index$3.Typo.Label.l4_regular, className2)
+          }, restProps)
+        );
+      case "info":
+        return /* @__PURE__ */ React__default.default.createElement(
+          TimelineBasicText,
+          __spreadValues({
+            className: cs__default.default(
+              Timeline_style.InfoTextWrapper,
+              {
+                [index$3.Typo.Label.l4_regular]: compact2,
+                [index$3.Typo.Label.l2_regular]: !compact2
+              },
+              className2
+            )
+          }, restProps)
+        );
+      case "info_bold":
+        return /* @__PURE__ */ React__default.default.createElement(
+          TimelineBasicText,
+          __spreadValues({
+            className: cs__default.default(
+              Timeline_style.InfoTextWrapper,
+              {
+                [index$3.Typo.Label.l4_bold]: compact2,
+                [index$3.Typo.Label.l2_bold]: !compact2
+              },
+              className2
+            )
+          }, restProps)
+        );
+      case "link":
+        return /* @__PURE__ */ React__default.default.createElement(index$2, __spreadValues({}, props));
+      case "tag":
+        return /* @__PURE__ */ React__default.default.createElement(index$1.default, __spreadValues({}, props));
+    }
+  };
+  return /* @__PURE__ */ React__default.default.createElement(antd5.Flex, { justify: "space-between", align: "center", className }, /* @__PURE__ */ React__default.default.createElement(antd5.Flex, { align: "center", gap }, items.map((item, idx) => {
+    const { category } = item;
+    return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, { key: idx }, rendetItem(category, item, compact), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(split) }, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: idx < items.length - 1 }, splitNode)));
+  })), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(suffix) }, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(split) }, splitNode), suffix));
+};
+
+exports.TimelineArea = TimelineArea;

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

@@ -0,0 +1,122 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var antd5 = require('antd5');
+var React = require('react');
+var Timeline_style = require('./Timeline.style.js');
+var index$1 = require('../Alert/index.js');
+var index = require('../Icon/index.js');
+var cs = require('classnames');
+var Timeline_widget = require('./Timeline.widget.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+
+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 Timeline = ({
+  items,
+  emptyText,
+  emptyRender,
+  compact,
+  emptyTextClassName
+}) => {
+  if (!items.length) {
+    if (emptyRender) {
+      return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, emptyRender(emptyText));
+    }
+    return /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(Timeline_style.EmptyWrapper, emptyTextClassName) }, emptyText);
+  }
+  const iconMap = {
+    success: iconsReact.CheckmarkDoneSuccessCorrect16GreenIcon,
+    failed: iconsReact.XmarkFailed16RedIcon,
+    progress: iconsReact.Loading16GradientBlueIcon,
+    notice: iconsReact.NoticeTriangleFill16YellowIcon,
+    pending: iconsReact.WaitingBreathingLed16YellowIcon,
+    idle: iconsReact.TimelineNotStart16GrayIcon
+  };
+  const alertTypeMap = {
+    success: "success",
+    failed: "error",
+    progress: "info",
+    notice: "warning",
+    pending: "info",
+    idle: "normal"
+  };
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(Timeline_style.TimelineWrapper) }, /* @__PURE__ */ React__default.default.createElement(antd5.Timeline, null, items.map((item, index$2) => {
+    const {
+      status,
+      infos,
+      infosRender,
+      infoAction,
+      subInfo,
+      subInfoRender,
+      detailMessage,
+      detailMessageRender
+    } = item;
+    return /* @__PURE__ */ React__default.default.createElement(
+      antd5.Timeline.Item,
+      {
+        key: `timeline-item-${index$2}`,
+        className: cs__default.default(Timeline_style.TimelineItemWrapper, { compact }),
+        dot: /* @__PURE__ */ React__default.default.createElement(
+          index,
+          {
+            src: iconMap[status],
+            iconHeight: 16,
+            iconWidth: 16,
+            isRotate: status === "progress"
+          }
+        )
+      },
+      infosRender ? infosRender(infos) : /* @__PURE__ */ React__default.default.createElement(
+        antd5.Flex,
+        {
+          vertical: true,
+          justify: "space-between",
+          gap: 2,
+          className: "info-wrapper"
+        },
+        infos.map((item2, index2) => /* @__PURE__ */ React__default.default.createElement(
+          Timeline_widget.TimelineArea,
+          __spreadProps(__spreadValues({
+            gap: 6,
+            key: `title-area-${index2}`
+          }, item2), {
+            compact,
+            suffix: !index2 && infoAction ? /* @__PURE__ */ React__default.default.createElement("span", { className: "info-action" }, infoAction) : void 0
+          })
+        ))
+      ),
+      /* @__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), detailMessageRender ? detailMessageRender(detailMessage) : detailMessage ? /* @__PURE__ */ React__default.default.createElement(
+        index$1,
+        __spreadValues({
+          showIcon: false,
+          type: alertTypeMap[status]
+        }, detailMessage)
+      ) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null))
+    );
+  })));
+};
+
+exports.Timeline = Timeline;