@cloudtower/eagle 0.0.0-double-rc-1 → 0.0.0-no-uikit-0

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

@@ -0,0 +1,35 @@
+'use strict';
+
+var react = require('@linaria/react');
+
+const TitleStyle = "E_t1dtlqs1";
+const SubtitleStyle = "E_s1ese5oy";
+const BodyCellTextStyle = "E_b1ibis43";
+const BodyCellTextWrapper = /*#__PURE__*/react.styled('div')({
+  name: "BodyCellTextWrapper",
+  class: "E_bsub5bw",
+  propsAsIs: false
+});
+const TableFormWrapper = /*#__PURE__*/react.styled('div')({
+  name: "TableFormWrapper",
+  class: "E_tmoyoag",
+  propsAsIs: false
+});
+const AddRowButtonWrapper = /*#__PURE__*/react.styled('div')({
+  name: "AddRowButtonWrapper",
+  class: "E_a138syjm",
+  propsAsIs: false
+});
+const DraggableHandleWrapper = /*#__PURE__*/react.styled('div')({
+  name: "DraggableHandleWrapper",
+  class: "E_d77i8u0",
+  propsAsIs: false
+});
+
+exports.AddRowButtonWrapper = AddRowButtonWrapper;
+exports.BodyCellTextStyle = BodyCellTextStyle;
+exports.BodyCellTextWrapper = BodyCellTextWrapper;
+exports.DraggableHandleWrapper = DraggableHandleWrapper;
+exports.SubtitleStyle = SubtitleStyle;
+exports.TableFormWrapper = TableFormWrapper;
+exports.TitleStyle = TitleStyle;

package/dist/cjs/core/TableForm/types.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var ValidateTriggerType = /* @__PURE__ */ ((ValidateTriggerType2) => {
+  ValidateTriggerType2[ValidateTriggerType2["Normal"] = 0] = "Normal";
+  ValidateTriggerType2[ValidateTriggerType2["Aggressive"] = 1] = "Aggressive";
+  ValidateTriggerType2[ValidateTriggerType2["Lazy"] = 2] = "Lazy";
+  return ValidateTriggerType2;
+})(ValidateTriggerType || {});
+
+exports.ValidateTriggerType = ValidateTriggerType;

package/dist/cjs/core/TableForm/utils.js

@@ -0,0 +1,36 @@
+'use strict';
+
+function increaseLastNumber(str, num) {
+  const lastNumberMatch = str.match(/(\d+)$/);
+  if (!lastNumberMatch) {
+    return str;
+  }
+  const prefix = str.slice(0, lastNumberMatch.index);
+  const lastNumber = lastNumberMatch[1];
+  let newLastNumber;
+  if (Number.isSafeInteger(Number(str) + num)) {
+    newLastNumber = Number(str) + num;
+  }
+  newLastNumber = (BigInt(lastNumber) + BigInt(num)).toString();
+  return `${prefix}${newLastNumber}`;
+}
+const genEmptyRow = (columns) => {
+  const row = {};
+  columns.forEach((col) => {
+    row[col.key] = col.defaultValue;
+  });
+  return row;
+};
+const moveItemInArray = (array, fromIndex, toIndex) => {
+  const arrLength = array.length;
+  const sortArr = [...array];
+  if (fromIndex > -1 && fromIndex < arrLength) {
+    const moveItem = sortArr.splice(fromIndex, 1)[0];
+    sortArr.splice(toIndex, 0, moveItem);
+  }
+  return sortArr;
+};
+
+exports.genEmptyRow = genEmptyRow;
+exports.increaseLastNumber = increaseLastNumber;
+exports.moveItemInArray = moveItemInArray;

