@cloudtower/eagle 0.22.10 → 0.22.12

package/dist/esm/index.js

@@ -19,10 +19,36 @@ import { withTranslation } from 'react-i18next';
 import dayjs from 'dayjs';
 import 'recharts';
 
+const MAGIC_METRIC_NULL = -2;
 const SECOND = 1;
 const MINUTE = 60 * SECOND;
 const HOUR = 60 * MINUTE;
 const DAY = 24 * HOUR;
+function formatPercent(input, decimals = 2) {
+  if (input <= 0 || input === MAGIC_METRIC_NULL) {
+    input = 0;
+  }
+  if (input > 100) {
+    input = 100;
+  }
+  const value = parseFloat(input.toFixed(decimals));
+  if (value === 0 && input > 0) {
+    if (decimals - 1 >= 0) {
+      return {
+        value: parseFloat(`0.${"0".repeat(decimals - 1)}1`),
+        unit: "%"
+      };
+    }
+    return {
+      value: 1,
+      unit: "%"
+    };
+  }
+  return {
+    value,
+    unit: "%"
+  };
+}
 
 const EMPTY_FUNCTION = () => {
 };
@@ -116,8 +142,8 @@ const BaseIcon = React.forwardRef(
       style,
       children,
       prefixNode,
-      suffixIconSrc,
-      src
+      suffixIconSrc: SuffixSrc,
+      src: Src
     } = _a, HTMLSpanElementProps = __objRest$o(_a, [
       "alt",
       "className",
@@ -138,9 +164,9 @@ const BaseIcon = React.forwardRef(
         style: _.pickBy(__spreadValues$s({ cursor }, style))
       }, HTMLSpanElementProps),
       prefixNode,
-      /* @__PURE__ */ React.createElement("span", { className: "icon-inner" }, /* @__PURE__ */ React.createElement("img", { alt, src, width, height })),
+      /* @__PURE__ */ React.createElement("span", { className: "icon-inner" }, typeof Src === "string" ? /* @__PURE__ */ React.createElement("img", { alt, src: Src, width, height }) : /* @__PURE__ */ React.createElement(Src, { width, height })),
       children && /* @__PURE__ */ React.createElement("span", { className: "icon-children" }, children),
-      suffixIconSrc && /* @__PURE__ */ React.createElement("span", { className: "icon-inner suffix" }, /* @__PURE__ */ React.createElement("img", { alt, src: suffixIconSrc, width, height }))
+      SuffixSrc && /* @__PURE__ */ React.createElement("span", { className: "icon-inner suffix" }, typeof SuffixSrc === "string" ? /* @__PURE__ */ React.createElement("img", { alt, src: SuffixSrc, width, height }) : /* @__PURE__ */ React.createElement(SuffixSrc, { width, height }))
     );
   }
 );
@@ -1918,138 +1944,76 @@ const modalReducer = (state = initialModalState, action) => {
   }
 };
 
