@cloudtower/eagle 0.23.0 → 0.23.2

package/dist/umd/index.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('antd'), require('react'), require('classnames'), require('lodash'), require('@cloudtower/parrot'), require('@linaria/core'), require('@linaria/react'), require('moment'), require('react-dom'), require('react-is'), require('@ant-design/icons'), require('redux'), require('react-redux'), require('@cloudtower/icons-react'), require('react-beautiful-dnd'), require('timezones.json'), require('react-i18next'), require('dayjs'), require('recharts')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'antd', 'react', 'classnames', 'lodash', '@cloudtower/parrot', '@linaria/core', '@linaria/react', 'moment', 'react-dom', 'react-is', '@ant-design/icons', 'redux', 'react-redux', '@cloudtower/icons-react', 'react-beautiful-dnd', 'timezones.json', 'react-i18next', 'dayjs', 'recharts'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.index = {}, global.antd, global.React, global.cs, global._, global.parrot, global.core, global.react, global.moment, global.reactDom, global.reactIs, global.icons, global.redux, global.reactRedux, global.iconsReact, global.reactBeautifulDnd, global.TimeZones, global.reactI18next, global.dayjs));
-})(this, (function (exports, antd, React, cs, _, parrot, core, react, moment, reactDom, reactIs, icons, redux, reactRedux, iconsReact, reactBeautifulDnd, TimeZones, reactI18next, dayjs) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('antd'), require('react'), require('classnames'), require('lodash'), require('react-i18next'), require('@linaria/core'), require('@linaria/react'), require('moment'), require('react-dom'), require('react-is'), require('@ant-design/icons'), require('redux'), require('react-redux'), require('@cloudtower/icons-react'), require('react-beautiful-dnd'), require('timezones.json'), require('@cloudtower/parrot'), require('dayjs'), require('recharts')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'antd', 'react', 'classnames', 'lodash', 'react-i18next', '@linaria/core', '@linaria/react', 'moment', 'react-dom', 'react-is', '@ant-design/icons', 'redux', 'react-redux', '@cloudtower/icons-react', 'react-beautiful-dnd', 'timezones.json', '@cloudtower/parrot', 'dayjs', 'recharts'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.index = {}, global.antd, global.React, global.cs, global._, global.reactI18next, global.core, global.react, global.moment, global.reactDom, global.reactIs, global.icons, global.redux, global.reactRedux, global.iconsReact, global.reactBeautifulDnd, global.TimeZones, global.parrot, global.dayjs));
+})(this, (function (exports, antd, React, cs, _, reactI18next, core, react, moment, reactDom, reactIs, icons, redux, reactRedux, iconsReact, reactBeautifulDnd, TimeZones, parrot, dayjs) { 'use strict';
 
   const MAGIC_METRIC_NULL = -2;
   function formatBits(bits, decimals = 2) {
@@ -461,10 +461,11 @@
   };
 
   const Arch = (props) => {
+    const { t } = reactI18next.useTranslation();
     const { architecture } = props;
     let text = "";
     if (architecture) {
-      text = parrot.parrotI18n.t(`components.Architecture_${architecture}`);
+      text = t(`components.Architecture_${architecture}`);
     }
     return /* @__PURE__ */ React.createElement("span", null, text);
   };
@@ -959,11 +960,12 @@
     valueClassName,
     unitClassName
   }) => {
+    const { t } = reactI18next.useTranslation();
     if (isEmpty(rawValue)) {
       return Empty;
     }
     if (rawValue === -1) {
-      return /* @__PURE__ */ React.createElement("span", null, parrot.parrotI18n.t("common.calculation"));
+      return /* @__PURE__ */ React.createElement("span", null, t("common.calculation"));
     }
     const { value, unit } = formatBytes(rawValue, decimals);
     if (noUnitOnZero && value === 0) {
@@ -2581,10 +2583,11 @@
   };
   const Modal = (props) => {
     var _b;
+    const { t } = reactI18next.useTranslation();
     const _a = props, {
       error,
-      okText = parrot.parrotI18n.t("common.confirm"),
-      cancelText = parrot.parrotI18n.t("common.cancel"),
+      okText = t("common.confirm"),
+      cancelText = t("common.cancel"),
       confirmLoading,
       okButtonProps,
       onOk,
@@ -2633,12 +2636,12 @@
       let text = (okButtonProps == null ? void 0 : okButtonProps.children) || okText;
       if (wizard && typeof wizard === "object" && wizard.steps[wizard.step]) {
         const { step, steps } = wizard;
-        text = step < steps.length - 1 ? steps[step].okText || parrot.parrotI18n.t("common.next_step") : steps[step].okText || text;
+        text = step < steps.length - 1 ? steps[step].okText || t("common.next_step") : steps[step].okText || text;
       }
       return text;
-    }, [okButtonProps, okText, wizard]);
+    }, [okButtonProps == null ? void 0 : okButtonProps.children, okText, t, wizard]);
     const prevText = React.useMemo(() => {
-      let text = /* @__PURE__ */ React.createElement("span", null, "< ", parrot.parrotI18n.t("common.prev_step"));
+      let text = /* @__PURE__ */ React.createElement("span", null, "< ", t("common.prev_step"));
       if (wizard && typeof wizard === "object" && wizard.steps[wizard.step]) {
         const { step, steps } = wizard;
         if (typeof steps[step].prevText === "string") {
@@ -2648,7 +2651,7 @@
         }
       }
       return text;
-    }, [wizard]);
+    }, [t, wizard]);
     const stepsRef = React.useRef([]);
     if (wizard && typeof wizard === "object" && !wizard.destroyOtherStep && wizard.steps[wizard.step]) {
       stepsRef.current[wizard.step] = wizard.steps[wizard.step].render;
@@ -2765,6 +2768,9 @@
       selectorVisible = true
     } = props;
     const sizeRef = React.useRef(size);
