@cloudtower/eagle 0.28.0-dry → 0.28.0

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

@@ -0,0 +1,50 @@
+'use strict';
+
+var antd5 = require('antd5');
+var cs = require('classnames');
+var React = require('react');
+var constants = require('../../utils/constants.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+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 Segment = "E_s11wux3h";
+const SmallSegment = "E_s1t2an3z";
+const MediumSegment = "E_ma64lna";
+const ColorSegment = "E_ckld275";
+const SegmentControl = props => {
+  const {
+    size = "middle",
+    className
+  } = props;
+  return /* @__PURE__ */React__default.default.createElement(antd5.Segmented, __spreadValues({
+    className: cs__default.default(className, {
+      [SmallSegment]: size === "small",
+      [MediumSegment]: size === "middle"
+    }, Segment, ColorSegment),
+    size,
+    prefixCls: `${constants.Antd5PrefixCls}-segmented`
+  }, props));
+};
+var SegmentControl$1 = SegmentControl;
+
+module.exports = SegmentControl$1;

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

@@ -0,0 +1,146 @@
+'use strict';
+
+var index$1 = require('../Loading/index.js');
+var index = require('../Typo/index.js');
+var antd = require('antd');
+var cs = require('classnames');
+var _ = require('lodash');
+var React = require('react');
+var reactDom = require('react-dom');
+var reactIs = require('react-is');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var ___default = /*#__PURE__*/_interopDefault(_);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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));
+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 SelectStyle = "E_s177mls5";
+const Select = _a => {
+  var _b = _a,
+    {
+      input,
+      multiple,
+      className,
+      scrollBottomBuffer = 0,
+      onScrollBottom,
+      onPopupScroll,
+      onSearch,
+      showSearch,
+      filterOption,
+      loading,
+      notFoundContent,
+      children,
+      error,
+      selectLimit,
+      dropdownClassName,
+      danger,
+      size = "middle",
+      meta,
+      placeholder
+    } = _b,
+    restProps = __objRest(_b, ["input", "multiple", "className", "scrollBottomBuffer", "onScrollBottom", "onPopupScroll", "onSearch", "showSearch", "filterOption", "loading", "notFoundContent", "children", "error", "selectLimit", "dropdownClassName", "danger", "size", "meta", "placeholder"]);
+  var _a2;
+  const limitExceeded = multiple && selectLimit && selectLimit <= (((_a2 = input.value) == null ? void 0 : _a2.length) || 0);
+  const typo = {
+    large: index.Typo.Label.l2_regular,
+    middle: index.Typo.Label.l3_regular,
+    small: index.Typo.Label.l4_regular
+  }[size];
+  const _danger = React.useMemo(() => {
+    if (danger !== void 0) {
+      return danger;
+    }
+    return (meta == null ? void 0 : meta.touched) && meta.invalid;
+  }, [danger, meta]);
+  const selectRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!selectRef.current) {
+      return;
+    }
+    const realDom = reactDom.findDOMNode(selectRef.current);
+    if (realDom) {
+      const inputDom = realDom.getElementsByClassName("ant-select-selection-search-input")[0];
+      const item = realDom.getElementsByClassName("ant-select-selection-item")[0];
+      inputDom && (placeholder || item) && inputDom.setAttribute("data-test", String(placeholder || item.textContent));
+    }
+  }, [selectRef, placeholder]);
+  return /* @__PURE__ */React__default.default.createElement(antd.Select, __spreadValues(__spreadProps(__spreadValues({}, input), {
+    ref: selectRef,
+    size,
+    value: multiple ? input.value || [] : input.value || void 0,
+    onChange: (e, option) => {
+      var _a3, _b2;
+      if (Array.isArray(e) && e.some(v => v === "")) {
+        (_a3 = input.onChange) == null ? void 0 : _a3.call(input, [], option);
+      } else {
+        (_b2 = input.onChange) == null ? void 0 : _b2.call(input, e, option);
+      }
+    },
+    onBlur: () => {
+      var _a3;
+      return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
+    },
+    mode: multiple ? "multiple" : void 0,
+    className: cs__default.default(SelectStyle, "select", className, limitExceeded && "select-event-none", _danger ? "select-error" : "", typo),
+    "data-size": size,
+    dropdownClassName: cs__default.default(dropdownClassName, limitExceeded && "display-none"),
+    showSearch: multiple ? void 0 : typeof showSearch === "undefined" ? Boolean(onSearch) : showSearch,
+    filterOption: onSearch === void 0 ? filterOption === void 0 ? (input2, option) => {
+      const label = option == null ? void 0 : option.label;
+      if (!label || typeof label !== "string") {
+        return false;
+      }
+      return label.toLowerCase().includes(input2.toLowerCase());
+    } : filterOption : false,
+    onSearch: onSearch && ___default.default.debounce(onSearch, 100),
+    onPopupScroll: e => {
+      onPopupScroll == null ? void 0 : onPopupScroll(e);
+      const el = e.currentTarget;
+      if (el.scrollHeight - el.offsetHeight - el.scrollTop <= scrollBottomBuffer) {
+        onScrollBottom == null ? void 0 : onScrollBottom();
+      }
+    },
+    notFoundContent: loading ? /* @__PURE__ */React__default.default.createElement(index$1, null) : notFoundContent,
+    dropdownRender: menu => /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, error || menu),
+    loading,
+    placeholder
+  }), restProps), React__default.default.Children.map(children, child => {
+    return reactIs.isElement(child) ? __spreadProps(__spreadValues({}, child), {
+      props: __spreadProps(__spreadValues({}, child.props), {
+        "data-test": child.props.value
+      })
+    }) : child;
+  }));
+};
+var Select$1 = Select;
+
+module.exports = Select$1;