package/dist/cjs/core/Tag/SplitTag.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var _const = require('./const.js');
+var style = require('./style.js');
+var index = require('../Typo/index.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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));
+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];
+  }
+  return target;
+};
+const WrapperStyle = "E_w7ob4th";
+const SplitTag = _a => {
+  var _b = _a,
+    {
+      size = "small",
+      color = "gray",
+      className,
+      primaryContent,
+      secondaryContent,
+      icon
+    } = _b,
+    props = __objRest(_b, ["size", "color", "className", "primaryContent", "secondaryContent", "icon"]);
+  return /* @__PURE__ */React__default.default.createElement(antd.Tag, __spreadProps(__spreadValues({}, props), {
+    className: cs__default.default(className, style.TagStyle, style.Size[size], WrapperStyle, index.Typo.Label.l4_regular, {
+      [`ant-tag-${color}`]: _const.TagBasePresetColors.includes(color)
+    }, "outside-tag")
+  }), /* @__PURE__ */React__default.default.createElement(antd.Tag, {
+    className: cs__default.default(style.Size[size], style.TagStyle, index.Typo.Label.l4_regular, {
+      [`ant-tag-${color}`]: _const.TagBasePresetColors.includes(color)
+    }, "inside-tag")
+  }, icon && /* @__PURE__ */React__default.default.createElement("span", {
+    className: cs__default.default("ui-kit-tag-icon", style.IconStyle)
+  }, icon), primaryContent), secondaryContent);
+};
+var SplitTag$1 = SplitTag;
+
+module.exports = SplitTag$1;

package/dist/cjs/core/Tag/const.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const TagBasePresetColors = [
+  "blue",
+  "red",
+  "yellow",
+  "green",
+  "gray",
+  "purple"
+];
+
+exports.TagBasePresetColors = TagBasePresetColors;

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

@@ -0,0 +1,101 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _const = require('./const.js');
+var SplitTag = require('./SplitTag.js');
+var style = require('./style.js');
+var index = require('../Typo/index.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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));
+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];
+    }
+  return target;
+};
+const TagPresetColors = [
+  ..._const.TagBasePresetColors,
+  "red-ontint",
+  "green-ontint"
+];
+const AntdColorMap = {
+  processing: "blue",
+  success: "green",
+  error: "red",
+  warn: "yellow",
+  default: "gray"
+};
+const Tag = (_a) => {
+  var _b = _a, {
+    size = "small",
+    color = "gray",
+    className,
+    hoverable = false,
+    icon,
+    children
+  } = _b, props = __objRest(_b, [
+    "size",
+    "color",
+    "className",
+    "hoverable",
+    "icon",
+    "children"
+  ]);
+  const computedColor = AntdColorMap[color] || color;
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Tag,
+    __spreadProps(__spreadValues({}, props), {
+      className: cs__default.default(className, style.Size[size], style.TagStyle, index.Typo.Label.l4_regular, {
+        [`ant-tag-${computedColor}`]: TagPresetColors.includes(computedColor),
+        "tag-hover": hoverable
+      }),
+      closable: false,
+      color: computedColor === "gray" ? void 0 : computedColor
+    }),
+    icon && /* @__PURE__ */ React__default.default.createElement("span", { className: style.IconStyle }, icon),
+    children
+  );
+};
+const NameTag = (_c) => {
+  var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
+  return /* @__PURE__ */ React__default.default.createElement(Tag, __spreadValues({ className: cs__default.default(style.NameTagStyle, className) }, props));
+};
+Tag.SplitTag = SplitTag;
+Tag.NameTag = NameTag;
+var Tag$1 = Tag;
+
+exports.TagPresetColors = TagPresetColors;
+exports.default = Tag$1;

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

@@ -0,0 +1,14 @@
+'use strict';
+
+const Size = {
+  small: "E_slr2ynn",
+  medium: "E_m140wbb6"
+};
+const TagStyle = "E_t1fozc1i";
+const IconStyle = "E_i1vxv4ln";
+const NameTagStyle = "E_n1afl31m";
+
+exports.IconStyle = IconStyle;
+exports.NameTagStyle = NameTagStyle;
+exports.Size = Size;
+exports.TagStyle = TagStyle;

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

@@ -0,0 +1,77 @@
+'use strict';
+
+var index$1 = require('../Styled/index.js');
+var index = require('../Typo/index.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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));
+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];
+    }
+  return target;
+};
+const TextArea = (_a) => {
+  var _b = _a, {
+    className,
+    error,
+    size = "middle"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "error",
+    "size"
+  ]);
+  const typo = {
+    large: index.Typo.Label.l2_regular,
+    middle: index.Typo.Label.l3_regular,
+    small: index.Typo.Label.l4_regular
+  }[size];
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Input.TextArea,
+    __spreadProps(__spreadValues({}, props), {
+      className: cs__default.default(
+        className,
+        index$1.InputStyle,
+        typo,
+        error && "error",
+        !props.autoSize && !props.onFocusChangeHeight && `textarea-${size}`,
+        size === "large" && "ant-input-lg",
+        size === "small" && "ant-input-sm"
+      )
+    })
+  );
+};
+var TextArea$1 = TextArea;
+
+module.exports = TextArea$1;

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

