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

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var core = require('@linaria/core');
+var index = require('../Skeleton/index.js');
+var index$1 = require('../Typo/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
+var SmallDialog_style = require('./SmallDialog.style.js');
+var antd = require('antd');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const ModelTitleSkeleton = () => {
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(SmallDialog_style.ModelTitleSkeletonStyle, "initializing-title") }, /* @__PURE__ */ React__default.default.createElement(index.default.Content, null));
+};
+const ModelContentSkeleton = ({ num = 2 }) => {
+  return /* @__PURE__ */ React__default.default.createElement(antd.Space, { direction: "vertical", size: 16, className: SmallDialog_style.ModelContentSkeletonStyle }, Array.from({ length: num }).map((_, index$1) => /* @__PURE__ */ React__default.default.createElement("div", { key: index$1, className: "skeleton-wrapper" }, /* @__PURE__ */ React__default.default.createElement(index.default.Content, null))));
+};
+const ModelInitializingError = ({ error }) => {
+  const { t } = useParrotTranslation();
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: SmallDialog_style.ModelInitializingErrorStyle }, /* @__PURE__ */ React__default.default.createElement("p", { className: index$1.Typo.Display.d3_bold_title }, t("components.initializing_failed")), /* @__PURE__ */ React__default.default.createElement("div", { className: index$1.Typo.Label.l3_regular }, error));
+};
+
+exports.ModelContentSkeleton = ModelContentSkeleton;
+exports.ModelInitializingError = ModelInitializingError;
+exports.ModelTitleSkeleton = ModelTitleSkeleton;

package/dist/cjs/core/SmallDialog/useDialogInitialization.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+
+const useDialogInitialization = ({
+  initializeOnce = true,
+  initializing,
+  initializingError
+}) => {
+  const [initialized, setInitialized] = React.useState(
+    () => !initializing && !initializingError
+  );
+  React.useEffect(() => {
+    if (!initialized && !initializing && !initializingError) {
+      setInitialized(true);
+    }
+  }, [initialized, initializing, initializingError]);
+  const ignoreInitialization = initializeOnce && initialized;
+  return {
+    initializing: ignoreInitialization ? false : initializing,
+    initializingError: ignoreInitialization ? void 0 : initializingError
+  };
+};
+
+exports.useDialogInitialization = useDialogInitialization;

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

@@ -5,6 +5,7 @@ var index = require('../Empty/index.js');
 var isEmpty = require('../../utils/isEmpty.js');
 var tower = require('../../utils/tower.js');
 var React = require('react');