package/dist/cjs/core/SidebarMenu/SidebarMenu.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var antd5 = require('antd5');
+var React = require('react');
+var constants = require('../../utils/constants.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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 SidebarMenu = (props) => {
+  return /* @__PURE__ */ React__default.default.createElement(antd5.Menu, __spreadProps(__spreadValues({}, props), { prefixCls: `${constants.Antd5PrefixCls}-menu`, mode: "inline" }));
+};
+
+exports.SidebarMenu = SidebarMenu;

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

@@ -0,0 +1,95 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var index$2 = require('../Button/index.js');
+var index$3 = require('../Icon/index.js');
+var index$4 = require('../InputInteger/index.js');
+var index = require('../Pagination/index.js');
+var index$1 = require('../Typo/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const inputStyle = "E_ivqqkzv";
+const SimplePagination = props => {
+  const {
+    className,
+    current,
+    count,
+    size,
+    onPageChange
+  } = props;
+  const {
+    t
+  } = useParrotTranslation();
+  const pageLength = count === 0 ? 1 : Math.ceil(count / size);
+  const showPrev = current > 1;
+  const showNext = current * size < count;
+  const changeValue = React.useCallback(value => {
+    const page = parseInt(value);
+    if (page > 0) {
+      onPageChange == null ? void 0 : onPageChange(Math.min(pageLength, page));
+    } else {
+      onPageChange == null ? void 0 : onPageChange(1);
+    }
+  }, [onPageChange, pageLength]);
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: cs__default.default(index.PaginationStyle, "pagination-wrapper", className)
+  }, /* @__PURE__ */React__default.default.createElement("span", {
+    className: index$1.Typo.Label.l3_regular_title
+  }, t("components.pagination_lots_total", {
+    total: count
+  })), /* @__PURE__ */React__default.default.createElement("span", {
+    className: "pagination-right"
+  }, showPrev && /* @__PURE__ */React__default.default.createElement(index$2, {
+    className: "prev-btn",
+    type: "quiet",
+    size: "small",
+    style: {
+      marginRight: "8px"
+    },
+    prefixIcon: /* @__PURE__ */React__default.default.createElement(index$3, {
+      alt: "arrowChevronLeftSmall16BoldBlue",
+      src: iconsReact.ArrowChevronLeftSmall16BoldBlueIcon
+    }),
+    onClick: () => {
+      onPageChange == null ? void 0 : onPageChange(current - 1);
+    }
+  }), /* @__PURE__ */React__default.default.createElement(index$4.default, {
+    className: cs__default.default(index$1.Typo.Label.l3_regular, inputStyle),
+    value: current,
+    size: "small",
+    onKeyDown: event => {
+      if (event.key === "Enter") {
+        changeValue(event.target.value);
+      }
+    },
+    onBlur: event => {
+      changeValue(event.target.value);
+    }
+  }), /* @__PURE__ */React__default.default.createElement("span", {
+    className: cs__default.default("E_c1wk4q29", index$1.Typo.Label.l3_regular_upper)
+  }, `/ ${pageLength}`), showNext && /* @__PURE__ */React__default.default.createElement(index$2, {
+    className: "next-btn",
+    type: "quiet",
+    size: "small",
+    style: {
+      marginLeft: "8px"
+    },
+    prefixIcon: /* @__PURE__ */React__default.default.createElement(index$3, {
+      alt: "arrowChevronLeftSmall16BoldBlue",
+      src: iconsReact.ArrowChevronLeftSmall16BoldBlueIcon
+    }),
+    onClick: () => {
+      onPageChange == null ? void 0 : onPageChange(current + 1);
+    }
+  })));
+};
+var SimplePagination$1 = SimplePagination;
+
+module.exports = SimplePagination$1;

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