+    const {
+      t
+    } = reactI18next.useTranslation();
     React.useEffect(() => {
       if (sizeRef.current === size) return;
       sizeRef.current = size;
@@ -2779,18 +2785,18 @@
         const lastRange2 = value + size;
         return {
           value: i + 1,
-          text: parrot.parrotI18n.t("components.pagination_range", {
+          text: t("components.pagination_range", {
             range1: value + 1,
             range2: lastRange2 > count ? count : lastRange2
           })
         };
       });
-    }, [selectorVisible, count, size]);
+    }, [selectorVisible, count, size, t]);
     let lastRange = current * size;
     lastRange = lastRange > count ? count : lastRange;
     const renderLeft = () => {
       if (!showTotal) return null;
-      const content = parrot.parrotI18n.t("components.pagination_total", {
+      const content = t("components.pagination_total", {
         range1: (current - 1) * size + 1,
         range2: lastRange,
         total: count
@@ -2800,7 +2806,7 @@
           placement: "topLeft",
           overlayClassName: DropdownOverlayStyle,
           overlay: /* @__PURE__ */React.createElement(antd.Menu, null, /* @__PURE__ */React.createElement(antd.Menu.ItemGroup, {
-            title: parrot.parrotI18n.t("components.push_to")
+            title: t("components.push_to")
           }, selectOptions.map(option => /* @__PURE__ */React.createElement(antd.Menu.Item, {
             key: option.value,
             onClick: () => onChange(option.value)
@@ -2835,7 +2841,7 @@
       onClick: () => {
         onChange == null ? void 0 : onChange(current - 1);
       }
-    }, parrot.parrotI18n.t("components.previous_items", {
+    }, t("components.previous_items", {
       size
     })), current * size < count && /* @__PURE__ */React.createElement(Button, {
       className: "next-btn",
@@ -2848,7 +2854,7 @@
       onClick: () => {
         onChange == null ? void 0 : onChange(current + 1);
       }
-    }, parrot.parrotI18n.t("components.next_items", {
+    }, t("components.next_items", {
       size
     }))));
   };
@@ -3059,11 +3065,12 @@
     unitClassName,
     abbreviate
   }) => {
+    const { t } = reactI18next.useTranslation();
     if (isEmpty(rawValue)) {
       return Empty;
     }
     const { value, unit } = formatSeconds(rawValue, decimals);
-    return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: core.cx("value", valueClassName) }, value, " "), /* @__PURE__ */ React.createElement("span", { className: core.cx("unit", unitClassName) }, parrot.parrotI18n.t(`common.${abbreviate ? `${unit}_abbreviation` : unit}`)));
+    return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: core.cx("value", valueClassName) }, value, " "), /* @__PURE__ */ React.createElement("span", { className: core.cx("unit", unitClassName) }, t(`common.${abbreviate ? `${unit}_abbreviation` : unit}`)));
   };
 
   const inputStyle = "igz4le8";
