@cloudtower/eagle 0.23.0 → 0.23.2

package/dist/UIKitProvider/index.d.ts

@@ -1,3 +1,4 @@
+import { ConfigProviderProps } from "antd/lib/config-provider";
 import React, { PropsWithChildren } from "react";
 import { BatchHelper } from "../components";
 import { Kit } from "../spec";
@@ -6,6 +7,7 @@ interface IProps {
     message?: {
         batch?: BatchHelper;
     };
+    antdConfig?: ConfigProviderProps;
 }
 export declare const kitContext: React.Context<Kit<any, HTMLElement>>;
 declare const UIKitProvider: (props: PropsWithChildren<IProps>) => JSX.Element;

package/dist/esm/index.js

@@ -1,10 +1,9 @@
-import { Alert as Alert$1, Badge as Badge$1, Button as Button$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, DatePicker, Select as Select$1, InputNumber as InputNumber$1, Input as Input$1, TimePicker as TimePicker$1, message, Modal as Modal$1, Steps as Steps$1, Dropdown, Menu, Progress as Progress$1, Radio as Radio$1, Switch as Switch$1, Table as Table$1, Space, Form, List, Tag, Row, Col, Tree, Divider, Skeleton, Layout, AutoComplete, Popover, Timeline, Typography, Cascader, Upload, Calendar, Tabs } from 'antd';
+import { Alert as Alert$1, Badge as Badge$1, Button as Button$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, DatePicker, Select as Select$1, InputNumber as InputNumber$1, Input as Input$1, TimePicker as TimePicker$1, message, Modal as Modal$1, Steps as Steps$1, Dropdown, Menu, Progress as Progress$1, Radio as Radio$1, Switch as Switch$1, Table as Table$1, Space, Form, List, Tag, Row, Col, Tree, Divider, Skeleton, Layout, AutoComplete, Popover, Timeline, Typography, Cascader, Upload, Calendar, Tabs, ConfigProvider } from 'antd';
 export { Col, Row } from 'antd';
 import React, { useState, useMemo, useRef, useCallback, useEffect, Fragment, useLayoutEffect, createContext, memo, useImperativeHandle, useContext } from 'react';
 import cs from 'classnames';
 import _, { uniqBy, groupBy, sortBy, toPairs } from 'lodash';
-import { parrotI18n } from '@cloudtower/parrot';
-export * from '@cloudtower/parrot';
+import { useTranslation, withTranslation, I18nextProvider } from 'react-i18next';
 import { cx } from '@linaria/core';
 import { styled } from '@linaria/react';
 import moment from 'moment';
@@ -16,7 +15,8 @@ import { createDispatchHook, createSelectorHook, Provider } from 'react-redux';
 import { XmarkRemove16SecondaryIcon, XmarkRemove16RegularRedIcon, HandlePoint816SecondaryIcon, HandlePoint816BlueIcon, CheckmarkDoneSuccessCorrect16BlueIcon } from '@cloudtower/icons-react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import TimeZones from 'timezones.json';
-import { withTranslation } from 'react-i18next';
+import { parrotI18n } from '@cloudtower/parrot';
+export * from '@cloudtower/parrot';
 import dayjs from 'dayjs';
 import 'recharts';
 
@@ -477,10 +477,11 @@ const Alert = (_a) => {
 };
 
 const Arch = (props) => {
+  const { t } = useTranslation();
   const { architecture } = props;
   let text = "";
   if (architecture) {
-    text = parrotI18n.t(`components.Architecture_${architecture}`);
+    text = t(`components.Architecture_${architecture}`);
   }
   return /* @__PURE__ */ React.createElement("span", null, text);
 };