@@ -0,0 +1,44 @@
+'use strict';
+
+var core = require('@linaria/core');
+var index = require('../Empty/index.js');
+var isEmpty = require('../../utils/isEmpty.js');
+var tower = require('../../utils/tower.js');
+var React = require('react');
+
+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 Speed = ({
+  rawValue,
+  decimals,
+  valueClassName,
+  unitClassName,
+  emptyProps
+}) => {
+  if (isEmpty(rawValue)) {
+    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({}, emptyProps));
+  }
+  const { value, unit } = tower.formatSpeed(rawValue, decimals);
+  return /* @__PURE__ */ React__default.default.createElement("span", null, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
+};
+var Speed$1 = Speed;
+
+module.exports = Speed$1;

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

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var iconsReact = require('@cloudtower/icons-react');
+var react = require('@linaria/react');
+var index = require('../Icon/index.js');
+var index$1 = require('../Typo/index.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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));
+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 StatusPresetColors = ["blue", "red", "yellow", "green", "gray"];
+const StatusCapsuleStyle = "E_sddwhm6";
+const StatusCode = /*#__PURE__*/react.styled('i')({
+  name: "StatusCode",
+  class: "E_satwmqm",
+  propsAsIs: false
+});
+const StatusIcon = ({
+  loading
+}) => {
+  if (loading) {
+    return /* @__PURE__ */React__default.default.createElement(index, {
+      className: "ui-kit-status-capsule-icon ui-kit-status-capsule-icon-loading",
+      iconWidth: 8,
+      iconHeight: 8,
+      isRotate: true,
+      src: iconsReact.Loading8GradientBlueIcon
+    });
+  }
+  return /* @__PURE__ */React__default.default.createElement(StatusCode, {
+    className: "ui-kit-status-capsule-icon"
+  });
+};
+const ColorMap = {
+  success: "green",
+  danger: "red",
+  warning: "yellow"
+};
+const StatusCapsule = _a => {
+  var _b = _a,
+    {
+      color = "gray",
+      className,
+      loading,
+      hoverable = false,
+      children,
+      offWhiteMode,
+      number
+    } = _b,
+    props = __objRest(_b, ["color", "className", "loading", "hoverable", "children", "offWhiteMode", "number"]);
+  const computedColor = ColorMap[color] || color;
+  return /* @__PURE__ */React__default.default.createElement(antd.Tag, __spreadProps(__spreadValues({}, props), {
+    className: cs__default.default(className, StatusCapsuleStyle, index$1.Typo.Label.l4_regular, "ui-kit-status-capsule", {
+      [`ant-tag-${computedColor}`]: StatusPresetColors.includes(computedColor),
+      "tag-hover": hoverable,
+      "off-white": offWhiteMode
+    }),
+    closable: false,
+    color: computedColor === "gray" ? void 0 : computedColor
+  }), /* @__PURE__ */React__default.default.createElement(StatusIcon, {
+    loading
+  }), children, !!number && /* @__PURE__ */React__default.default.createElement("span", {
+    className: "ui-kit-status-capsule-number"
+  }, number));
+};
+var StatusCapsule$1 = StatusCapsule;
+
+exports.StatusIcon = StatusIcon;
+exports.StatusPresetColors = StatusPresetColors;
+exports.default = StatusCapsule$1;

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

@@ -0,0 +1,49 @@
+'use strict';
+
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const CircleProgressStyle = "E_c1bus5hc";
+const CircleProgress = props => {
+  const {
+    percent,
+    color = "#0080ff",
+    className
+  } = props;
+  const wrapperRef = React.useRef(null);
+  const childRef = React.useRef(null);
+  React.useLayoutEffect(() => {
+    var _a;
+    (_a = wrapperRef.current) == null ? void 0 : _a.style.setProperty("--color", color);
+  }, [color]);
+  React.useLayoutEffect(() => {
+    let deg = 0;
+    const childStyle = childRef.current.style;
+    if (percent <= 0.5) {
+      deg = 180 * (percent / 0.5);
+      childStyle.background = "white";
+    } else {
+      deg = 180 * ((percent - 0.5) / 0.5);
+      childStyle.background = color;
+    }
+    childStyle.transform = `rotate(${deg}deg)`;
+  }, [percent, color]);
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: cs__default.default(CircleProgressStyle, className),
+    ref: wrapperRef
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "circle-inner"
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "circle-content"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "circle-child",
+    ref: childRef
+  })));
+};
+
+exports.CircleProgress = CircleProgress;

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

