@cloudtower/eagle 0.0.0-double-rc-1 → 0.0.0-no-uikit-1

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

@@ -0,0 +1,95 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var cascader_style = require('./cascader.style.js');
+var cascader_widget = require('./cascader.widget.js');
+var index = require('../Icon/index.js');
+var constants = require('../../utils/constants.js');
+var antd5 = require('antd5');
+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 __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 Cascader = (props) => {
+  const _a = props, {
+    size = "middle",
+    NotData = "No Data",
+    dropdownClassName,
+    presetCascaderRenderProps
+  } = _a, restProps = __objRest(_a, [
+    "size",
+    "NotData",
+    "dropdownClassName",
+    "presetCascaderRenderProps"
+  ]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd5.Cascader,
+    __spreadValues({
+      size,
+      prefixCls: constants.Antd5PrefixCls,
+      expandIcon: /* @__PURE__ */ React__default.default.createElement(index, { src: iconsReact.HierarchyTriangleRight16PrimaryIcon }),
+      popupClassName: cs__default.default(
+        {
+          [cascader_style.CascaderLargeDropdown]: size === "large",
+          [cascader_style.CascaderSmallDropdown]: size === "small"
+        },
+        dropdownClassName,
+        cascader_style.CascaderDropdown
+      ),
+      dropdownRender: (menus) => /* @__PURE__ */ React__default.default.createElement(cascader_widget.PresetCascaderRender, __spreadValues({ menus }, presetCascaderRenderProps)),
+      notFoundContent: /* @__PURE__ */ React__default.default.createElement(cascader_widget.NotDataContent, { content: NotData }),
+      tagRender: cascader_widget.defaultTagRender,
+      rootClassName: cascader_style.CascaderInputStyle
+    }, restProps)
+  );
+};
+
+exports.CascaderDefaultHeader = cascader_style.CascaderDefaultHeader;
+exports.CascaderDefaultHeaderContainer = cascader_style.CascaderDefaultHeaderContainer;
+exports.CascaderDefaultHeaderSearch = cascader_style.CascaderDefaultHeaderSearch;
+exports.CascaderDefaultOptionLabel = cascader_style.CascaderDefaultOptionLabel;
+exports.CascaderDropdown = cascader_style.CascaderDropdown;
+exports.CascaderInputStyle = cascader_style.CascaderInputStyle;
+exports.CascaderLargeDropdown = cascader_style.CascaderLargeDropdown;
+exports.CascaderNotData = cascader_style.CascaderNotData;
+exports.CascaderSmallDropdown = cascader_style.CascaderSmallDropdown;
+exports.DoubleRowOptionStyleWrapper = cascader_style.DoubleRowOptionStyleWrapper;
+exports.CascaderDoubleRowOption = cascader_widget.CascaderDoubleRowOption;
+exports.CascaderOptionWithCount = cascader_widget.CascaderOptionWithCount;
+exports.NotDataContent = cascader_widget.NotDataContent;
+exports.PresetCascaderHeader = cascader_widget.PresetCascaderHeader;
+exports.PresetCascaderRender = cascader_widget.PresetCascaderRender;
+exports.defaultTagRender = cascader_widget.defaultTagRender;
+exports.Cascader = Cascader;

package/dist/cjs/core/Checkbox/checkbox.style.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const CheckboxStyle = "E_ckui4s7";
+
+exports.CheckboxStyle = CheckboxStyle;

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

@@ -0,0 +1,58 @@
+'use strict';
+
+var checkbox_style = require('./checkbox.style.js');
+var index = 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 Checkbox = (_a) => {
+  var _b = _a, { className, children, description, compact } = _b, props = __objRest(_b, ["className", "children", "description", "compact"]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Checkbox,
+    __spreadProps(__spreadValues({}, props), {
+      "data-test": props["data-test"] || props.value,
+      className: cs__default.default(className, checkbox_style.CheckboxStyle, compact && "compact")
+    }),
+    children ? /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default("main", index.Typo.Label.l2_regular) }, children), description ? /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default("sub", index.Typo.Label.l4_regular) }, description) : null) : null
+  );
+};
+var Checkbox$1 = Checkbox;
+
+module.exports = Checkbox$1;

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