+var index$1 = require('../Styled/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -31,13 +32,14 @@ const Speed = ({
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({ "data-testid": dataTestId }, 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}`));
+  return /* @__PURE__ */ React__default.default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", index$1.UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var Speed$1 = Speed;
 

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

@@ -44,10 +44,10 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const StatusPresetColors = ["blue", "red", "yellow", "green", "gray"];
-const StatusCapsuleStyle = "E_sddwhm6";
+const StatusCapsuleStyle = "E_0_0_0_theme_rc_1_sddwhm6";
 const StatusCode = /*#__PURE__*/react.styled('i')({
   name: "StatusCode",
-  class: "E_satwmqm",
+  class: "E_0_0_0_theme_rc_1_satwmqm",
   propsAsIs: false
 });
 const StatusIcon = ({

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var color = require('../../styles/token/color.js');
 var cs = require('classnames');
 var React = require('react');
 
@@ -8,19 +9,20 @@ 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 CircleProgressStyle = "E_0_0_0_theme_rc_1_c1bus5hc";
 const CircleProgress = props => {
   const {
     percent,
-    color = "#0080ff",
-    className
+    color: color$1 = color.Color.fill.outstanding.base,
+    className,
+    "data-testid": dataTestId
   } = 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]);
+    (_a = wrapperRef.current) == null ? void 0 : _a.style.setProperty("--color", color$1);
+  }, [color$1]);
   React.useLayoutEffect(() => {
     let deg = 0;
     const childStyle = childRef.current.style;
@@ -29,11 +31,12 @@ const CircleProgress = props => {
       childStyle.background = "white";
     } else {
       deg = 180 * ((percent - 0.5) / 0.5);
-      childStyle.background = color;
+      childStyle.background = color$1;
     }
     childStyle.transform = `rotate(${deg}deg)`;
-  }, [percent, color]);
+  }, [percent, color$1]);
   return /* @__PURE__ */React__default.default.createElement("div", {
+    "data-testid": dataTestId,
     className: cs__default.default(CircleProgressStyle, className),
     ref: wrapperRef
   }, /* @__PURE__ */React__default.default.createElement("div", {

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

@@ -1,10 +1,10 @@
 'use strict';
 
-const StepsStyle = "E_sjob3jg";
-const HorizontalStyle = "E_hjvj6s6";
-const VerticalStyle = "E_v4tv3mf";
-const HorizontalStepContentStyle = "E_h6l1tj4";
-const VerticalStepContentStyle = "E_v18frne8";
+const StepsStyle = "E_0_0_0_theme_rc_1_sjob3jg";
+const HorizontalStyle = "E_0_0_0_theme_rc_1_hjvj6s6";
+const VerticalStyle = "E_0_0_0_theme_rc_1_v4tv3mf";
+const HorizontalStepContentStyle = "E_0_0_0_theme_rc_1_h6l1tj4";
+const VerticalStepContentStyle = "E_0_0_0_theme_rc_1_v18frne8";
 
 exports.HorizontalStepContentStyle = HorizontalStepContentStyle;
 exports.HorizontalStyle = HorizontalStyle;

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

@@ -4,57 +4,57 @@ var react = require('@linaria/react');
 
 const CommonContent = /*#__PURE__*/react.styled('div')({
   name: "CommonContent",
-  class: "E_cnujxq2",
+  class: "E_0_0_0_theme_rc_1_cnujxq2",
   propsAsIs: false
 });
 const ModalBody = /*#__PURE__*/react.styled('div')({
   name: "ModalBody",
-  class: "E_m7s48ia",
+  class: "E_0_0_0_theme_rc_1_m7s48ia",
   propsAsIs: false
 });
 const WizardBody = /*#__PURE__*/react.styled('div')({
   name: "WizardBody",
-  class: "E_wt5zbg6",
+  class: "E_0_0_0_theme_rc_1_wt5zbg6",
   propsAsIs: false
 });
-const HorizontalWizardModalCompactStyle = "E_h18jprzg";
-const HorizontalWizardModalLooseStyle = "E_h16z9xgz";
+const HorizontalWizardModalCompactStyle = "E_0_0_0_theme_rc_1_h18jprzg";
+const HorizontalWizardModalLooseStyle = "E_0_0_0_theme_rc_1_h16z9xgz";
 const FormWrapper = /*#__PURE__*/react.styled('div')({
   name: "FormWrapper",
-  class: "E_f1lrhghm",
+  class: "E_0_0_0_theme_rc_1_f1lrhghm",
   propsAsIs: false
 });
 const FormSectionTitle = /*#__PURE__*/react.styled('h4')({
   name: "FormSectionTitle",
-  class: "E_f18ot8em",
+  class: "E_0_0_0_theme_rc_1_f18ot8em",
   propsAsIs: false
 });
 const FormField = /*#__PURE__*/react.styled('div')({
   name: "FormField",
-  class: "E_f1l1g2k0",
+  class: "E_0_0_0_theme_rc_1_f1l1g2k0",
   propsAsIs: false
 });
 const ErrorSpan = /*#__PURE__*/react.styled('span')({
   name: "ErrorSpan",
-  class: "E_e1k89cwg",
+  class: "E_0_0_0_theme_rc_1_e1k89cwg",
   propsAsIs: false
 });
 const Divider = /*#__PURE__*/react.styled('div')({
   name: "Divider",
-  class: "E_d1oui1gf",
+  class: "E_0_0_0_theme_rc_1_d1oui1gf",
   propsAsIs: false
 });
 const LoadingWrapper = /*#__PURE__*/react.styled('div')({
   name: "LoadingWrapper",
-  class: "E_l15itdbb",
+  class: "E_0_0_0_theme_rc_1_l15itdbb",
   propsAsIs: false
 });
 const Dot = /*#__PURE__*/react.styled('span')({
   name: "Dot",
-  class: "E_d1y3z4w",
+  class: "E_0_0_0_theme_rc_1_d1y3z4w",
   propsAsIs: false
 });
-const ModalWrapper = "E_m177r7a3";
+const ModalWrapper = "E_0_0_0_theme_rc_1_m177r7a3";
 const _exp = /*#__PURE__*/() => ({
   color
 }) => {
@@ -69,7 +69,7 @@ const _exp = /*#__PURE__*/() => ({
 };
 const TagSpan = /*#__PURE__*/react.styled('span')({
   name: "TagSpan",
-  class: "E_t1wwio3v",
+  class: "E_0_0_0_theme_rc_1_t1wwio3v",
   propsAsIs: false,
   vars: {
     "t1wwio3v-0": [_exp()]
@@ -77,83 +77,84 @@ const TagSpan = /*#__PURE__*/react.styled('span')({
 });
 const FullView = /*#__PURE__*/react.styled('div')({
   name: "FullView",
-  class: "E_f17jvtfk",
+  class: "E_0_0_0_theme_rc_1_f17jvtfk",
   propsAsIs: false
 });
 const NameTag = /*#__PURE__*/react.styled('span')({
   name: "NameTag",
-  class: "E_nzppkea",
+  class: "E_0_0_0_theme_rc_1_nzppkea",
   propsAsIs: false
 });
 const FormItemDiv = /*#__PURE__*/react.styled('div')({
   name: "FormItemDiv",
-  class: "E_f4mi9eq",
+  class: "E_0_0_0_theme_rc_1_f4mi9eq",
   propsAsIs: false
 });
 const FieldTitle = /*#__PURE__*/react.styled('div')({
   name: "FieldTitle",
-  class: "E_fh0ewl8",
+  class: "E_0_0_0_theme_rc_1_fh0ewl8",
   propsAsIs: false
 });
 const ExpandArrow = /*#__PURE__*/react.styled('i')({
   name: "ExpandArrow",
-  class: "E_e1qrlvot",
+  class: "E_0_0_0_theme_rc_1_e1qrlvot",
   propsAsIs: false
 });
-const WarningAlert = "E_w9ic984";
-const NoticeAlert = "E_n1k9qi4r";
-const NormalAlert = "E_n16fsg9x";
-const InfoAlert = "E_i173wxzw";
+const WarningAlert = "E_0_0_0_theme_rc_1_w9ic984";
+const NoticeAlert = "E_0_0_0_theme_rc_1_n1k9qi4r";
+const NormalAlert = "E_0_0_0_theme_rc_1_n16fsg9x";
+const InfoAlert = "E_0_0_0_theme_rc_1_i173wxzw";
 const Description = /*#__PURE__*/react.styled('div')({
   name: "Description",
-  class: "E_dld369h",
+  class: "E_0_0_0_theme_rc_1_dld369h",
   propsAsIs: false
 });
 const SelectOptionDisabledText = /*#__PURE__*/react.styled('div')({
   name: "SelectOptionDisabledText",
-  class: "E_s1epv22q",
+  class: "E_0_0_0_theme_rc_1_s1epv22q",
   propsAsIs: false
 });
 const OperationWraper = /*#__PURE__*/react.styled('div')({
   name: "OperationWraper",
-  class: "E_okus5hk",
+  class: "E_0_0_0_theme_rc_1_okus5hk",
   propsAsIs: false
 });
 const TertiaryText = /*#__PURE__*/react.styled('div')({
   name: "TertiaryText",
-  class: "E_t1auuzri",
+  class: "E_0_0_0_theme_rc_1_t1auuzri",
   propsAsIs: false
 });
-const InputStyle = "E_i74cfyt";
-const KitInputStyle = "E_k1ci6977";
-const LeftEndInputStyle = "E_l1f7td1d";
-const RightEndInputStyle = "E_rf8rlle";
-const LeftEndSelectStyle = "E_llt2k48";
-const RightEndSelectStyle = "E_rdwz7eh";
+const InputStyle = "E_0_0_0_theme_rc_1_i74cfyt";
+const KitInputStyle = "E_0_0_0_theme_rc_1_k1ci6977";
+const LeftEndInputStyle = "E_0_0_0_theme_rc_1_l1f7td1d";
+const RightEndInputStyle = "E_0_0_0_theme_rc_1_rf8rlle";
+const LeftEndSelectStyle = "E_0_0_0_theme_rc_1_llt2k48";
+const RightEndSelectStyle = "E_0_0_0_theme_rc_1_rdwz7eh";
 const ContentWrapper = /*#__PURE__*/react.styled('div')({
   name: "ContentWrapper",
-  class: "E_c3ni091",
+  class: "E_0_0_0_theme_rc_1_c3ni091",
   propsAsIs: false
 });
 const Desc = /*#__PURE__*/react.styled('div')({
   name: "Desc",
-  class: "E_d105ju2d",
+  class: "E_0_0_0_theme_rc_1_d105ju2d",
   propsAsIs: false
 });
 const _exp2 = /*#__PURE__*/() => Desc;
 const LightDesc = /*#__PURE__*/react.styled(_exp2())({
   name: "LightDesc",
-  class: "E_lh0l62z",
+  class: "E_0_0_0_theme_rc_1_lh0l62z",
   propsAsIs: true
 });
 const _exp3 = /*#__PURE__*/() => LightDesc;
 const RadioDesc = /*#__PURE__*/react.styled(_exp3())({
   name: "RadioDesc",
-  class: "E_r1o4v2oc",
+  class: "E_0_0_0_theme_rc_1_r1o4v2oc",
   propsAsIs: true
 });
-const radioStyle = "E_r1skkc3l";
-const CannotOperationInfo = "E_c3cobmo";
+const radioStyle = "E_0_0_0_theme_rc_1_r1skkc3l";
+const CannotOperationInfo = "E_0_0_0_theme_rc_1_c3cobmo";
+const UnitStyle = "E_0_0_0_theme_rc_1_uqv57uv";
 
 exports.CannotOperationInfo = CannotOperationInfo;
 exports.CommonContent = CommonContent;
@@ -191,6 +192,7 @@ exports.RightEndSelectStyle = RightEndSelectStyle;
 exports.SelectOptionDisabledText = SelectOptionDisabledText;
 exports.TagSpan = TagSpan;
 exports.TertiaryText = TertiaryText;
+exports.UnitStyle = UnitStyle;
 exports.WarningAlert = WarningAlert;
 exports.WizardBody = WizardBody;
 exports.radioStyle = radioStyle;

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

@@ -37,25 +37,27 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const SwitchStyle = "E_s1dizucg";
+const SwitchStyle = "E_0_0_0_theme_rc_1_s1dizucg";
 const Switch = _a => {
   var _b = _a,
     {
       children,
       className,
-      checked
+      checked,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["children", "className", "checked"]);
+    props = __objRest(_b, ["children", "className", "checked", "data-testid"]);
   const Content = /*#__PURE__*/react.styled('span')({
     name: "Content",
-    class: "E_c1up6e3y",
+    class: "E_0_0_0_theme_rc_1_c1up6e3y",
     propsAsIs: false
   });
   const classNames = [className, SwitchStyle, "switch"];
   if (props.size === "large") classNames.push("ant-switch-large");
   return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement(antd.Switch, __spreadProps(__spreadValues({
     className: core.cx(...classNames),
-    checked: checked || false
+    checked: checked || false,
+    "data-testid": dataTestId
   }, props), {
     size: props.size
   })), children ? /* @__PURE__ */React__default.default.createElement(Content, null, children) : null);

package/dist/cjs/core/Tab/Tab.js

@@ -0,0 +1,118 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var antd = require('antd');
+var React = require('react');
+var index$1 = require('../Icon/index.js');
+var index = require('../Typo/index.js');
+var Tab_style = require('./Tab.style.js');
+var Tab_type = require('./Tab.type.js');
+var useTabAdaptiveLayout = require('./useTabAdaptiveLayout.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const getSelectedStyle = (key, type, selectedKey, activeTabType) => {
+  return key === selectedKey && activeTabType === type ? ["__selected", index.Typo.Label.l1_bold_title] : [index.Typo.Label.l1_regular];
+};
+const Tab = props => {
+  const {
+    className,
+    contentClassName,
+    tabs,
+    onChange,
+    selectedKey,
+    extraSlot,
+    size = "medium",
+    "data-testid": dataTestId
+  } = props;
+  const tabsRef = React.useRef(null);
+  const extraSlotRef = React.useRef(null);
+  const [isClickedMoreTabItem, setIsClickedMoreTabItem] = React.useState(false);
+  const allTabs = React.useMemo(() => {
+    return tabs.reduce((map, tab) => {
+      map.set(tab.key, tab);
+      return map;
+    }, /* @__PURE__ */new Map([]));
+  }, [tabs]);
+  const selectedTab = React.useMemo(() => allTabs.get(selectedKey), [allTabs, selectedKey]);
+  const moreTabs = useTabAdaptiveLayout.useTabAdaptiveLayout(tabs, tabsRef, extraSlotRef, selectedKey);
+  const activeTabType = React.useMemo(() => {
+    if (moreTabs == null ? void 0 : moreTabs.find(tab => tab.key === (selectedTab == null ? void 0 : selectedTab.key))) {
+      return Tab_type.ActiveTabType.More;
+    }
+    if ((selectedTab == null ? void 0 : selectedTab.key) && allTabs.get(selectedTab.key)) {
+      return Tab_type.ActiveTabType.Common;
+    }
+  }, [moreTabs, allTabs, selectedTab == null ? void 0 : selectedTab.key]);
+  React.useLayoutEffect(() => {
+    var _a;
+    if (!allTabs.get(selectedKey) && ((_a = tabs == null ? void 0 : tabs[0]) == null ? void 0 : _a.key)) {
+      onChange == null ? void 0 : onChange(tabs[0].key);
+    }
+  }, [allTabs, onChange, selectedKey, tabs]);
+  return /* @__PURE__ */React__default.default.createElement(Tab_style.TabMenuWrapper, {
+    "data-testid": dataTestId,
+    className: core.cx(className, size)
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "tab-bar"
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    ref: tabsRef,
+    className: "common-tab-bar"
+  }, /* tab items */
+  tabs.map(tab => /* @__PURE__ */React__default.default.createElement("span", {
+    className: core.cx("tab-item-title", "common", ...getSelectedStyle(tab.key, Tab_type.ActiveTabType.Common, selectedKey, activeTabType)),
+    key: tab.key,
+    "data-testid": tab["data-testid"],
+    onClick: () => onChange == null ? void 0 : onChange(tab.key)
+  }, typeof tab.title === "function" ? tab.title({
+    isActive: tab.key === selectedKey
+  }) : tab.title)), /* more tab items */
+  moreTabs.length > 0 && /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement(antd.Dropdown, {
+    trigger: ["click"],
+    overlayClassName: Tab_style.MoreThanTooltipStyle,
+    onVisibleChange: visible => setIsClickedMoreTabItem(visible),
+    getPopupContainer: triggerNode => document.querySelector(".tab-bar") || triggerNode,
+    overlay: /* @__PURE__ */React__default.default.createElement(antd.Menu, {
+      className: "menu-wrapper",
+      onClick: params => {
+        setIsClickedMoreTabItem(false);
+        onChange == null ? void 0 : onChange(params.key);
+      }
+    }, moreTabs.map(tab => {
+      return /* @__PURE__ */React__default.default.createElement(antd.Menu.Item, {
+        className: core.cx("tab-menu-item", ...getSelectedStyle(tab.key, Tab_type.ActiveTabType.More, selectedKey, activeTabType)),
+        key: tab.key,
+        "data-testid": tab["data-testid"]
+      }, typeof tab.title === "function" ? tab.title({
+        isActive: tab.key === selectedKey
+      }) : tab.title);
+    }))
+  }, /* @__PURE__ */React__default.default.createElement("span", {
+    className: core.cx("tab-item-title", "more", Tab_style.TabTitleElStyle, activeTabType === Tab_type.ActiveTabType.More && "__selected", activeTabType === Tab_type.ActiveTabType.More ? index.Typo.Label.l1_bold_title : index.Typo.Label.l1_regular),
+    "data-testid": dataTestId ? `${dataTestId}-more` : void 0
+  }, /* @__PURE__ */React__default.default.createElement(index$1, {
+    className: Tab_style.IconStyle,
+    hoverSrc: iconsReact.MoreMenu16BlueIcon,
+    src: iconsReact.MoreMenu16GrayIcon,
+    active: isClickedMoreTabItem
+  }), activeTabType === Tab_type.ActiveTabType.More && /* @__PURE__ */React__default.default.createElement("span", {
+    className: "tab-title-text"
+  }, typeof (selectedTab == null ? void 0 : selectedTab.title) === "function" ? selectedTab == null ? void 0 : selectedTab.title({
+    isActive: true
+  }) : selectedTab == null ? void 0 : selectedTab.title))), extraSlot && /* @__PURE__ */React__default.default.createElement("span", {
+    className: "E_0_0_0_theme_rc_1_ckaaqep"
+  }))), extraSlot && /* @__PURE__ */React__default.default.createElement("div", {
+    ref: extraSlotRef
+  }, extraSlot)), tabs.map(tab => /* @__PURE__ */React__default.default.createElement("div", {
+    style: {
+      display: tab.key === selectedKey ? "block" : "none"
+    },
+    key: tab.key,
+    className: contentClassName
+  }, tab == null ? void 0 : tab.children)));
+};
+
+exports.Tab = Tab;

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

@@ -0,0 +1,17 @@
+'use strict';
+
+var react = require('@linaria/react');
+
+const TabMenuWrapper = /*#__PURE__*/react.styled('div')({
+  name: "TabMenuWrapper",
+  class: "E_0_0_0_theme_rc_1_t1tbywr9",
+  propsAsIs: false
+});
+const TabTitleElStyle = "E_0_0_0_theme_rc_1_ti12z2";
+const MoreThanTooltipStyle = "E_0_0_0_theme_rc_1_m19lu3v";
+const IconStyle = "E_0_0_0_theme_rc_1_i1bmwe2m";
+
+exports.IconStyle = IconStyle;
+exports.MoreThanTooltipStyle = MoreThanTooltipStyle;
+exports.TabMenuWrapper = TabMenuWrapper;
+exports.TabTitleElStyle = TabTitleElStyle;

package/dist/cjs/core/Tab/Tab.type.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var ActiveTabType = /* @__PURE__ */ ((ActiveTabType2) => {
+  ActiveTabType2[ActiveTabType2["Common"] = 0] = "Common";
+  ActiveTabType2[ActiveTabType2["More"] = 1] = "More";
+  return ActiveTabType2;
+})(ActiveTabType || {});
+
+exports.ActiveTabType = ActiveTabType;

package/dist/cjs/core/Tab/useTabAdaptiveLayout.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var _ = require('lodash');
+var React = require('react');
+
+const getPlacementWidth = (el) => {
+  if (!el) {
+    return 0;
+  }
+  const computedStyle = window.getComputedStyle(el);
+  const width = el.offsetWidth;
+  const marginLeft = parseInt(computedStyle.marginLeft || "0");
+  const marginRight = parseInt(computedStyle.marginRight || "0");
+  return width + marginLeft + marginRight;
+};
+const useTabAdaptiveLayout = (tabs, tabsRef, extraSlotRef, selectedKey) => {
+  const [moreTabs, setMoreTabs] = React.useState([]);
+  const doAdapt = React.useCallback(() => {
+    if (!tabsRef.current)
+      return;
+    const tabBarEl = tabsRef.current;
+    const tabNodeList = tabBarEl.querySelectorAll(".tab-item-title.common");
+    const moreTabNode = tabBarEl.querySelector(
+      ".tab-item-title.more"
+    );
+    const moreTabPlacementWidth = getPlacementWidth(moreTabNode);
+    tabNodeList.forEach((tab) => tab.classList.remove("__hidden"));
+    const maxContentWidth = getPlacementWidth(tabBarEl.parentElement) - getPlacementWidth(extraSlotRef.current) - moreTabPlacementWidth;
+    let tabsTotalWidth = 24;
+    const hiddenItems = [];
+    let endIndex = Infinity;
+    for (let i = 0; i < tabNodeList.length; i++) {
+      const tab = tabNodeList[i];
+      const tabWidth = getPlacementWidth(tab);
+      if (maxContentWidth >= tabsTotalWidth + tabWidth) {
+        tabsTotalWidth += tabWidth;
+      } else {
+        endIndex = i;
+        break;
+      }
+    }
+    while (endIndex <= tabNodeList.length - 1) {
+      tabNodeList[endIndex].classList.add("__hidden");
+      hiddenItems.push(tabs[endIndex]);
+      endIndex++;
+    }
+    setMoreTabs((prevMoreTabs) => {
+      if (!_.isEqual(hiddenItems, prevMoreTabs)) {
+        return hiddenItems;
+      }
+      return prevMoreTabs;
+    });
+  }, [tabs, tabsRef, extraSlotRef]);
+  React.useEffect(() => {
+    doAdapt();
+  }, [doAdapt, selectedKey]);
+  React.useEffect(() => {
+    var _a;
+    const parentElement = (_a = tabsRef.current) == null ? void 0 : _a.parentElement;
+    if (!parentElement)
+      return;
+    const resizeObserver = new ResizeObserver(() => {
+      doAdapt();
+    });
+    resizeObserver.observe(parentElement);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [doAdapt, tabsRef]);
+  return moreTabs;
+};
+
+exports.useTabAdaptiveLayout = useTabAdaptiveLayout;

package/dist/cjs/core/Table/TableSkeleton.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const TableLoadingStyle = "E_0_0_0_theme_rc_1_t1g36k2w";
+const TableSkeleton = props => {
+  const {
+    rowsCount = 50,
+    headerHeight = 48,
+    itemHeight = 40
+  } = props;
+  const rows = React.useMemo(() => Array.from({
+    length: rowsCount
+  }, (r, i) => i), [rowsCount]);
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: `${TableLoadingStyle} table-loading`
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "table-loading-header table-loading-item",
+    style: {
+      height: headerHeight
+    }
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "checkbox-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  })), rows.map(i => /* @__PURE__ */React__default.default.createElement("div", {
+    key: i,
+    className: "table-loading-item",
+    style: {
+      height: itemHeight
+    }
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "checkbox-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  }), /* @__PURE__ */React__default.default.createElement("div", {
+    className: "td-loading"
+  }))));
+};
+
+exports.TableSkeleton = TableSkeleton;