@@ -0,0 +1,37 @@
+'use strict';
+
+var cs = require('classnames');
+var dayjs = require('dayjs');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const timeWrapper = "E_tju3gfj";
+const Time = props => {
+  const {
+    className,
+    date,
+    dateTemplate = "YYYY-MM-DD",
+    timeTemplate = "HH:mm",
+    plainText
+  } = props;
+  if (!date) return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, "-");
+  const time = dayjs__default.default(date);
+  if (plainText) {
+    return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, dateTemplate !== null && time.format(dateTemplate), " ", timeTemplate !== null && time.format(timeTemplate));
+  }
+  return /* @__PURE__ */React__default.default.createElement("span", {
+    className: cs__default.default("time-wrapper", timeWrapper, className)
+  }, dateTemplate !== null && /* @__PURE__ */React__default.default.createElement("span", {
+    className: "date"
+  }, time.format(dateTemplate)), timeTemplate !== null && /* @__PURE__ */React__default.default.createElement("span", {
+    className: "time"
+  }, time.format(timeTemplate)));
+};
+var Time$1 = Time;
+
+module.exports = Time$1;

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

@@ -0,0 +1,71 @@
+'use strict';
+
+var index$1 = require('../Styled/index.js');
+var index = require('../Typo/index.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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));
+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];
+    }
+  return target;
+};
+const TimePicker = (_a) => {
+  var _b = _a, {
+    className,
+    error,
+    size = "middle"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "error",
+    "size"
+  ]);
+  const typo = {
+    large: index.Typo.Label.l2_regular,
+    middle: index.Typo.Label.l3_regular,
+    small: index.Typo.Label.l4_regular
+  }[size];
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.TimePicker,
+    __spreadProps(__spreadValues({}, props), {
+      size,
+      "data-test": props.name,
+      className: cs__default.default(className, index$1.InputStyle, typo, error ? "error" : "")
+    })
+  );
+};
+var TimePicker$1 = TimePicker;
+
+module.exports = TimePicker$1;

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