@@ -0,0 +1,29 @@
+'use strict';
+
+var antd = require('antd');
+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 Progress = (props) => /* @__PURE__ */ React__default.default.createElement(antd.Progress, __spreadValues({}, props));
+var Progress$1 = Progress;
+
+module.exports = Progress$1;

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

@@ -0,0 +1,27 @@
+'use strict';
+
+var react = require('@linaria/react');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const CardWrapper = /*#__PURE__*/react.styled('div')({
+  name: "CardWrapper",
+  class: "E_c1uzzomf",
+  propsAsIs: false
+});
+const DetailCard = props => {
+  const {
+    title
+  } = props;
+  return /* @__PURE__ */React__default.default.createElement(CardWrapper, null, title && /* @__PURE__ */React__default.default.createElement("div", {
+    className: "card-title"
+  }, title), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "card-body"
+  }, props.children));
+};
+var DetailCard$1 = DetailCard;
+
+module.exports = DetailCard$1;

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

@@ -0,0 +1,200 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var cs = require('classnames');
+var React = require('react');
+var recharts = require('recharts');
+var index = require('../Tooltip/index.js');
+var index$1 = require('../Typo/index.js');
+var index$2 = require('../../coreX/OverflowTooltip/index.js');
+var color = require('../../styles/token/color.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var DonutChartColor = /* @__PURE__ */(DonutChartColor2 => {
+  DonutChartColor2["RED"] = "red";
+  DonutChartColor2["GREEN"] = "green";
+  DonutChartColor2["YeLLOW"] = "yellow";
+  DonutChartColor2["BLUE"] = "blue";
+  DonutChartColor2["PURPLE"] = "purple";
+  return DonutChartColor2;
+})(DonutChartColor || {});
+const _exp = /*#__PURE__*/() => props => `${props.width}`;
+const DonutChartWrapper = /*#__PURE__*/react.styled('div')({
+  name: "DonutChartWrapper",
+  class: "E_d1bw7c5z",
+  propsAsIs: false,
+  vars: {
+    "d1bw7c5z-0": [_exp(), "px"]
+  }
+});
+const TooltipDefaultClass = "E_t10pqbtc";
+const ColorMap = {
+  ["blue" /* BLUE */]: [color.Color.chart.blue["blue-9"], color.Color.chart.blue["blue-7"], color.Color.chart.blue["blue-5"], color.Color.chart.blue["blue-3"], color.Color.chart.blue["blue-1"]],
+  ["green" /* GREEN */]: [color.Color.chart.green["green-9"], color.Color.chart.green["green-7"], color.Color.chart.green["green-5"], color.Color.chart.green["green-3"], color.Color.chart.green["green-1"]],
+  ["red" /* RED */]: [color.Color.chart.red["red-9"], color.Color.chart.red["red-7"], color.Color.chart.red["red-5"], color.Color.chart.red["red-3"], color.Color.chart.red["red-1"]],
+  ["yellow" /* YeLLOW */]: [color.Color.chart.yellow["yellow-9"], color.Color.chart.yellow["yellow-7"], color.Color.chart.yellow["yellow-5"], color.Color.chart.yellow["yellow-3"], color.Color.chart.yellow["yellow-1"]],
+  ["purple" /* PURPLE */]: [color.Color.chart.purple["purple-9"], color.Color.chart.purple["purple-7"], color.Color.chart.purple["purple-5"], color.Color.chart.purple["purple-3"], color.Color.chart.purple["purple-1"]]
+};
+const formatCollapse = (collapseData = []) => {
+  const value = collapseData.reduce((prev, next) => {
+    return prev + next.value;
+  }, 0);
+  return {
+    tooltip: collapseData,
+    value
+  };
+};
+const formatChartData = ({
+  otherData,
+  data,
+  t,
+  collapseText
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  if (otherData && data.length < 5) {
+    return [...data, {
+      name: t("components.other"),
+      value: (_a = formatCollapse(otherData)) == null ? void 0 : _a.value,
+      color: color.Color.gray["gray-40"],
+      tooltip: (_b = formatCollapse(otherData)) == null ? void 0 : _b.tooltip
+    }];
+  }
+  if (otherData && data.length >= 5) {
+    const remainData = data.slice(0, 3);
+    const needCollapseData = data.slice(3, data.length);
+    return [...remainData, {
+      name: data[3].name + collapseText,
+      value: (_c = formatCollapse(needCollapseData)) == null ? void 0 : _c.value,
+      color: null,
+      tooltip: (_d = formatCollapse(needCollapseData)) == null ? void 0 : _d.tooltip
+    }, {
+      name: t("components.other"),
+      value: (_e = formatCollapse(otherData)) == null ? void 0 : _e.value,
+      color: null,
+      tooltip: (_f = formatCollapse(otherData)) == null ? void 0 : _f.tooltip
+    }];
+  }
+  if (data.length > 5) {
+    const remainData = data.slice(0, 4);
+    const needCollapseData = data.slice(4, data.length);
+    return [...remainData, {
+      name: data[4].name + collapseText,
+      value: (_g = formatCollapse(needCollapseData)) == null ? void 0 : _g.value,
+      color: null,
+      tooltip: (_h = formatCollapse(needCollapseData)) == null ? void 0 : _h.tooltip
+    }];
+  }
+  return data;
+};
+const DonutChart = ({
+  data,
+  centerRender,
+  className,
+  overlayClassName,
+  color,
+  otherData,
+  collapseText,
+  width = 148,
+  height = 100,
+  innerRadius = 45,
+  outerRadius = 50,
+  widthPadding = true,
+  showLegend = true
+}) => {
+  const initColorMap = color ? ColorMap[color] : [];
+  const {
+    t
+  } = useParrotTranslation();
+  const formatData = React.useMemo(() => {
+    return formatChartData({
+      data,
+      otherData,
+      collapseText,
+      t
+    });
+  }, [data, otherData, t, collapseText]);
+  return /* @__PURE__ */React__default.default.createElement(DonutChartWrapper, {
+    width
+  }, /* @__PURE__ */React__default.default.createElement(recharts.PieChart, {
+    width,
+    height,
+    style: {
+      width: "100%"
+    },
+    className,
+    margin: {
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0
+    }
+  }, /* @__PURE__ */React__default.default.createElement(recharts.Pie, {
+    dataKey: "value",
+    data: formatData,
+    innerRadius,
+    outerRadius: outerRadius != null ? outerRadius : height / 2,
+    cx: width / 2,
+    cy: height / 2,
+    paddingAngle: widthPadding ? 4 : 0,
+    blendStroke: !widthPadding,
+    startAngle: 90,
+    endAngle: -270,
+    stroke: "none"
+  }, formatData.map((data2, index) => /* @__PURE__ */React__default.default.createElement(recharts.Cell, {
+    key: `cell-${index}`,
+    fill: (data2 == null ? void 0 : data2.color) || initColorMap[index]
+  }))), showLegend && /* @__PURE__ */React__default.default.createElement(recharts.Legend, {
+    iconSize: 8,
+    iconType: "square",
+    layout: "vertical",
+    formatter: (name, _, index$3) => {
+      const legendData = formatData[index$3];
+      return (legendData == null ? void 0 : legendData.tooltip) ? /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement(index, {
+        overlayClassName: cs__default.default(TooltipDefaultClass, overlayClassName),
+        title: Array.isArray(legendData.tooltip) ? /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement("div", {
+          className: index$1.Typo.Label.l4_bold
+        }, legendData.name), legendData.tooltip.map(item => /* @__PURE__ */React__default.default.createElement("div", {
+          className: "item"
+        }, /* @__PURE__ */React__default.default.createElement("span", {
+          className: "name"
+        }, item.name), /* @__PURE__ */React__default.default.createElement("span", {
+          className: index$1.Typo.Label.l4_bold
+        }, item.value)))) : legendData.tooltip
+      }, /* @__PURE__ */React__default.default.createElement("div", {
+        className: "tooltip-text"
+      }, legendData.name)), /* @__PURE__ */React__default.default.createElement("span", {
+        className: cs__default.default(index$1.Typo.Label.l4_regular, "value")
+      }, legendData.value)) : /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement(index$2, {
+        content: legendData.name,
+        onClick: () => {
+          var _a;
+          if ("onClick" in legendData) {
+            (_a = legendData.onClick) == null ? void 0 : _a.call(legendData, legendData.name);
+          }
+        }
+      }), /* @__PURE__ */React__default.default.createElement("span", {
+        className: cs__default.default(index$1.Typo.Label.l4_regular, "value")
+      }, legendData.value));
+    }
+  })), !!centerRender && /* @__PURE__ */React__default.default.createElement("div", null, "text" in centerRender ? /* @__PURE__ */React__default.default.createElement("div", {
+    className: "center"
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "number"
+  }, centerRender.number), /* @__PURE__ */React__default.default.createElement(index$2, {
+    className: "text",
+    content: centerRender.text
+  })) : centerRender));
+};
+var DonutChart$1 = DonutChart;
+
+exports.DonutChartColor = DonutChartColor;
+exports.default = DonutChart$1;
+exports.formatChartData = formatChartData;
+exports.formatCollapse = formatCollapse;

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

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@linaria/core');
+var index = require('../Tooltip/index.js');
+var antd = require('antd');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const DropdownOverlayStyle = "E_d133fzv0";
+const RenderMenuItem = item => {
+  if (item.hidden === true) {
+    return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null);
+  }
+  if (item.type === "group") {
+    return /* @__PURE__ */React__default.default.createElement(antd.Menu.ItemGroup, {
+      title: item.title,
+      key: item.key
+    }, (item.children || []).map(childItem => RenderMenuItem(childItem)));
+  }
+  if (item.type === "divider") {
+    return /* @__PURE__ */React__default.default.createElement(antd.Menu.Divider, {
+      key: item.key
+    });
+  }
+  if (item.tooltip) {
+    return /* @__PURE__ */React__default.default.createElement(antd.Menu.Item, {
+      danger: item.danger,
+      key: item.key,
+      disabled: item.disabled,
+      onClick: item.onClick
+    }, /* @__PURE__ */React__default.default.createElement(index, {
+      title: item.tooltip
+    }, item.icon ? React__default.default.cloneElement(item.icon, {}, item.text) : /* @__PURE__ */React__default.default.createElement("div", null, item.text)));
+  }
+  return /* @__PURE__ */React__default.default.createElement(antd.Menu.Item, {
+    danger: item.danger,
+    key: item.key,
+    disabled: item.disabled,
+    onClick: item.onClick
+  }, item.icon ? React__default.default.cloneElement(item.icon, {}, item.text) : item.text);
+};
+const DropdownMenu = ({
+  items,
+  disabled,
+  placement,
+  trigger,
+  customStyle,
+  slotsElements = {}
+}) => {
+  const menuItems = items.filter(item => !item.hidden);
+  const menuDisabled = disabled || menuItems.length === 0;
+  return /* @__PURE__ */React__default.default.createElement(antd.Dropdown, {
+    disabled: menuDisabled,
+    placement,
+    trigger,
+    overlayClassName: core.cx(DropdownOverlayStyle, customStyle == null ? void 0 : customStyle.content),
+    overlay: /* @__PURE__ */React__default.default.createElement(antd.Menu, null, menuItems.map(item => {
+      return RenderMenuItem(item);
+    }))
+  }, /* @__PURE__ */React__default.default.createElement("span", null, slotsElements.trigger ? slotsElements.trigger({}) : null));
+};
+var DropdownMenu$1 = DropdownMenu;
+
+exports.RenderMenuItem = RenderMenuItem;
+exports.default = DropdownMenu$1;

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

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Empty = (props) => {
+  const { className, style } = props;
+  return /* @__PURE__ */ React__default.default.createElement("span", { className, style }, "-");
+};
+var Empty$1 = Empty;
+
+module.exports = Empty$1;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Error = ({ error }) => /* @__PURE__ */ React__default.default.createElement("div", { className: "error" }, String(error));
+var Error$1 = Error;
+
+module.exports = Error$1;

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

