@cloudtower/eagle 0.22.37 → 0.22.40

package/dist/style.css

@@ -1845,13 +1845,66 @@ input[type=submit] {
   padding: 0;
 }
 
-.obf05yr {
-  display: inline-block;
+.fde5mpd {
+  width: 100%;
+  height: 100%;
+  min-height: 124px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.fde5mpd .error-text {
+  color: rgba(10, 37, 85, 0.6);
+  margin-bottom: 16px;
+  font-size: 18px;
 }
 
-.hsms1n6 {
-  visibility: hidden;
-  position: absolute;
+.bpq0js6 {
+  padding: 4px 11px;
+}
+
+.b15sn34c {
+  white-space: nowrap;
+  filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
+}
+.b15sn34c > .ant-btn.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
+  --color: #0080ff;
+}
+.b15sn34c > .ant-btn.ant-btn-ordinary-onTint:not(.ant-btn-dangerous)[disabled], .b15sn34c > .ant-btn.ant-btn-ordinary-onTint:not(.ant-btn-dangerous):hover[disabled] {
+  --color: #0080ff;
+}
+.b15sn34c > .ant-btn:not(:only-child) + .ant-btn {
+  margin-left: 1px;
+}
+.b15sn34c > .ant-btn:not(:only-child):first-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.b15sn34c > .ant-btn:not(:only-child):last-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.b15sn34c > .ant-btn:not(:only-child):not(:first-child, :last-child) {
+  border-radius: unset;
+}
+
+.i1mrf09m {
+  display: inline-flex;
+  align-items: center;
+}
+.i1mrf09m .icon-inner {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.i1mrf09m .icon-inner + span,
+.i1mrf09m span + .icon-inner.suffix {
+  margin-left: 4px;
+}
+.i1mrf09m.is-rotate img,
+.i1mrf09m.is-rotate svg {
+  animation: rotate 680ms linear infinite;
 }
 
 .iap75of {
@@ -1867,74 +1920,70 @@ input[type=submit] {
   margin-right: 4px;
 }
 
-.fde5mpd {
-  width: 100%;
-  height: 100%;
-  min-height: 124px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-.fde5mpd .error-text {
-  color: rgba(10, 37, 85, 0.6);
-  margin-bottom: 16px;
-  font-size: 18px;
+.obf05yr {
+  display: inline-block;
 }
 
-.s34f1qb.ant-switch {
-  min-width: 40px;
-  height: 24px;
-  background: rgba(172, 186, 211, 0.6);
-  overflow: hidden;
-}
-.s34f1qb.ant-switch:focus {
-  box-shadow: 0 0 0 2px rgba(225, 230, 241, 0.6);
-}
-.s34f1qb.ant-switch-small {
-  min-width: 26px;
-  height: 16px;
+.hsms1n6 {
+  visibility: hidden;
+  position: absolute;
 }
-.s34f1qb.ant-switch-large {
-  min-width: 52px;
-  height: 32px;
+
+.p12gwtiw {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 0;
+  color: rgba(44, 56, 82, 0.6);
+  font-size: 12px;
+  line-height: 24px;
 }
-.s34f1qb.ant-switch .ant-switch-handle {
-  height: 20px;
-  width: 20px;
+.p12gwtiw .pagination-left {
+  padding: 2px 8px;
 }
-.s34f1qb.ant-switch .ant-switch-handle::before {
-  border-radius: 10px;
-  transition-delay: 120ms;
+.p12gwtiw .dropdown-trigger {
+  display: flex;
+  align-items: center;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.3s ease;
 }
-.s34f1qb.ant-switch-small .ant-switch-handle {
-  height: 14px;
-  width: 14px;
-  top: 1px;
-  left: 1px;
+.p12gwtiw .dropdown-trigger:hover {
+  background: rgba(211, 218, 235, 0.6);
+  color: #0080ff;
 }
-.s34f1qb.ant-switch-large .ant-switch-handle {
-  height: 28px;
-  width: 28px;
+.p12gwtiw .dropdown-trigger .icon-inner {
+  margin-left: 4px;
 }
-.s34f1qb.ant-switch-large .ant-switch-handle::before {
-  border-radius: 14px;
+.p12gwtiw .pagination-right {
+  display: flex;
+  align-items: center;
+  color: #0080ff;
+  font-weight: bold;
 }
-.s34f1qb.ant-switch-checked {
-  background-color: #00ba5d;
+.p12gwtiw .pagination-right .icon-inner {
+  margin-left: 4px;
 }
-.s34f1qb.ant-switch-checked .ant-switch-handle {
-  left: calc(100% - 20px - 2px);
+.p12gwtiw .pagination-right .prev-btn,
+.p12gwtiw .pagination-right .next-btn {
+  padding: 0 8px;
 }
-.s34f1qb.ant-switch-small.ant-switch-checked .ant-switch-handle {
-  left: calc(100% - 14px - 1px);
+.p12gwtiw .pagination-right .prev-btn > span,
+.p12gwtiw .pagination-right .next-btn > span {
+  color: #0080ff;
 }
-.s34f1qb.ant-switch-large.ant-switch-checked .ant-switch-handle {
-  left: calc(100% - 28px - 2px);
+.p12gwtiw .pagination-right .next-btn .icon-inner {
+  transform: rotate(180deg);
 }
 
-.c1to9vb9 {
-  margin-left: 5px;
+.d1bnu0in.ant-dropdown .ant-dropdown-menu {
+  max-height: calc(100vh - 128px);
+  overflow-y: auto;
+}
+.d1bnu0in.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item {
+  padding: 4px 20px;
+  font-size: 12px;
+  line-height: 18px;
 }
 
 .s3mgie3 .ant-steps-horizontal.ant-steps-label-horizontal {
@@ -2020,92 +2069,6 @@ input[type=submit] {
   padding: 0;
 }
 
-.bpq0js6 {
-  padding: 4px 11px;
-}
-
-.b15sn34c {
-  white-space: nowrap;
-  filter: drop-shadow(0px 2px 8px rgba(0, 136, 255, 0.1));
-}
-.b15sn34c > .ant-btn.ant-btn-ordinary-onTint:not(.ant-btn-dangerous) {
-  --color: #0080ff;
-}
-.b15sn34c > .ant-btn.ant-btn-ordinary-onTint:not(.ant-btn-dangerous)[disabled], .b15sn34c > .ant-btn.ant-btn-ordinary-onTint:not(.ant-btn-dangerous):hover[disabled] {
-  --color: #0080ff;
-}
-.b15sn34c > .ant-btn:not(:only-child) + .ant-btn {
-  margin-left: 1px;
-}
-.b15sn34c > .ant-btn:not(:only-child):first-child {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.b15sn34c > .ant-btn:not(:only-child):last-child {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.b15sn34c > .ant-btn:not(:only-child):not(:first-child, :last-child) {
-  border-radius: unset;
-}
-
-.p12gwtiw {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 10px 0;
-  color: rgba(44, 56, 82, 0.6);
-  font-size: 12px;
-  line-height: 24px;
-}
-.p12gwtiw .pagination-left {
-  padding: 2px 8px;
-}
-.p12gwtiw .dropdown-trigger {
-  display: flex;
-  align-items: center;
-  border-radius: 6px;
-  cursor: pointer;
-  transition: all 0.3s ease;
-}
-.p12gwtiw .dropdown-trigger:hover {
-  background: rgba(211, 218, 235, 0.6);
-  color: #0080ff;
-}
-.p12gwtiw .dropdown-trigger .icon-inner {
-  margin-left: 4px;
-}
-.p12gwtiw .pagination-right {
-  display: flex;
-  align-items: center;
-  color: #0080ff;
-  font-weight: bold;
-}
-.p12gwtiw .pagination-right .icon-inner {
-  margin-left: 4px;
-}
-.p12gwtiw .pagination-right .prev-btn,
-.p12gwtiw .pagination-right .next-btn {
-  padding: 0 8px;
-}
-.p12gwtiw .pagination-right .prev-btn > span,
-.p12gwtiw .pagination-right .next-btn > span {
-  color: #0080ff;
-}
-.p12gwtiw .pagination-right .next-btn .icon-inner {
-  transform: rotate(180deg);
-}
-
-.d1bnu0in.ant-dropdown .ant-dropdown-menu {
-  max-height: calc(100vh - 128px);
-  overflow-y: auto;
-}
-.d1bnu0in.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item {
-  padding: 4px 20px;
-  font-size: 12px;
-  line-height: 18px;
-}
-
 .rxbeqvl.ant-radio-wrapper {
   display: inline-flex;
   align-items: baseline;
@@ -2248,22 +2211,59 @@ input[type=submit] {
   width: 36px;
 }
 
-.i1mrf09m {
-  display: inline-flex;
-  align-items: center;
+.s34f1qb.ant-switch {
+  min-width: 40px;
+  height: 24px;
+  background: rgba(172, 186, 211, 0.6);
+  overflow: hidden;
 }
-.i1mrf09m .icon-inner {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
+.s34f1qb.ant-switch:focus {
+  box-shadow: 0 0 0 2px rgba(225, 230, 241, 0.6);
 }
-.i1mrf09m .icon-inner + span,
-.i1mrf09m span + .icon-inner.suffix {
-  margin-left: 4px;
+.s34f1qb.ant-switch-small {
+  min-width: 26px;
+  height: 16px;
 }
-.i1mrf09m.is-rotate img,
-.i1mrf09m.is-rotate svg {
-  animation: rotate 680ms linear infinite;
+.s34f1qb.ant-switch-large {
+  min-width: 52px;
+  height: 32px;
+}
+.s34f1qb.ant-switch .ant-switch-handle {
+  height: 20px;
+  width: 20px;
+}
+.s34f1qb.ant-switch .ant-switch-handle::before {
+  border-radius: 10px;
+  transition-delay: 120ms;
+}
+.s34f1qb.ant-switch-small .ant-switch-handle {
+  height: 14px;
+  width: 14px;
+  top: 1px;
+  left: 1px;
+}
+.s34f1qb.ant-switch-large .ant-switch-handle {
+  height: 28px;
+  width: 28px;
+}
+.s34f1qb.ant-switch-large .ant-switch-handle::before {
+  border-radius: 14px;
+}
+.s34f1qb.ant-switch-checked {
+  background-color: #00ba5d;
+}
+.s34f1qb.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 20px - 2px);
+}
+.s34f1qb.ant-switch-small.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 14px - 1px);
+}
+.s34f1qb.ant-switch-large.ant-switch-checked .ant-switch-handle {
+  left: calc(100% - 28px - 2px);
+}
+
+.c1to9vb9 {
+  margin-left: 5px;
 }
 
 .cz04yix {
@@ -3298,19 +3298,69 @@ input.rrg1fkn.ant-input {
   width: 430px !important;
 }
 
-.oa3mx0o {
+.da3mx0o .ant-select-item-group {
+  padding: 8px 16px;
+  line-height: 18px;
+  border-top: 1px solid rgba(211, 218, 235, 0.6);
+  height: 34px;
+  min-height: 34px;
+  box-sizing: border-box;
+  margin-top: 8px;
+}
+
+.onr9gzt {
   display: flex;
   flex-direction: column;
+  margin: 1px 8px;
+  padding: 8px;
+  border-radius: 4px;
+}
+.onr9gzt .selected-icon {
+  display: none;
+}
+.onr9gzt.ant-select-item-option-grouped {
+  padding-left: 8px;
+}
+.onr9gzt.ant-select-item-option-selected {
+  background-color: white;
+}
+.onr9gzt.ant-select-item-option-selected .timezone-title {
+  color: #0080ff;
+}
+.onr9gzt.ant-select-item-option-selected .selected-icon {
+  display: block;
+}
+.onr9gzt.ant-select-item-option-active {
+  background: rgba(0, 136, 255, 0.16);
+}
+.onr9gzt.ant-select-item-option-active .timezone-title {
+  color: #0080ff;
+}
+.onr9gzt.ant-select-item-option-active .timezone-tag {
+  background: rgba(0, 136, 255, 0.1);
+  color: #0080ff;
 }
 
-.onr9gzt {
+.oiy0apc {
   display: flex;
   justify-content: space-between;
+  height: 20px;
+  line-height: 20px;
 }
 
-.oiy0apc {
+.of4y382 {
   display: flex;
+  justify-content: space-between;
   color: rgba(44, 56, 82, 0.6);
+  height: 18px;
+  line-height: 18px;
+  margin-top: 2px;
+}
+
+.t19903l9 {
+  border: none;
+  margin-right: 0;
+  background: rgba(225, 230, 241, 0.6);
 }
 
 .i1e4sgug {
@@ -4345,6 +4395,25 @@ input.rrg1fkn.ant-input {
   margin-right: 8px;
 }
 
+.feau332.ant-form-item {
+  margin-bottom: 0;
+}
+.feau332 .ant-form-item-explain {
+  display: none;
+  min-height: 18px;
+  margin-top: 5px;
+  font-family: "Inter";
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 18px;
+}
+.feau332.ant-form-item[class*=ant-form-item-has]:not(.ant-form-item-has-error-leave) {
+  white-space: pre-wrap;
+}
+.feau332.ant-form-item[class*=ant-form-item-has]:not(.ant-form-item-has-error-leave) .ant-form-item-explain {
+  display: block;
+}
+
 .a6dbbkm .ant-input-number-handler-wrap {
   display: var(--a6dbbkm-0);
 }
@@ -4374,23 +4443,4 @@ input.rrg1fkn.ant-input {
   margin: 0;
   height: auto;
   font-size: inherit;
-}
-
-.feau332.ant-form-item {
-  margin-bottom: 0;
-}
-.feau332 .ant-form-item-explain {
-  display: none;
-  min-height: 18px;
-  margin-top: 5px;
-  font-family: "Inter";
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 18px;
-}
-.feau332.ant-form-item[class*=ant-form-item-has]:not(.ant-form-item-has-error-leave) {
-  white-space: pre-wrap;
-}
-.feau332.ant-form-item[class*=ant-form-item-has]:not(.ant-form-item-has-error-leave) .ant-form-item-explain {
-  display: block;
 }

package/dist/umd/index.js

@@ -4313,7 +4313,7 @@
     }
   );
 
-  const flatTimeZones = _.sortBy(_.uniqBy(TimeZones.reduce((sum, zone) => {
+  const allTimeZones = _.uniqBy(TimeZones.reduce((sum, zone) => {
     const utcZones = zone.utc.map(utc => {
       return {
         abbr: zone.abbr,
@@ -4323,31 +4323,51 @@
       };
     });
     return sum.concat(utcZones);
-  }, []), "value"), "offset");
+  }, []), "value");
+  const timeZoneGroups = (() => {
+    const groupedTimeZones = _.groupBy(allTimeZones, tz => tz.value.split("/")[0]);
+    delete groupedTimeZones["CST6CDT"];
+    delete groupedTimeZones["MST7MDT"];
+    delete groupedTimeZones["PST8PDT"];
+    delete groupedTimeZones["Etc"];
+    return _.sortBy(_.toPairs(groupedTimeZones).map(([key, tzs]) => {
+      return [key, _.sortBy(tzs, "value")];
+    }), "0");
+  })();
   const SelectStyle = "s1fc623g";
-  const OptionWrapperStyle = core.cx("oa3mx0o", Typo.Label.l3_regular);
-  const OptionFirstLineStyle = core.cx("onr9gzt", Typo.Label.l3_regular);
-  const OptionSecondLineStyle = core.cx("oiy0apc", Typo.Label.l4_regular);
+  const DropdownStyle = "da3mx0o";
+  const OptionWrapperStyle = core.cx("onr9gzt", Typo.Label.l3_regular);
+  const OptionFirstLineStyle = core.cx("oiy0apc", Typo.Label.l3_regular);
+  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 = flatTimeZones.find(tz => tz.value === browserTzName) || flatTimeZones[0];
+  const browserTz = allTimeZones.find(tz => tz.value === browserTzName) || allTimeZones[0];
   const TimeZoneSelect = props => {
     const {
       value,
       onChange,
       disabled,
       defaultUseBrowserTime,
-      className
+      className,
+      placeholder,
+      defaultOptionValue
     } = props;
     const [innerValue, setInnerValue] = React.useState(value);
+    const defaultTz = React.useMemo(() => {
+      return allTimeZones.find(tz => tz.value === defaultOptionValue);
+    }, [defaultOptionValue]);
     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);
       }
-    }, [onChange]);
+    }, [defaultTz, onChange]);
     React.useEffect(() => {
       if (defaultUseBrowserTime && !value) {
         setInnerValue(BrowserTimeValue);
@@ -4356,12 +4376,28 @@
     }, []);
     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);
-    }, [innerValue, value]);
+    }, [defaultTz == null ? void 0 : defaultTz.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,
+          value: zone.value,
+          className: OptionWrapperStyle
+        }, /* @__PURE__ */React.createElement(TimeZoneOption, {
+          key: zone.value,
+          timeZone: zone
+        }));
+      }));
+    });
     return /* @__PURE__ */React.createElement(Select, {
       className: core.cx(SelectStyle, className),
-      placeholder: /* @__PURE__ */React.createElement("span", null, parrot.parrotI18n.t("components.time_zone_select_placeholder")),
+      dropdownClassName: DropdownStyle,
+      placeholder: /* @__PURE__ */React.createElement("span", null, placeholder || parrot.parrotI18n.t("components.time_zone_select_placeholder")),
       value: innerValue,
       onChange: _onChange,
       showSearch: true,
@@ -4371,39 +4407,39 @@
       },
       optionLabelProp: "label",
       input: {}
-    }, /* @__PURE__ */React.createElement(antd.Select.Option, {
+    }, defaultTz ? /* @__PURE__ */React.createElement(antd.Select.Option, {
+      value: DefaultTimeValue,
+      label: parrot.parrotI18n.t("components.default_time_zone"),
+      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, {
       value: BrowserTimeValue,
       label: parrot.parrotI18n.t("components.browser_time_zone"),
       className: OptionWrapperStyle
     }, /* @__PURE__ */React.createElement(TimeZoneOption, {
       key: BrowserTimeValue,
-      isBrowser: true,
+      customLabel: parrot.parrotI18n.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"),
       timeZone: {
         value: "UTC",
         text: "UTC",
         offset: 0,
-        abbr: "UTC"
+        abbr: "GMT"
       }
-    })), flatTimeZones.map(zone => {
-      return /* @__PURE__ */React.createElement(antd.Select.Option, {
-        label: zone.value,
-        value: zone.value,
-        className: OptionWrapperStyle
-      }, /* @__PURE__ */React.createElement(TimeZoneOption, {
-        key: zone.value,
-        timeZone: zone
-      }));
-    }));
+    })), timeZoneOptionGroups);
   };
   const TimeZoneOption = ({
     timeZone,
-    isBrowser
+    customLabel
   }) => {
     let tagText = "";
     if (timeZone.offset === 0) {
@@ -4415,9 +4451,18 @@
     }
     return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("div", {
       className: OptionFirstLineStyle
-    }, /* @__PURE__ */React.createElement("span", null, isBrowser ? parrot.parrotI18n.t("components.browser_time_zone") : timeZone.value), /* @__PURE__ */React.createElement(antd.Tag, null, tagText)), /* @__PURE__ */React.createElement("div", {
+    }, /* @__PURE__ */React.createElement("span", {
+      className: "timezone-title"
+    }, customLabel || timeZone.value), /* @__PURE__ */React.createElement(antd.Tag, {
+      className: core.cx("timezone-tag", TagStyle)
+    }, tagText)), /* @__PURE__ */React.createElement("div", {
       className: OptionSecondLineStyle
-    }, /* @__PURE__ */React.createElement("span", null, timeZone.text, ", ", timeZone.abbr)));
+    }, /* @__PURE__ */React.createElement("span", null, timeZone.text, ", ", timeZone.abbr), /* @__PURE__ */React.createElement(Icon, {
+      className: "selected-icon",
+      src: iconsReact.CheckmarkDoneSuccessCorrect16BlueIcon,
+      iconHeight: 16,
+      iconWidth: 16
+    })));
   };
 
   function getAntdKit() {
@@ -4487,7 +4532,18 @@
       cascader: antd.Cascader,
       upload: antd.Upload,
       datePickerRangePicker: antd.DatePicker.RangePicker,
-      tableForm: TableForm
+      tableForm: TableForm,
+      uploadDragger: antd.Upload.Dragger,
+      calendar: antd.Calendar,
+      timePicker: antd.TimePicker,
+      datePicker: antd.DatePicker,
+      tabs: antd.Tabs,
+      tabsTabPane: antd.Tabs.TabPane,
+      antdBadge: antd.Badge,
+      antdMessage: antd.message,
+      antdButton: antd.Button,
+      antdSelect: antd.Select,
+      antdTooltip: antd.Tooltip
     };
     kit.option.isSelectOption = true;
     kit.button.__ANT_BUTTON = true;