-var __defProp$6 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-const initialTableState = {};
-const tableReducer = (state = initialTableState, action) => {
-  var _a;
-  switch (action.type) {
-    case "SET_ROWS_SELECTION" /* SET_ROWS_SELECTION */: {
-      const { resource, rows } = action.payload;
-      return __spreadProps$3(__spreadValues$6({}, state), {
-        [resource]: __spreadProps$3(__spreadValues$6({}, state[resource]), {
-          selectRows: rows
-        })
-      });
-    }
-    case "REMOVE_ROW_SELECTION" /* REMOVE_ROW_SELECTION */: {
-      const { resource, id } = action.payload;
-      return __spreadProps$3(__spreadValues$6({}, state), {
-        [resource]: __spreadProps$3(__spreadValues$6({}, state[resource]), {
-          selectRows: (_a = state[resource].selectRows) == null ? void 0 : _a.filter((r) => r.id !== id)
-        })
-      });
-    }
-    case "SET_RESOURCE_DATA" /* SET_RESOURCE_DATA */: {
-      const { resource, rows } = action.payload;
-      return __spreadProps$3(__spreadValues$6({}, state), {
-        [resource]: __spreadProps$3(__spreadValues$6({}, state[resource]), {
-          rows
-        })
-      });
-    }
-    case "SET_RESOURCE_QUERY" /* SET_RESOURCE_QUERY */: {
-      const { resource, query } = action.payload;
-      return __spreadProps$3(__spreadValues$6({}, state), {
-        [resource]: __spreadProps$3(__spreadValues$6({}, state[resource]), {
-          query
-        })
-      });
-    }
-    default:
-      return state;
-  }
-};
-
 const appReducer = combineReducers({
   chart: chartReducer,
-  modal: modalReducer,
-  table: tableReducer
+  modal: modalReducer
 });
 const rootReducer = (state, action) => {
-  if (action.type === "RESET") {
+  if (action.type === "RESET_UI_KIT_STORE") {
     state = {
       modal: initialModalState,
-      chart: initialChartState,
-      table: initialTableState
+      chart: initialChartState
     };
   }
   return appReducer(state, action);
 };
-const store = createStore(rootReducer);
+const UIKitStore = createStore(rootReducer);
 function pushModal(modal) {
-  store.dispatch({
+  UIKitStore.dispatch({
     type: ModalActions.PUSH_MODAL,
     payload: modal
   });
 }
 function popModal() {
-  store.dispatch({
+  UIKitStore.dispatch({
     type: ModalActions.POP_MODAL
   });
 }
 function closeModal(id) {
-  store.dispatch({
+  UIKitStore.dispatch({
     type: ModalActions.CLOSE_MODAL,
     id
   });
 }
 
 const ctx = createContext({
-  store,
-  storeState: store.getState()
+  store: UIKitStore,
+  storeState: UIKitStore.getState()
 });
 const KitStoreProvider = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ React.createElement(Provider, { context: ctx, store }, children);
+  return /* @__PURE__ */ React.createElement(Provider, { context: ctx, store: UIKitStore }, children);
 };
 const useKitDispatch = createDispatchHook(ctx);
 const useKitSelector = createSelectorHook(ctx);
 
-var __defProp$5 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+var __defProp$6 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
+  if (source != null && __getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2130,7 +2094,7 @@ const Modal = (props) => {
   }
   return /* @__PURE__ */ React.createElement(
     Modal$1,
-    __spreadProps$2(__spreadValues$5({
+    __spreadProps$3(__spreadValues$6({
       maskClosable,
       className: cs(
         className,
@@ -2165,7 +2129,7 @@ const Modal = (props) => {
         prevText
       ), error && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "modal-error" }, error))), /* @__PURE__ */ React.createElement("div", { className: "modal-footer-btn-group" }, showCancel && /* @__PURE__ */ React.createElement(
         Button,
-        __spreadValues$5({
+        __spreadValues$6({
           type: "quiet",
           onMouseDown: (e) => {
             e.preventDefault();
@@ -2179,7 +2143,7 @@ const Modal = (props) => {
         cancelText
       ), showOk && /* @__PURE__ */ React.createElement(
         Button,
-        __spreadValues$5({
+        __spreadValues$6({
           onClick: (e) => {
             var _a2, _b2;
             onOk == null ? void 0 : onOk(e);
@@ -2325,28 +2289,50 @@ const Pagination = props => {
   }))));
 };
 
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, {
+function isEmpty(rawValue) {
+  if (rawValue === null || rawValue === void 0 || rawValue === MAGIC_METRIC_NULL || Number.isNaN(rawValue)) {
+    return true;
+  }
+  return false;
+}
+
+const Empty = /* @__PURE__ */ React.createElement(React.Fragment, null, "-");
+
+const Percent = ({
+  rawValue,
+  decimals,
+  valueClassName,
+  unitClassName
+}) => {
+  if (isEmpty(rawValue)) {
+    return Empty;
+  }
+  const { value, unit } = formatPercent(rawValue, decimals);
+  return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: cx("value", valueClassName) }, value), /* @__PURE__ */ React.createElement("span", { className: cx("unit", unitClassName) }, unit));
+};
+
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
-  for (var prop in b || (b = {})) if (__hasOwnProp$4.call(b, prop)) __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4) for (var prop of __getOwnPropSymbols$4(b)) {
-    if (__propIsEnum$4.call(b, prop)) __defNormalProp$4(a, prop, b[prop]);
+var __spreadValues$5 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$5.call(b, prop)) __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5) for (var prop of __getOwnPropSymbols$5(b)) {
+    if (__propIsEnum$5.call(b, prop)) __defNormalProp$5(a, prop, b[prop]);
   }
   return a;
 };
 var __objRest$3 = (source, exclude) => {
   var target = {};
-  for (var prop in source) if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$4) for (var prop of __getOwnPropSymbols$4(source)) {
-    if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop)) target[prop] = source[prop];
+  for (var prop in source) if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$5) for (var prop of __getOwnPropSymbols$5(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop)) target[prop] = source[prop];
   }
   return target;
 };
@@ -2372,7 +2358,7 @@ const Radio = _a => {
       className: cx("radio-description", Typo.Label.l4_regular)
     }, description));
   }
-  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(Radio$1, __spreadValues$4({
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(Radio$1, __spreadValues$5({
     className: cx(className, RadioStyle, compact && "compact"),
     checked: checked || false,
     "data-test": context.name ? `${context.name}-${String(props.value)}` : String(props.value)
@@ -2390,7 +2376,7 @@ const RadioGroup = _c => {
       disabled: props.disabled,
       name: props.name
     }
-  }, /* @__PURE__ */React.createElement(Radio$1.Group, __spreadValues$4({
+  }, /* @__PURE__ */React.createElement(Radio$1.Group, __spreadValues$5({
     className: cx(className, RadioGroupStyle)
   }, props), children ? children : null));
 };
@@ -2446,36 +2432,36 @@ const RadioButton = _e => {
       className: "ant-radio-button-input-label"
     }, typeof children === "string" ? children : ""));
   };
-  return /* @__PURE__ */React.createElement(Radio$1.Button, __spreadValues$4({
+  return /* @__PURE__ */React.createElement(Radio$1.Button, __spreadValues$5({
     className: cx(className, RadioButtonStyle),
     value: radioButtonValue
   }, props), renderChildren());
 };
 
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
+  if (source != null && __getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2485,7 +2471,7 @@ const SearchInput = (props) => {
   const onSearch = _.debounce(onChange, debounceWait);
   return /* @__PURE__ */ React.createElement(
     Input,
-    __spreadValues$3({
+    __spreadValues$4({
       style: { width: 276 },
       prefix: /* @__PURE__ */ React.createElement(SearchOutlined, null),
       onChange: (e) => onSearch(e.target.value)
@@ -2641,26 +2627,26 @@ const ColumnTitle = props => {
   }));
 };
 
-var __defProp$2 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, {
+var __defProp$3 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, {
   enumerable: true,
   configurable: true,
   writable: true,
   value
 }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
-  for (var prop in b || (b = {})) if (__hasOwnProp$2.call(b, prop)) __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2) for (var prop of __getOwnPropSymbols$2(b)) {
-    if (__propIsEnum$2.call(b, prop)) __defNormalProp$2(a, prop, b[prop]);
+var __spreadValues$3 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$3.call(b, prop)) __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3) for (var prop of __getOwnPropSymbols$3(b)) {
+    if (__propIsEnum$3.call(b, prop)) __defNormalProp$3(a, prop, b[prop]);
   }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 const TableContainerStyle = "t1upn1sz";
 const tableStyleCover = "tta5kd2";
 const Table = props => {
@@ -2699,7 +2685,7 @@ const Table = props => {
     },
     dataSource: dataSource || [],
     pagination: pagination || false,
-    columns: columns.map(column => column.sorter ? __spreadProps$1(__spreadValues$2({}, column), {
+    columns: columns.map(column => column.sorter ? __spreadProps$2(__spreadValues$3({}, column), {
       title: /* @__PURE__ */React.createElement(ColumnTitle, {
         title: column.title,
         sortOrder: column.sortOrder
@@ -2720,7 +2706,7 @@ const Table = props => {
     }),
     rowClassName,
     scroll,
-    rowSelection: rowSelection && __spreadProps$1(__spreadValues$2({}, rowSelection), {
+    rowSelection: rowSelection && __spreadProps$2(__spreadValues$3({}, rowSelection), {
       columnWidth: 32
     }),
     showSorterTooltip: false
@@ -2834,33 +2820,33 @@ const TimeZoneOption = ({
   }, /* @__PURE__ */React.createElement("span", null, timeZone.text, ", ", timeZone.abbr)));
 };
 
-var __defProp$1 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __defProp$2 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -2914,10 +2900,10 @@ const Tooltip = (props) => {
   }, [followMouse, onmousemove, uniqueContainerClass]);
   return /* @__PURE__ */ React.createElement(
     Tooltip$1,
-    __spreadProps(__spreadValues$1({}, restProps), {
+    __spreadProps$1(__spreadValues$2({}, restProps), {
       overlayClassName: followMouse ? cs(overlayClassName, uniquePopupClass) : overlayClassName,
       children: _children,
-      overlayStyle: followMouse ? __spreadValues$1({
+      overlayStyle: followMouse ? __spreadValues$2({
         transform: "translate(-50%, -100%)",
         pointerEvents: "none"
       }, overlayStyle) : overlayStyle
@@ -2947,6 +2933,9 @@ function getAntdKit() {
     textArea: TextArea,
     checkbox: Checkbox,
     fields,
+    units: {
+      Percent
+    },
     inputGroup: InputGroup,
     alert: Alert,
     searchInput: SearchInput,
@@ -2971,28 +2960,28 @@ function getAntdKit() {
 }
 const antdKit = getAntdKit();
 
-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, {
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(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]);
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$1.call(b, prop)) __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1) for (var prop of __getOwnPropSymbols$1(b)) {
+    if (__propIsEnum$1.call(b, prop)) __defNormalProp$1(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];
+  for (var prop in source) if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1) for (var prop of __getOwnPropSymbols$1(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop)) target[prop] = source[prop];
   }
   return target;
 };
@@ -3036,7 +3025,7 @@ React.forwardRef((props, ref) => {
         style: {
           cursor: "not-allowed"
         }
-      }, /* @__PURE__ */React.createElement(Button, __spreadValues({
+      }, /* @__PURE__ */React.createElement(Button, __spreadValues$1({
         style: {
           pointerEvents: "none"
         },
@@ -3046,7 +3035,7 @@ React.forwardRef((props, ref) => {
         ghost,
         className: cx(ButtonStyle, className2),
         prefixIcon: icon
-      }, buttonPropArgs))) : /* @__PURE__ */React.createElement(Button, __spreadValues({
+      }, buttonPropArgs))) : /* @__PURE__ */React.createElement(Button, __spreadValues$1({
         type,
         size,
         danger,
@@ -3055,7 +3044,7 @@ React.forwardRef((props, ref) => {
         prefixIcon: icon
       }, buttonPropArgs)));
     }
-    return /* @__PURE__ */React.createElement(Button, __spreadValues({
+    return /* @__PURE__ */React.createElement(Button, __spreadValues$1({
       key: key || index,
       type,
       size,
@@ -3121,6 +3110,45 @@ const tickFormatter = (tick, dateRange) => {
   return dayjs(tick).format("MM/DD");
 };
 
+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 ModalStack = () => {
+  const stack = useKitSelector(
+    (state) => state.modal.stack
+  );
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, stack.map((modal) => /* @__PURE__ */ React.createElement(
+    modal.component,
+    __spreadProps(__spreadValues({}, modal.props), {
+      modalId: modal.id,
+      onClose: () => {
+        var _a;
+        if ((_a = modal.props) == null ? void 0 : _a.onClose) {
+          modal.props.onClose();
+        }
+        closeModal(modal.id);
+      },
+      key: modal.id
+    })
+  )));
+};
+
 var Architecture = /* @__PURE__ */ ((Architecture2) => {
   Architecture2["Aarch64"] = "AARCH64";
   Architecture2["X86_64"] = "X86_64";
@@ -3155,4 +3183,4 @@ const useUIKit = () => {
   return useContext(kitContext);
 };
 
-export { Architecture, Button, EntityAsyncStatus, FailedLoad, KitStoreProvider, PAGINATION_SELECTOR, TABLE_WRAPPER_SELECTOR, TBODY_SELECTOR, THEAD_SELECTOR, TaskStatus, Typo, UIKitProvider, UserSource, antdKit, closeModal, kitContext, popModal, pushModal, tableStyleCover, tickFormatter, useElementsSize, useKitDispatch, useKitSelector, useUIKit };
+export { Architecture, Button, EntityAsyncStatus, FailedLoad, KitStoreProvider, ModalActions, ModalStack, PAGINATION_SELECTOR, TABLE_WRAPPER_SELECTOR, TBODY_SELECTOR, THEAD_SELECTOR, TaskStatus, Typo, UIKitProvider, UIKitStore, UserSource, antdKit, closeModal, kitContext, popModal, pushModal, tableStyleCover, tickFormatter, useElementsSize, useKitDispatch, useKitSelector, useUIKit };