@@ -0,0 +1,27 @@
+'use strict';
+
+var React = require('react');
+var reactI18next = require('react-i18next');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+class ErrorBoundary extends React__default.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */ React__default.default.createElement("div", { title: String(this.state.error) }, this.props.t("components.unknow_error"));
+    }
+    return this.props.children;
+  }
+}
+var ErrorBoundary$1 = reactI18next.withTranslation()(ErrorBoundary);
+
+module.exports = ErrorBoundary$1;

package/dist/cjs/core/ExpandableList/ExpandIcon.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Style = "E_suhck3k";
+const ExpandIcon = props => {
+  const {
+    isActive
+  } = props;
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: Style
+  }, isActive ? /* @__PURE__ */React__default.default.createElement(iconsReact.ArrowChevronUp16SecondaryIcon, null) : /* @__PURE__ */React__default.default.createElement(iconsReact.ArrowChevronDown16SecondaryIcon, null));
+};
+var ExpandIcon$1 = ExpandIcon;
+
+module.exports = ExpandIcon$1;

package/dist/cjs/core/ExpandableList/ExpandableContainer.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var antd = require('antd');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const card = "E_c1yyuluq";
+const ExpandableContainer = props => {
+  const {
+    children
+  } = props;
+  return /* @__PURE__ */React__default.default.createElement(antd.Card, {
+    className: card
+  }, children);
+};
+var ExpandableContainer$1 = ExpandableContainer;
+
+module.exports = ExpandableContainer$1;