@@ -3075,6 +3082,9 @@
       size,
       onPageChange
     } = props;
+    const {
+      t
+    } = reactI18next.useTranslation();
     const pageLength = Math.ceil(count / size);
     const showPrev = current > 1;
     const showNext = current * size < count;
@@ -3090,7 +3100,7 @@
       className: cs(PaginationStyle, "pagination-wrapper", className)
     }, /* @__PURE__ */React.createElement("span", {
       className: Typo.Label.l3_regular_title
-    }, parrot.parrotI18n.t("components.pagination_lots_total", {
+    }, t("components.pagination_lots_total", {
       total: count
     })), /* @__PURE__ */React.createElement("span", {
       className: "pagination-right"
@@ -3524,6 +3534,7 @@
       updateData,
       data
     } = props;
+    const { t } = reactI18next.useTranslation();
     const _a = buttonProps || {}, {
       disabled: disabledFromProp,
       onClick
@@ -3564,7 +3575,7 @@
         },
         disabled
       }),
-      CustomizedButtonText || parrot.parrotI18n.t("components.add")
+      CustomizedButtonText || t("components.add")
     ), typeof maximum === "number" ? /* @__PURE__ */ React.createElement(
       "span",
       {
@@ -3574,7 +3585,7 @@
           disabled && "disabled"
         )
       },
-      parrot.parrotI18n.t("components.maximum_row_count_desc", {
+      t("components.maximum_row_count_desc", {
         count: maximum
       })
     ) : null);