@@ -0,0 +1,131 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var style = require('./style.js');
+var index = require('../Tooltip/index.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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));
+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 StepTitle = (props) => {
+  const { current, step, index: index$1, isVerticalMode, preview } = props;
+  const textRef = React.useRef(null);
+  const [tooltipEnable, setTooltipEnable] = React.useState({
+    visible: false
+  });
+  const showCompletedIcon = !preview && index$1 < current;
+  React.useLayoutEffect(() => {
+    if (textRef.current && textRef.current.offsetWidth < textRef.current.scrollWidth) {
+      setTooltipEnable({});
+    }
+  }, [textRef]);
+  return /* @__PURE__ */ React__default.default.createElement(index, __spreadProps(__spreadValues({}, tooltipEnable), { title: step.title }), /* @__PURE__ */ React__default.default.createElement(
+    "div",
+    {
+      className: isVerticalMode ? style.VerticalStepContentStyle : style.HorizontalStepContentStyle
+    },
+    /* @__PURE__ */ React__default.default.createElement("span", { className: "step-item-prefix-container" }, showCompletedIcon ? /* @__PURE__ */ React__default.default.createElement(iconsReact.CheckmarkDoneSuccessCorrect16SecondaryIcon, null) : index$1 + 1),
+    /* @__PURE__ */ React__default.default.createElement("span", { ref: textRef, className: "step-item-title" }, /* @__PURE__ */ React__default.default.createElement("span", { className: "step-item-title" }, step.title))
+  ));
+};
+const Steps = (props) => {
+  const _a = props, {
+    stepsConfig,
+    direction,
+    containerClassname,
+    current = 0,
+    disabled,
+    preview = false
+  } = _a, stepsProps = __objRest(_a, [
+    "stepsConfig",
+    "direction",
+    "containerClassname",
+    "current",
+    "disabled",
+    "preview"
+  ]);
+  const isVerticalMode = direction === "vertical";
+  const isPreviewMode = isVerticalMode && preview;
+  return /* @__PURE__ */ React__default.default.createElement(
+    "div",
+    {
+      className: cs__default.default(
+        containerClassname,
+        style.StepsStyle,
+        isVerticalMode ? style.VerticalStyle : style.HorizontalStyle
+      )
+    },
+    /* @__PURE__ */ React__default.default.createElement(
+      antd.Steps,
+      __spreadProps(__spreadValues({}, stepsProps), {
+        direction,
+        current,
+        type: "default"
+      }),
+      (stepsConfig == null ? void 0 : stepsConfig.length) ? stepsConfig.map((step, index) => {
+        var _a2;
+        return /* @__PURE__ */ React__default.default.createElement(
+          antd.Steps.Step,
+          __spreadProps(__spreadValues({
+            key: index
+          }, step), {
+            disabled: isPreviewMode ? false : (_a2 = disabled != null ? disabled : step == null ? void 0 : step.disabled) != null ? _a2 : index > current,
+            className: cs__default.default(
+              step.className,
+              isPreviewMode ? "preview-mode" : ""
+            ),
+            title: /* @__PURE__ */ React__default.default.createElement(
+              StepTitle,
+              {
+                index,
+                step,
+                current,
+                isVerticalMode,
+                preview: isPreviewMode
+              }
+            )
+          })
+        );
+      }) : props.children
+    )
+  );
+};
+var Steps$1 = Steps;
+
+module.exports = Steps$1;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+const StepsStyle = "E_sjob3jg";
+const HorizontalStyle = "E_hjvj6s6";
+const VerticalStyle = "E_v4tv3mf";
+const HorizontalStepContentStyle = "E_h6l1tj4";
+const VerticalStepContentStyle = "E_v18frne8";
+
+exports.HorizontalStepContentStyle = HorizontalStepContentStyle;
+exports.HorizontalStyle = HorizontalStyle;
+exports.StepsStyle = StepsStyle;
+exports.VerticalStepContentStyle = VerticalStepContentStyle;
+exports.VerticalStyle = VerticalStyle;