@@ -975,11 +976,12 @@ const Byte = ({
   valueClassName,
   unitClassName
 }) => {
+  const { t } = useTranslation();
   if (isEmpty(rawValue)) {
     return Empty;
   }
   if (rawValue === -1) {
-    return /* @__PURE__ */ React.createElement("span", null, parrotI18n.t("common.calculation"));
+    return /* @__PURE__ */ React.createElement("span", null, t("common.calculation"));
   }
   const { value, unit } = formatBytes(rawValue, decimals);
   if (noUnitOnZero && value === 0) {
@@ -2597,10 +2599,11 @@ var __objRest$5 = (source, exclude) => {
 };
 const Modal = (props) => {
   var _b;
+  const { t } = useTranslation();
   const _a = props, {
     error,
-    okText = parrotI18n.t("common.confirm"),
-    cancelText = parrotI18n.t("common.cancel"),
+    okText = t("common.confirm"),
+    cancelText = t("common.cancel"),
     confirmLoading,
     okButtonProps,
     onOk,
@@ -2649,12 +2652,12 @@ const Modal = (props) => {
     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 || 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 = useMemo(() => {
-    let text = /* @__PURE__ */ React.createElement("span", null, "< ", 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") {
@@ -2664,7 +2667,7 @@ const Modal = (props) => {
       }
     }
     return text;
-  }, [wizard]);
+  }, [t, wizard]);
   const stepsRef = useRef([]);
   if (wizard && typeof wizard === "object" && !wizard.destroyOtherStep && wizard.steps[wizard.step]) {
     stepsRef.current[wizard.step] = wizard.steps[wizard.step].render;
@@ -2781,6 +2784,9 @@ const Pagination = props => {
     selectorVisible = true
   } = props;
   const sizeRef = useRef(size);
+  const {
+    t
+  } = useTranslation();
   useEffect(() => {
     if (sizeRef.current === size) return;
     sizeRef.current = size;
@@ -2795,18 +2801,18 @@ const Pagination = props => {
       const lastRange2 = value + size;
       return {
         value: i + 1,
-        text: 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 = parrotI18n.t("components.pagination_total", {
+    const content = t("components.pagination_total", {
       range1: (current - 1) * size + 1,
       range2: lastRange,
       total: count
@@ -2816,7 +2822,7 @@ const Pagination = props => {
         placement: "topLeft",
         overlayClassName: DropdownOverlayStyle,
         overlay: /* @__PURE__ */React.createElement(Menu, null, /* @__PURE__ */React.createElement(Menu.ItemGroup, {
-          title: parrotI18n.t("components.push_to")
+          title: t("components.push_to")
         }, selectOptions.map(option => /* @__PURE__ */React.createElement(Menu.Item, {
           key: option.value,
           onClick: () => onChange(option.value)
@@ -2851,7 +2857,7 @@ const Pagination = props => {
     onClick: () => {
       onChange == null ? void 0 : onChange(current - 1);
     }
-  }, parrotI18n.t("components.previous_items", {
+  }, t("components.previous_items", {
     size
   })), current * size < count && /* @__PURE__ */React.createElement(Button, {
     className: "next-btn",
@@ -2864,7 +2870,7 @@ const Pagination = props => {
     onClick: () => {
       onChange == null ? void 0 : onChange(current + 1);
     }
-  }, parrotI18n.t("components.next_items", {
+  }, t("components.next_items", {
     size
   }))));
 };
@@ -3075,11 +3081,12 @@ const Second = ({
   unitClassName,
   abbreviate
 }) => {
+  const { t } = useTranslation();
   if (isEmpty(rawValue)) {
     return Empty;
   }
   const { value, unit } = formatSeconds(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) }, parrotI18n.t(`common.${abbreviate ? `${unit}_abbreviation` : unit}`)));
+  return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", { className: cx("value", valueClassName) }, value, " "), /* @__PURE__ */ React.createElement("span", { className: cx("unit", unitClassName) }, t(`common.${abbreviate ? `${unit}_abbreviation` : unit}`)));
 };
 
 const inputStyle = "igz4le8";
@@ -3091,6 +3098,9 @@ const SimplePagination = props => {
     size,
     onPageChange
   } = props;
+  const {
+    t
+  } = useTranslation();
   const pageLength = Math.ceil(count / size);
   const showPrev = current > 1;
   const showNext = current * size < count;
@@ -3106,7 +3116,7 @@ const SimplePagination = props => {
     className: cs(PaginationStyle, "pagination-wrapper", className)
   }, /* @__PURE__ */React.createElement("span", {
     className: Typo.Label.l3_regular_title
-  }, parrotI18n.t("components.pagination_lots_total", {
+  }, t("components.pagination_lots_total", {
     total: count
   })), /* @__PURE__ */React.createElement("span", {
     className: "pagination-right"
@@ -3540,6 +3550,7 @@ const AddRowButton = (props) => {
     updateData,
     data
   } = props;
+  const { t } = useTranslation();
   const _a = buttonProps || {}, {
     disabled: disabledFromProp,
     onClick
@@ -3580,7 +3591,7 @@ const AddRowButton = (props) => {
       },
       disabled
     }),
-    CustomizedButtonText || parrotI18n.t("components.add")
+    CustomizedButtonText || t("components.add")
   ), typeof maximum === "number" ? /* @__PURE__ */ React.createElement(
     "span",
     {
@@ -3590,7 +3601,7 @@ const AddRowButton = (props) => {
         disabled && "disabled"
       )
     },
-    parrotI18n.t("components.maximum_row_count_desc", {
+    t("components.maximum_row_count_desc", {
       count: maximum
     })
   ) : null);
@@ -3599,6 +3610,7 @@ const AddRowButton = (props) => {
 const AffixColumnHeaderCell = ({ data, column, onChange, onBlur }) => {
   const [suffix, setSuffix] = useState("");
   const [prefix, setPrefix] = useState("");
+  const { t } = useTranslation();
   const onPrefixChange = useCallback(
     (e) => {
       const newPrefix = e.target.value;
@@ -3619,7 +3631,7 @@ const AffixColumnHeaderCell = ({ data, column, onChange, onBlur }) => {
     Input$1,
     {
       value: prefix,
-      placeholder: parrotI18n.t("components.prefix"),
+      placeholder: t("components.prefix"),
       size: "small",
       onChange: onPrefixChange,
       onBlur
@@ -3628,7 +3640,7 @@ const AffixColumnHeaderCell = ({ data, column, onChange, onBlur }) => {
     Input$1,
     {
       value: suffix,
-      placeholder: parrotI18n.t("components.suffix"),
+      placeholder: t("components.suffix"),
       size: "small",
       onChange: onSuffixChange,
       onBlur
@@ -4019,6 +4031,7 @@ const TableFormRow = (props) => {
     rowValidator,
     validateAll
   } = props;
+  const { t } = useTranslation();
   const rowData = data[rowIndex];
   const [rowError, setRowError] = useState();
   const deleteRow = useCallback(
@@ -4049,7 +4062,7 @@ const TableFormRow = (props) => {
         }
       }
     );
-    const FinalRenderIcon = isRowDeleteDisabled ? DeleteIcon : /* @__PURE__ */ React.createElement(Tooltip, { title: 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 = useCallback(
@@ -4432,7 +4445,6 @@ const OptionFirstLineStyle = cx("oiy0apc", Typo.Label.l3_regular);
 const OptionSecondLineStyle = 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 => {
@@ -4442,23 +4454,20 @@ const TimeZoneSelect = props => {
     disabled,
     defaultUseBrowserTime,
     className,
-    placeholder,
-    defaultOptionValue
+    placeholder
   } = props;
   const [innerValue, setInnerValue] = useState(value);
-  const defaultTz = useMemo(() => {
-    return allTimeZones.find(tz => tz.value === defaultOptionValue);
-  }, [defaultOptionValue]);
+  const {
+    t
+  } = useTranslation();
   const _onChange = 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]);
   useEffect(() => {
     if (defaultUseBrowserTime && !value) {
       setInnerValue(BrowserTimeValue);
@@ -4467,16 +4476,15 @@ const TimeZoneSelect = props => {
   }, []);
   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(Select$1.OptGroup, {
       label: key.toUpperCase()
     }, timezones.map(zone => {
       return /* @__PURE__ */React.createElement(Select$1.Option, {
-        label: zone.value,
+        label: `${zone.value} (${getUTCOffsetText(zone.offset)})`,
         value: zone.value,
         className: OptionWrapperStyle
       }, /* @__PURE__ */React.createElement(TimeZoneOption, {
@@ -4488,7 +4496,7 @@ const TimeZoneSelect = props => {
   return /* @__PURE__ */React.createElement(Select, {
     className: cx(SelectStyle, className),
     dropdownClassName: DropdownStyle,
-    placeholder: /* @__PURE__ */React.createElement("span", null, placeholder || 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,
@@ -4498,28 +4506,20 @@ const TimeZoneSelect = props => {
     },
     optionLabelProp: "label",
     input: {}
-  }, defaultTz ? /* @__PURE__ */React.createElement(Select$1.Option, {
-    value: DefaultTimeValue,
-    label: `${parrotI18n.t("components.default_time_zone")} (${getUTCOffsetText(defaultTz.offset)})`,
-    className: OptionWrapperStyle
-  }, /* @__PURE__ */React.createElement(TimeZoneOption, {
-    key: DefaultTimeValue,
-    customLabel: parrotI18n.t("components.default_time_zone"),
-    timeZone: defaultTz
-  })) : void 0, /* @__PURE__ */React.createElement(Select$1.Option, {
+  }, /* @__PURE__ */React.createElement(Select$1.Option, {
     value: BrowserTimeValue,
-    label: `${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: parrotI18n.t("components.browser_time_zone"),
+    customLabel: t("components.browser_time_zone"),
     timeZone: browserTz
   })), /* @__PURE__ */React.createElement(Select$1.Option, {
     value: "UTC",
     className: OptionWrapperStyle
   }, /* @__PURE__ */React.createElement(TimeZoneOption, {
     key: "utc",
-    customLabel: parrotI18n.t("components.coorddinated_universal_time"),
+    customLabel: t("components.coorddinated_universal_time"),
     timeZone: {
       value: "UTC",
       text: "UTC",
@@ -4565,6 +4565,7 @@ function getAntdKit() {
     pagination: Pagination,
     select: Select,
     option: Select$1.Option,
+    selectOptGroup: Select$1.OptGroup,
     table: Table,
     row: Row,
     col: Col,
@@ -4636,7 +4637,8 @@ function getAntdKit() {
     antdMessage: message,
     antdButton: Button$1,
     antdSelect: Select$1,
-    antdTooltip: Tooltip$1
+    antdTooltip: Tooltip$1,
+    antdModal: Modal$1
   };
   kit.option.isSelectOption = true;
   kit.button.__ANT_BUTTON = true;
@@ -4670,6 +4672,9 @@ const FailedLoad = props => {
     title,
     refetchText
   } = props;
+  const {
+    t
+  } = useTranslation();
   return /* @__PURE__ */React.createElement("div", {
     className: cs(FailedLoadStyle, className),
     title
@@ -4678,7 +4683,7 @@ const FailedLoad = props => {
   }, String(error)), /* @__PURE__ */React.createElement(Button, {
     type: "ordinary",
     onClick: () => refetch()
-  }, refetchText || parrotI18n.t("common.retry")));
+  }, refetchText || t("common.retry")));
 };
 
 function getRangeTimestamp(dateRange) {
@@ -4781,7 +4786,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const kitContext = createContext(antdKit);
 const UIKitProvider = (props) => {
-  const { children, kit = antdKit, message } = props;
+  const { children, kit = antdKit, message, antdConfig } = props;
   const _kit = useMemo(() => {
     if ((message == null ? void 0 : message.batch) != null) {
       return __spreadProps(__spreadValues({}, kit), {
@@ -4790,10 +4795,10 @@ const UIKitProvider = (props) => {
     }
     return kit;
   }, [kit, message == null ? void 0 : message.batch]);
-  return /* @__PURE__ */ React.createElement(kitContext.Provider, { value: _kit }, children);
+  return /* @__PURE__ */ React.createElement(I18nextProvider, { i18n: parrotI18n }, /* @__PURE__ */ React.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React.createElement(ConfigProvider, __spreadValues({ autoInsertSpaceInButton: false }, antdConfig), children)));
 };
 const useUIKit = () => {
   return useContext(kitContext);
 };
 
-export { Architecture, Button, ButtonStyle, EntityAsyncStatus, FailedLoad, Icon, InputTagItem, KitStoreProvider, ModalActions, ModalStack, TaskStatus, Typo, UIKitProvider, UIKitStore, UserSource, ValidateTriggerType, antdKit, closeModal, createBatchMessageMethods, kitContext, popModal, pushModal, tableStyleCover, tickFormatter, useElementsSize, useKitDispatch, useKitSelector, useUIKit };
+export { Architecture, Button, ButtonStyle, EntityAsyncStatus, FailedLoad, FullView, Icon, InputTagItem, KitStoreProvider, ModalActions, ModalStack, TaskStatus, Typo, UIKitProvider, UIKitStore, UserSource, ValidateTriggerType, WizardBody, antdKit, closeModal, createBatchMessageMethods, kitContext, popModal, pushModal, tableStyleCover, tickFormatter, useElementsSize, useKitDispatch, useKitSelector, useUIKit };