@@ -3583,6 +3594,7 @@
   const AffixColumnHeaderCell = ({ data, column, onChange, onBlur }) => {
     const [suffix, setSuffix] = React.useState("");
     const [prefix, setPrefix] = React.useState("");
+    const { t } = reactI18next.useTranslation();
     const onPrefixChange = React.useCallback(
       (e) => {
         const newPrefix = e.target.value;
@@ -3603,7 +3615,7 @@
       antd.Input,
       {
         value: prefix,
-        placeholder: parrot.parrotI18n.t("components.prefix"),
+        placeholder: t("components.prefix"),
         size: "small",
         onChange: onPrefixChange,
         onBlur
@@ -3612,7 +3624,7 @@
       antd.Input,
       {
         value: suffix,
-        placeholder: parrot.parrotI18n.t("components.suffix"),
+        placeholder: t("components.suffix"),
         size: "small",
         onChange: onSuffixChange,
         onBlur
@@ -4003,6 +4015,7 @@
       rowValidator,
       validateAll
     } = props;
+    const { t } = reactI18next.useTranslation();
     const rowData = data[rowIndex];
     const [rowError, setRowError] = React.useState();
     const deleteRow = React.useCallback(
@@ -4033,7 +4046,7 @@
           }
         }
       );
-      const FinalRenderIcon = isRowDeleteDisabled ? DeleteIcon : /* @__PURE__ */ React.createElement(Tooltip, { title: parrot.parrotI18n.t("components.remove") }, DeleteIcon);
+      const FinalRenderIcon = isRowDeleteDisabled ? DeleteIcon : /* @__PURE__ */ React.createElement(Tooltip, { title: t("components.remove") }, DeleteIcon);
       return (deleteConfig == null ? void 0 : deleteConfig.deletable) ? [FinalRenderIcon] : void 0;
     }, [rowIndex, deleteConfig, data, deleteRow]);
     const getRowValidateResult = React.useCallback(
@@ -4416,7 +4429,6 @@
   const OptionSecondLineStyle = core.cx("of4y382", Typo.Label.l4_regular);
   const TagStyle = "t19903l9";
   const BrowserTimeValue = "browser_time_zone";
-  const DefaultTimeValue = "default_time_zone";
   const browserTzName = Intl.DateTimeFormat().resolvedOptions().timeZone;
   const browserTz = allTimeZones.find(tz => tz.value === browserTzName) || allTimeZones[0];
   const TimeZoneSelect = props => {
@@ -4426,23 +4438,20 @@
       disabled,
       defaultUseBrowserTime,
       className,
-      placeholder,
-      defaultOptionValue
+      placeholder
     } = props;
     const [innerValue, setInnerValue] = React.useState(value);
-    const defaultTz = React.useMemo(() => {
-      return allTimeZones.find(tz => tz.value === defaultOptionValue);
-    }, [defaultOptionValue]);
+    const {
+      t
+    } = reactI18next.useTranslation();
     const _onChange = React.useCallback(val => {
       setInnerValue(val);
       if (val === BrowserTimeValue) {
         onChange(browserTzName);
-      } else if (val === DefaultTimeValue && defaultTz) {
-        onChange(defaultTz == null ? void 0 : defaultTz.value);
       } else {
         onChange(val);
       }
-    }, [defaultTz, onChange]);
+    }, [onChange]);
     React.useEffect(() => {
       if (defaultUseBrowserTime && !value) {
         setInnerValue(BrowserTimeValue);
@@ -4451,16 +4460,15 @@
     }, []);
     React.useEffect(() => {
       if (innerValue === BrowserTimeValue && value === browserTzName) return;
-      if (innerValue === DefaultTimeValue && value === (defaultTz == null ? void 0 : defaultTz.value)) return;
       if (innerValue === value) return;
       setInnerValue(value);
-    }, [defaultTz == null ? void 0 : defaultTz.value, innerValue, value]);
+    }, [innerValue, value]);
     const timeZoneOptionGroups = timeZoneGroups.map(([key, timezones]) => {
       return /* @__PURE__ */React.createElement(antd.Select.OptGroup, {
         label: key.toUpperCase()
       }, timezones.map(zone => {
         return /* @__PURE__ */React.createElement(antd.Select.Option, {
-          label: zone.value,
+          label: `${zone.value} (${getUTCOffsetText(zone.offset)})`,
           value: zone.value,
           className: OptionWrapperStyle
         }, /* @__PURE__ */React.createElement(TimeZoneOption, {
@@ -4472,7 +4480,7 @@
     return /* @__PURE__ */React.createElement(Select, {
       className: core.cx(SelectStyle, className),
       dropdownClassName: DropdownStyle,
-      placeholder: /* @__PURE__ */React.createElement("span", null, placeholder || parrot.parrotI18n.t("components.time_zone_select_placeholder")),
+      placeholder: /* @__PURE__ */React.createElement("span", null, placeholder || t("components.time_zone_select_placeholder")),
       value: innerValue,
       onChange: _onChange,
       showSearch: true,
@@ -4482,28 +4490,20 @@
       },
       optionLabelProp: "label",
       input: {}
-    }, defaultTz ? /* @__PURE__ */React.createElement(antd.Select.Option, {
-      value: DefaultTimeValue,
-      label: `${parrot.parrotI18n.t("components.default_time_zone")} (${getUTCOffsetText(defaultTz.offset)})`,
-      className: OptionWrapperStyle
-    }, /* @__PURE__ */React.createElement(TimeZoneOption, {
-      key: DefaultTimeValue,
-      customLabel: parrot.parrotI18n.t("components.default_time_zone"),
-      timeZone: defaultTz
-    })) : void 0, /* @__PURE__ */React.createElement(antd.Select.Option, {
+    }, /* @__PURE__ */React.createElement(antd.Select.Option, {
       value: BrowserTimeValue,
-      label: `${parrot.parrotI18n.t("components.browser_time_zone")} (${getUTCOffsetText(browserTz.offset)})`,
+      label: `${t("components.browser_time_zone")} (${getUTCOffsetText(browserTz.offset)})`,
       className: OptionWrapperStyle
     }, /* @__PURE__ */React.createElement(TimeZoneOption, {
       key: BrowserTimeValue,
-      customLabel: parrot.parrotI18n.t("components.browser_time_zone"),
+      customLabel: t("components.browser_time_zone"),
       timeZone: browserTz
     })), /* @__PURE__ */React.createElement(antd.Select.Option, {
       value: "UTC",
       className: OptionWrapperStyle
     }, /* @__PURE__ */React.createElement(TimeZoneOption, {
       key: "utc",
-      customLabel: parrot.parrotI18n.t("components.coorddinated_universal_time"),
+      customLabel: t("components.coorddinated_universal_time"),
       timeZone: {
         value: "UTC",
         text: "UTC",
@@ -4549,6 +4549,7 @@
       pagination: Pagination,
       select: Select,
       option: antd.Select.Option,
+      selectOptGroup: antd.Select.OptGroup,
       table: Table,
       row: antd.Row,
       col: antd.Col,
@@ -4620,7 +4621,8 @@
       antdMessage: antd.message,
       antdButton: antd.Button,
       antdSelect: antd.Select,
-      antdTooltip: antd.Tooltip
+      antdTooltip: antd.Tooltip,
+      antdModal: antd.Modal
     };
     kit.option.isSelectOption = true;
     kit.button.__ANT_BUTTON = true;
@@ -4654,6 +4656,9 @@
       title,
       refetchText
     } = props;
+    const {
+      t
+    } = reactI18next.useTranslation();
     return /* @__PURE__ */React.createElement("div", {
       className: cs(FailedLoadStyle, className),
       title
@@ -4662,7 +4667,7 @@
     }, String(error)), /* @__PURE__ */React.createElement(Button, {
       type: "ordinary",
       onClick: () => refetch()
-    }, refetchText || parrot.parrotI18n.t("common.retry")));
+    }, refetchText || t("common.retry")));
   };
 
   function getRangeTimestamp(dateRange) {
@@ -4765,7 +4770,7 @@
   var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const kitContext = React.createContext(antdKit);
   const UIKitProvider = (props) => {
-    const { children, kit = antdKit, message } = props;
+    const { children, kit = antdKit, message, antdConfig } = props;
     const _kit = React.useMemo(() => {
       if ((message == null ? void 0 : message.batch) != null) {
         return __spreadProps(__spreadValues({}, kit), {
@@ -4774,7 +4779,7 @@
       }
       return kit;
     }, [kit, message == null ? void 0 : message.batch]);
-    return /* @__PURE__ */ React.createElement(kitContext.Provider, { value: _kit }, children);
+    return /* @__PURE__ */ React.createElement(reactI18next.I18nextProvider, { i18n: parrot.parrotI18n }, /* @__PURE__ */ React.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React.createElement(antd.ConfigProvider, __spreadValues({ autoInsertSpaceInButton: false }, antdConfig), children)));
   };
   const useUIKit = () => {
     return React.useContext(kitContext);
@@ -4793,6 +4798,7 @@
   exports.ButtonStyle = ButtonStyle;
   exports.EntityAsyncStatus = EntityAsyncStatus;
   exports.FailedLoad = FailedLoad;
+  exports.FullView = FullView;
   exports.Icon = Icon;
   exports.InputTagItem = InputTagItem;
   exports.KitStoreProvider = KitStoreProvider;
@@ -4804,6 +4810,7 @@
   exports.UIKitStore = UIKitStore;
   exports.UserSource = UserSource;
   exports.ValidateTriggerType = ValidateTriggerType;
+  exports.WizardBody = WizardBody;
   exports.antdKit = antdKit;
   exports.closeModal = closeModal;
   exports.createBatchMessageMethods = createBatchMessageMethods;