package/dist/cjs/core/ExpandableList/ExpandableItem.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var ExpandIcon = require('./ExpandIcon.js');
+var RoundOrder = require('./RoundOrder.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);
+
+const CollapseStyle = "E_ccrbeuz";
+const CollapseDisabled = "E_c1fljvag";
+const ExpandableItem = props => {
+  const {
+    children,
+    disableExpand = false,
+    defaultActive = false,
+    header,
+    order
+  } = props;
+  const showExpandOnDisable = React.useMemo(() => {
+    return disableExpand && defaultActive;
+  }, [defaultActive, disableExpand]);
+  const [activeKey, setActiveKey] = React.useState(showExpandOnDisable ? ["expandPanelKey"] : []);
+  return /* @__PURE__ */React__default.default.createElement(antd.Collapse, {
+    className: cs__default.default(CollapseStyle, {
+      [CollapseDisabled]: disableExpand
+    }),
+    expandIcon: ExpandIcon,
+    expandIconPosition: "right",
+    defaultActiveKey: showExpandOnDisable ? ["expandPanelKey"] : [],
+    bordered: false,
+    activeKey,
+    onChange: v => {
+      if (disableExpand) {
+        return;
+      }
+      setActiveKey(v);
+    }
+  }, /* @__PURE__ */React__default.default.createElement(antd.Collapse.Panel, {
+    key: "expandPanelKey",
+    header: /* @__PURE__ */React__default.default.createElement(RoundOrder, {
+      order
+    }, header),
+    showArrow: !disableExpand
+  }, children));
+};
+var ExpandableItem$1 = ExpandableItem;
+
+module.exports = ExpandableItem$1;

package/dist/cjs/core/ExpandableList/RoundOrder.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var index = require('../Typo/index.js');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const RoundedOrderStyle = "E_ryby9ds";
+const RoundedOrder = props => {
+  const {
+    children,
+    order
+  } = props;
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: RoundedOrderStyle
+  }, order != null ? /* @__PURE__ */React__default.default.createElement("span", {
+    className: "order"
+  }, /* @__PURE__ */React__default.default.createElement("span", {
+    className: index.Typo.Label.l2_bold
+  }, order)) : null, children);
+};
+var RoundedOrder$1 = RoundedOrder;
+
+module.exports = RoundedOrder$1;