@@ -0,0 +1,170 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var index$2 = require('../Icon/index.js');
+var index$1 = require('../Select/index.js');
+var index = require('../Typo/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var antd = require('antd');
+var _ = require('lodash');
+var React = require('react');
+var TimeZones = require('timezones.json');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var TimeZones__default = /*#__PURE__*/_interopDefault(TimeZones);
+
+const allTimeZones = _.uniqBy(TimeZones__default.default.reduce((sum, zone) => {
+  const utcZones = zone.utc.map(utc => {
+    return {
+      abbr: zone.abbr,
+      text: zone.text.replace(/\(.*\) /, ""),
+      value: utc,
+      offset: zone.offset
+    };
+  });
+  return sum.concat(utcZones);
+}, []), "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 = "E_s1dni7lo";
+const DropdownStyle = "E_d1wwmmm5";
+const OptionWrapperStyle = core.cx("E_o1ugr09p", index.Typo.Label.l3_regular);
+const OptionFirstLineStyle = core.cx("E_o1ifxsq4", index.Typo.Label.l3_regular);
+const OptionSecondLineStyle = core.cx("E_o1zue7", index.Typo.Label.l4_regular);
+const TagStyle = "E_tyfmlxg";
+const OptionPlaceholder = "E_o18uybox";
+const BrowserTimeValue = "browser_time_zone";
+const browserTzName = Intl.DateTimeFormat().resolvedOptions().timeZone;
+const browserTz = allTimeZones.find(tz => tz.value === browserTzName) || allTimeZones[0];
+const TimeZoneSelect = props => {
+  const {
+    value,
+    onChange,
+    disabled,
+    defaultUseBrowserTime,
+    className,
+    placeholder
+  } = props;
+  const [innerValue, setInnerValue] = React.useState(value);
+  const {
+    t
+  } = useParrotTranslation();
+  const _onChange = React.useCallback(val => {
+    setInnerValue(val);
+    if (val === BrowserTimeValue) {
+      onChange(browserTzName);
+    } else {
+      onChange(val);
+    }
+  }, [onChange]);
+  React.useEffect(() => {
+    if (defaultUseBrowserTime && !value) {
+      setInnerValue(BrowserTimeValue);
+      onChange(browserTzName);
+    }
+  }, []);
+  React.useEffect(() => {
+    if (innerValue === BrowserTimeValue && value === browserTzName) return;
+    if (innerValue === value) return;
+    setInnerValue(value);
+  }, [innerValue, value]);
+  const timeZoneOptionGroups = timeZoneGroups.map(([key, timezones]) => {
+    return /* @__PURE__ */React__default.default.createElement(antd.Select.OptGroup, {
+      label: key.toUpperCase()
+    }, timezones.map(zone => {
+      return /* @__PURE__ */React__default.default.createElement(antd.Select.Option, {
+        label: `${zone.value} (${getUTCOffsetText(zone.offset)})`,
+        value: zone.value,
+        className: OptionWrapperStyle
+      }, /* @__PURE__ */React__default.default.createElement(TimeZoneOption, {
+        key: zone.value,
+        timeZone: zone
+      }));
+    }));
+  });
+  return /* @__PURE__ */React__default.default.createElement(index$1, {
+    className: core.cx(SelectStyle, className),
+    dropdownClassName: DropdownStyle,
+    placeholder: /* @__PURE__ */React__default.default.createElement("span", null, placeholder || t("components.time_zone_select_placeholder")),
+    value: innerValue,
+    onChange: _onChange,
+    showSearch: true,
+    disabled,
+    filterOption: (keyword, option) => {
+      const hasSome = allTimeZones.some(tz => tz.value.toLowerCase().includes(keyword.toLowerCase()));
+      if (!hasSome) return false;
+      if ((option == null ? void 0 : option.value) === "_placeholder_") {
+        return true;
+      }
+      return ((option == null ? void 0 : option.value) || "").toLowerCase().includes(keyword.toLowerCase());
+    },
+    optionLabelProp: "label",
+    input: {}
+  }, /* @__PURE__ */React__default.default.createElement(antd.Select.Option, {
+    value: BrowserTimeValue,
+    label: `${t("components.browser_time_zone")} (${getUTCOffsetText(browserTz.offset)})`,
+    className: OptionWrapperStyle
+  }, /* @__PURE__ */React__default.default.createElement(TimeZoneOption, {
+    key: BrowserTimeValue,
+    customLabel: t("components.browser_time_zone"),
+    timeZone: browserTz
+  })), /* @__PURE__ */React__default.default.createElement(antd.Select.Option, {
+    value: "UTC",
+    className: OptionWrapperStyle
+  }, /* @__PURE__ */React__default.default.createElement(TimeZoneOption, {
+    key: "utc",
+    customLabel: t("components.coordinated_universal_time"),
+    timeZone: {
+      value: "UTC",
+      text: "UTC",
+      offset: 0,
+      abbr: "GMT"
+    }
+  })), timeZoneOptionGroups, /* @__PURE__ */React__default.default.createElement(antd.Select.Option, {
+    value: "_placeholder_",
+    className: OptionPlaceholder
+  }, "_placeholder_"));
+};
+function getUTCOffsetText(offset) {
+  if (offset === 0) {
+    return "UTC";
+  } else if (offset < 0) {
+    return `UTC${offset}:00`;
+  } else {
+    return `UTC+${offset}:00`;
+  }
+}
+const TimeZoneOption = ({
+  timeZone,
+  customLabel
+}) => {
+  let tagText = getUTCOffsetText(timeZone.offset);
+  return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement("div", {
+    className: OptionFirstLineStyle
+  }, /* @__PURE__ */React__default.default.createElement("span", {
+    className: "timezone-title"
+  }, customLabel || timeZone.value), /* @__PURE__ */React__default.default.createElement(antd.Tag, {
+    className: core.cx("timezone-tag", TagStyle)
+  }, tagText)), /* @__PURE__ */React__default.default.createElement("div", {
+    className: OptionSecondLineStyle
+  }, /* @__PURE__ */React__default.default.createElement("span", null, timeZone.text, ", ", timeZone.abbr), /* @__PURE__ */React__default.default.createElement(index$2, {
+    className: "selected-icon",
+    src: iconsReact.CheckmarkDoneSuccessCorrect16BlueIcon,
+    iconHeight: 16,
+    iconWidth: 16
+  })));
+};
+var TimeZoneSelect$1 = TimeZoneSelect;
+
+module.exports = TimeZoneSelect$1;