@cloudtower/eagle 0.0.0-testid-rc-0 → 0.0.0-theme-rc-1

package/dist/esm/core/DonutChart/index.js

@@ -0,0 +1,190 @@
+import { styled } from '@linaria/react';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import cs from 'classnames';
+import React__default, { useMemo } from 'react';
+import { PieChart, Pie, Cell, Legend } from 'recharts';
+import Tooltip from '../Tooltip/index.js';
+import { Typo } from '../Typo/index.js';
+import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
+import { Color } from '../../styles/token/color.js';
+
+var DonutChartColor = /* @__PURE__ */(DonutChartColor2 => {
+  DonutChartColor2["RED"] = "red";
+  DonutChartColor2["GREEN"] = "green";
+  DonutChartColor2["YeLLOW"] = "yellow";
+  DonutChartColor2["BLUE"] = "blue";
+  DonutChartColor2["PURPLE"] = "purple";
+  return DonutChartColor2;
+})(DonutChartColor || {});
+const _exp = /*#__PURE__*/() => props => `${props.width}`;
+const DonutChartWrapper = /*#__PURE__*/styled('div')({
+  name: "DonutChartWrapper",
+  class: "E_0_0_0_theme_rc_1_d1bw7c5z",
+  propsAsIs: false,
+  vars: {
+    "d1bw7c5z-0": [_exp(), "px"]
+  }
+});
+const TooltipDefaultClass = "E_0_0_0_theme_rc_1_t10pqbtc";
+const ColorMap = {
+  ["blue" /* BLUE */]: [Color.chart.blue["blue-9"], Color.chart.blue["blue-7"], Color.chart.blue["blue-5"], Color.chart.blue["blue-3"], Color.chart.blue["blue-1"]],
+  ["green" /* GREEN */]: [Color.chart.green["green-9"], Color.chart.green["green-7"], Color.chart.green["green-5"], Color.chart.green["green-3"], Color.chart.green["green-1"]],
+  ["red" /* RED */]: [Color.chart.red["red-9"], Color.chart.red["red-7"], Color.chart.red["red-5"], Color.chart.red["red-3"], Color.chart.red["red-1"]],
+  ["yellow" /* YeLLOW */]: [Color.chart.yellow["yellow-9"], Color.chart.yellow["yellow-7"], Color.chart.yellow["yellow-5"], Color.chart.yellow["yellow-3"], Color.chart.yellow["yellow-1"]],
+  ["purple" /* PURPLE */]: [Color.chart.purple["purple-9"], Color.chart.purple["purple-7"], Color.chart.purple["purple-5"], Color.chart.purple["purple-3"], Color.chart.purple["purple-1"]]
+};
+const formatCollapse = (collapseData = []) => {
+  const value = collapseData.reduce((prev, next) => {
+    return prev + next.value;
+  }, 0);
+  return {
+    tooltip: collapseData,
+    value
+  };
+};
+const formatChartData = ({
+  otherData,
+  data,
+  t,
+  collapseText
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  if (otherData && data.length < 5) {
+    return [...data, {
+      name: t("components.other"),
+      value: (_a = formatCollapse(otherData)) == null ? void 0 : _a.value,
+      color: Color.gray["gray-40"],
+      tooltip: (_b = formatCollapse(otherData)) == null ? void 0 : _b.tooltip
+    }];
+  }
+  if (otherData && data.length >= 5) {
+    const remainData = data.slice(0, 3);
+    const needCollapseData = data.slice(3, data.length);
+    return [...remainData, {
+      name: data[3].name + collapseText,
+      value: (_c = formatCollapse(needCollapseData)) == null ? void 0 : _c.value,
+      color: null,
+      tooltip: (_d = formatCollapse(needCollapseData)) == null ? void 0 : _d.tooltip
+    }, {
+      name: t("components.other"),
+      value: (_e = formatCollapse(otherData)) == null ? void 0 : _e.value,
+      color: Color.gray["gray-40"],
+      tooltip: (_f = formatCollapse(otherData)) == null ? void 0 : _f.tooltip
+    }];
+  }
+  if (data.length > 5) {
+    const remainData = data.slice(0, 4);
+    const needCollapseData = data.slice(4, data.length);
+    return [...remainData, {
+      name: data[4].name + collapseText,
+      value: (_g = formatCollapse(needCollapseData)) == null ? void 0 : _g.value,
+      color: null,
+      tooltip: (_h = formatCollapse(needCollapseData)) == null ? void 0 : _h.tooltip
+    }];
+  }
+  return data;
+};
+const DonutChart = ({
+  data,
+  centerRender,
+  className,
+  overlayClassName,
+  color,
+  otherData,
+  collapseText,
+  width = 148,
+  height = 100,
+  innerRadius = 45,
+  outerRadius = 50,
+  widthPadding = true,
+  showLegend = true,
+  "data-testid": dataTestId
+}) => {
+  const initColorMap = color ? ColorMap[color] : [];
+  const {
+    t
+  } = useParrotTranslation();
+  const formatData = useMemo(() => {
+    return formatChartData({
+      data,
+      otherData,
+      collapseText,
+      t
+    });
+  }, [data, otherData, t, collapseText]);
+  return /* @__PURE__ */React__default.createElement(DonutChartWrapper, {
+    "data-testid": dataTestId,
+    width
+  }, /* @__PURE__ */React__default.createElement(PieChart, {
+    width,
+    height,
+    style: {
+      width: "100%"
+    },
+    className,
+    margin: {
+      left: 0,
+      top: 0,
+      right: 0,
+      bottom: 0
+    }
+  }, /* @__PURE__ */React__default.createElement(Pie, {
+    dataKey: "value",
+    data: formatData,
+    innerRadius,
+    outerRadius: outerRadius != null ? outerRadius : height / 2,
+    cx: width / 2,
+    cy: height / 2,
+    paddingAngle: widthPadding ? 4 : 0,
+    blendStroke: !widthPadding,
+    startAngle: 90,
+    endAngle: -270,
+    stroke: "none"
+  }, formatData.map((data2, index) => /* @__PURE__ */React__default.createElement(Cell, {
+    key: `cell-${index}`,
+    fill: (data2 == null ? void 0 : data2.color) || initColorMap[index]
+  }))), showLegend && /* @__PURE__ */React__default.createElement(Legend, {
+    iconSize: 8,
+    iconType: "square",
+    layout: "vertical",
+    formatter: (name, _, index) => {
+      const legendData = formatData[index];
+      return (legendData == null ? void 0 : legendData.tooltip) ? /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(Tooltip, {
+        overlayClassName: cs(TooltipDefaultClass, overlayClassName),
+        title: Array.isArray(legendData.tooltip) ? /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement("div", {
+          className: Typo.Label.l4_bold
+        }, legendData.name), legendData.tooltip.map(item => /* @__PURE__ */React__default.createElement("div", {
+          className: "item"
+        }, /* @__PURE__ */React__default.createElement("span", {
+          className: "name"
+        }, item.name), /* @__PURE__ */React__default.createElement("span", {
+          className: Typo.Label.l4_bold
+        }, item.value)))) : legendData.tooltip
+      }, /* @__PURE__ */React__default.createElement("div", {
+        className: "tooltip-text"
+      }, legendData.name)), /* @__PURE__ */React__default.createElement("span", {
+        className: cs(Typo.Label.l4_regular, "value")
+      }, legendData.value)) : /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(OverflowTooltip, {
+        content: legendData.name,
+        onClick: () => {
+          var _a;
+          if ("onClick" in legendData) {
+            (_a = legendData.onClick) == null ? void 0 : _a.call(legendData, legendData.name);
+          }
+        }
+      }), /* @__PURE__ */React__default.createElement("span", {
+        className: cs(Typo.Label.l4_regular, "value")
+      }, legendData.value));
+    }
+  })), !!centerRender && /* @__PURE__ */React__default.createElement("div", null, "text" in centerRender ? /* @__PURE__ */React__default.createElement("div", {
+    className: "center"
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "number"
+  }, centerRender.number), /* @__PURE__ */React__default.createElement(OverflowTooltip, {
+    className: "text",
+    content: centerRender.text
+  })) : centerRender));
+};
+var DonutChart$1 = DonutChart;
+
+export { DonutChartColor, DonutChart$1 as default, formatChartData, formatCollapse };

package/dist/esm/core/DropdownMenu/index.js

@@ -0,0 +1,66 @@
+import { cx } from '@linaria/core';
+import Tooltip from '../Tooltip/index.js';
+import { Menu, Dropdown } from 'antd';
+import React__default from 'react';
+
+const DropdownOverlayStyle = "E_0_0_0_theme_rc_1_d133fzv0";
+const RenderMenuItem = item => {
+  if (item.hidden === true) {
+    return /* @__PURE__ */React__default.createElement(React__default.Fragment, null);
+  }
+  if (item.type === "group") {
+    return /* @__PURE__ */React__default.createElement(Menu.ItemGroup, {
+      title: item.title,
+      key: item.key
+    }, (item.children || []).map(childItem => RenderMenuItem(childItem)));
+  }
+  if (item.type === "divider") {
+    return /* @__PURE__ */React__default.createElement(Menu.Divider, {
+      key: item.key
+    });
+  }
+  if (item.tooltip) {
+    return /* @__PURE__ */React__default.createElement(Menu.Item, {
+      danger: item.danger,
+      key: item.key,
+      disabled: item.disabled,
+      onClick: item.onClick,
+      "data-testid": item["data-testid"]
+    }, /* @__PURE__ */React__default.createElement(Tooltip, {
+      title: item.tooltip
+    }, item.icon ? React__default.cloneElement(item.icon, {}, item.text) : /* @__PURE__ */React__default.createElement("div", null, item.text)));
+  }
+  return /* @__PURE__ */React__default.createElement(Menu.Item, {
+    danger: item.danger,
+    key: item.key,
+    disabled: item.disabled,
+    onClick: item.onClick,
+    "data-testid": item["data-testid"]
+  }, item.icon ? React__default.cloneElement(item.icon, {}, item.text) : item.text);
+};
+const DropdownMenu = ({
+  items,
+  disabled,
+  placement,
+  trigger,
+  customStyle,
+  slotsElements = {},
+  "data-testid": dataTestId
+}) => {
+  const menuItems = items.filter(item => !item.hidden);
+  const menuDisabled = disabled || menuItems.length === 0;
+  return /* @__PURE__ */React__default.createElement(Dropdown, {
+    disabled: menuDisabled,
+    placement,
+    trigger,
+    overlayClassName: cx(DropdownOverlayStyle, customStyle == null ? void 0 : customStyle.content),
+    overlay: /* @__PURE__ */React__default.createElement(Menu, null, menuItems.map(item => {
+      return RenderMenuItem(item);
+    }))
+  }, /* @__PURE__ */React__default.createElement("span", {
+    "data-testid": dataTestId
+  }, slotsElements.trigger ? slotsElements.trigger({}) : null));
+};
+var DropdownMenu$1 = DropdownMenu;
+
+export { RenderMenuItem, DropdownMenu$1 as default };

package/dist/esm/core/Duration/index.js

@@ -0,0 +1,73 @@
+import { cx } from '@linaria/core';
+import Empty from '../Empty/index.js';
+import { ParrotTrans } from '../ParrotTrans/index.js';
+import { useFormatDuration } from '../../hooks/useFormatDuration.js';
+import { formatDuration } from '../../utils/formatDuration.js';
+import isEmpty from '../../utils/isEmpty.js';
+import React__default from 'react';
+import { UnitStyle } from '../Styled/index.js';
+
+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, { 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;
+};
+const Duration = ({
+  rawValue,
+  valueClassName,
+  unitClassName,
+  abbreviate,
+  emptyProps,
+  maxDisplayUnits = 2,
+  minUnit = "second",
+  noUnitOnZero = false,
+  contentRender,
+  "data-testid": dataTestId
+}) => {
+  const { parts } = useFormatDuration(rawValue != null ? rawValue : 0, {
+    maxDisplayUnits,
+    useAbbreviation: abbreviate,
+    minUnit
+  });
+  if (isEmpty(rawValue)) {
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
+  }
+  if (parts.length === 0) {
+    return /* @__PURE__ */ React__default.createElement(Empty, __spreadValues({ "data-testid": dataTestId }, emptyProps));
+  }
+  if (contentRender) {
+    const formatItems = formatDuration(rawValue, {
+      maxDisplayUnits,
+      minUnit
+    });
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, contentRender(formatItems));
+  }
+  const allZero = parts.every((part) => part.value === 0);
+  if (noUnitOnZero && allZero) {
+    return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId, className: cx("value", valueClassName) }, "0");
+  }
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, parts.map((part, index) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: `${part.unit}-${index}` }, index > 0 && /* @__PURE__ */ React__default.createElement("span", null, " "), /* @__PURE__ */ React__default.createElement(
+    ParrotTrans,
+    {
+      parent: "span",
+      i18nKey: part.i18nKey,
+      count: part.value
+    },
+    /* @__PURE__ */ React__default.createElement("span", { className: cx("value", valueClassName) }),
+    /* @__PURE__ */ React__default.createElement("span", { className: cx("unit", UnitStyle, unitClassName) })
+  ))));
+};
+var Duration$1 = Duration;
+
+export { Duration$1 as default };

package/dist/esm/core/Empty/index.js

@@ -0,0 +1,12 @@
+import React__default from 'react';
+
+const Empty = ({
+  className,
+  style,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ React__default.createElement("span", { "data-testid": dataTestId, className, style }, "-");
+};
+var Empty$1 = Empty;
+
+export { Empty$1 as default };

package/dist/esm/core/Error/index.js

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+const Error = ({
+  error,
+  "data-testid": dataTestId
+}) => /* @__PURE__ */ React__default.createElement("div", { "data-testid": dataTestId, className: "error" }, String(error));
+var Error$1 = Error;
+
+export { Error$1 as default };

package/dist/esm/core/ErrorBoundary/index.js

@@ -0,0 +1,21 @@
+import React__default from 'react';
+import { withTranslation } from 'react-i18next';
+
+class ErrorBoundary extends React__default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */ React__default.createElement("div", { title: String(this.state.error) }, this.props.t("components.unknow_error"));
+    }
+    return this.props.children;
+  }
+}
+var ErrorBoundary$1 = withTranslation()(ErrorBoundary);
+
+export { ErrorBoundary$1 as default };

package/dist/esm/core/ExpandableList/ExpandIcon.js

@@ -0,0 +1,15 @@
+import { ArrowChevronUp16SecondaryIcon, ArrowChevronDown16SecondaryIcon } from '@cloudtower/icons-react';
+import React__default from 'react';
+
+const Style = "E_0_0_0_theme_rc_1_suhck3k";
+const ExpandIcon = props => {
+  const {
+    isActive
+  } = props;
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: Style
+  }, isActive ? /* @__PURE__ */React__default.createElement(ArrowChevronUp16SecondaryIcon, null) : /* @__PURE__ */React__default.createElement(ArrowChevronDown16SecondaryIcon, null));
+};
+var ExpandIcon$1 = ExpandIcon;
+
+export { ExpandIcon$1 as default };

package/dist/esm/core/ExpandableList/ExpandableContainer.js

@@ -0,0 +1,15 @@
+import { Card } from 'antd';
+import React__default from 'react';
+
+const card = "E_0_0_0_theme_rc_1_c1yyuluq";
+const ExpandableContainer = props => {
+  const {
+    children
+  } = props;
+  return /* @__PURE__ */React__default.createElement(Card, {
+    className: card
+  }, children);
+};
+var ExpandableContainer$1 = ExpandableContainer;
+
+export { ExpandableContainer$1 as default };

package/dist/esm/core/ExpandableList/ExpandableItem.js

@@ -0,0 +1,46 @@
+import ExpandIcon from './ExpandIcon.js';
+import RoundedOrder from './RoundOrder.js';
+import { Collapse } from 'antd';
+import cs from 'classnames';
+import React__default, { useMemo, useState } from 'react';
+
+const CollapseStyle = "E_0_0_0_theme_rc_1_ccrbeuz";
+const CollapseDisabled = "E_0_0_0_theme_rc_1_c1fljvag";
+const ExpandableItem = props => {
+  const {
+    children,
+    disableExpand = false,
+    defaultActive = false,
+    header,
+    order
+  } = props;
+  const showExpandOnDisable = useMemo(() => {
+    return disableExpand && defaultActive;
+  }, [defaultActive, disableExpand]);
+  const [activeKey, setActiveKey] = useState(showExpandOnDisable ? ["expandPanelKey"] : []);
+  return /* @__PURE__ */React__default.createElement(Collapse, {
+    className: cs(CollapseStyle, {
+      [CollapseDisabled]: disableExpand
+    }),
+    expandIcon: ExpandIcon,
+    expandIconPosition: "right",
+    defaultActiveKey: showExpandOnDisable ? ["expandPanelKey"] : [],
+    bordered: false,
+    activeKey,
+    onChange: v => {
+      if (disableExpand) {
+        return;
+      }
+      setActiveKey(v);
+    }
+  }, /* @__PURE__ */React__default.createElement(Collapse.Panel, {
+    key: "expandPanelKey",
+    header: /* @__PURE__ */React__default.createElement(RoundedOrder, {
+      order
+    }, header),
+    showArrow: !disableExpand
+  }, children));
+};
+var ExpandableItem$1 = ExpandableItem;
+
+export { ExpandableItem$1 as default };

package/dist/esm/core/ExpandableList/RoundOrder.js

@@ -0,0 +1,20 @@
+import { Typo } from '../Typo/index.js';
+import React__default from 'react';
+
+const RoundedOrderStyle = "E_0_0_0_theme_rc_1_ryby9ds";
+const RoundedOrder = props => {
+  const {
+    children,
+    order
+  } = props;
+  return /* @__PURE__ */React__default.createElement("div", {
+    className: RoundedOrderStyle
+  }, order != null ? /* @__PURE__ */React__default.createElement("span", {
+    className: "order"
+  }, /* @__PURE__ */React__default.createElement("span", {
+    className: Typo.Label.l2_bold
+  }, order)) : null, children);
+};
+var RoundedOrder$1 = RoundedOrder;
+
+export { RoundedOrder$1 as default };

package/dist/esm/core/FailedLoad/index.js

@@ -0,0 +1,33 @@
+import Button from '../Button/index.js';
+import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import cs from 'classnames';
+import React__default from 'react';
+
+const FailedLoadStyle = "E_0_0_0_theme_rc_1_fzh9mnb";
+const FailedLoad = props => {
+  const {
+    error,
+    refetch,
+    className,
+    title,
+    refetchText,
+    "data-testid": dataTestId
+  } = props;
+  const {
+    t
+  } = useParrotTranslation();
+  return /* @__PURE__ */React__default.createElement("div", {
+    "data-testid": dataTestId,
+    className: cs(FailedLoadStyle, className),
+    title
+  }, /* @__PURE__ */React__default.createElement("div", {
+    className: "error-text"
+  }, String(error)), /* @__PURE__ */React__default.createElement(Button, {
+    type: "ordinary",
+    "data-testid": dataTestId ? `${dataTestId}-retry` : void 0,
+    onClick: () => refetch()
+  }, refetchText || t("common.retry")));
+};
+var FailedLoad$1 = FailedLoad;
+
+export { FailedLoad$1 as default };

package/dist/esm/core/Fields/FieldsBoolean/index.js

@@ -0,0 +1,54 @@
+import React__default from 'react';
+import Checkbox from '../../Checkbox/index.js';
+
+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, { 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 __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 FieldsBoolean = (_a) => {
+  var _b = _a, {
+    input,
+    children,
+    "data-testid": dataTestId
+  } = _b, props = __objRest(_b, [
+    "input",
+    "children",
+    "data-testid"
+  ]);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    Checkbox,
+    __spreadValues({
+      checked: Boolean(input.value),
+      onChange: (e) => input.onChange(e.target.checked),
+      "data-testid": dataTestId
+    }, props),
+    children
+  ));
+};
+var FieldsBoolean$1 = FieldsBoolean;
+
+export { FieldsBoolean$1 as default };

package/dist/esm/core/Fields/FieldsDateTime/index.js

@@ -0,0 +1,26 @@
+import { DatePicker } from 'antd';
+import React__default from 'react';
+
+const FieldsDateTime = ({
+  input,
+  "data-testid": dataTestId
+}) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  DatePicker,
+  {
+    "data-testid": dataTestId,
+    onFocus: () => {
+      var _a;
+      return (_a = input.onFocus) == null ? void 0 : _a.call(input);
+    },
+    onBlur: () => {
+      var _a;
+      return (_a = input.onBlur) == null ? void 0 : _a.call(input);
+    },
+    showTime: true,
+    defaultValue: input.value,
+    onOk: input.onChange
+  }
+));
+var FieldsDateTime$1 = FieldsDateTime;
+
+export { FieldsDateTime$1 as default };

package/dist/esm/core/Fields/FieldsDateTimeRange/index.js

@@ -0,0 +1,68 @@
+import { DatePicker } from 'antd';
+import moment from 'moment';
+import React__default from '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 FieldsDateTimeRange = (_a) => {
+  var _b = _a, {
+    input,
+    "data-testid": dataTestId
+  } = _b, props = __objRest(_b, [
+    "input",
+    "data-testid"
+  ]);
+  var _a2, _b2;
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
+  return /* @__PURE__ */ React__default.createElement("div", { className: "datatime-range" }, /* @__PURE__ */ React__default.createElement(
+    DatePicker.RangePicker,
+    __spreadProps(__spreadValues({
+      showTime: true
+    }, inputWithTestId), {
+      onFocus: () => {
+        var _a3;
+        return (_a3 = input.onFocus) == null ? void 0 : _a3.call(input);
+      },
+      onBlur: () => {
+        var _a3;
+        return (_a3 = input.onBlur) == null ? void 0 : _a3.call(input);
+      },
+      defaultValue: (_a2 = input.value) == null ? void 0 : _a2.map((v) => v && moment(v)),
+      onChange: input.onChange,
+      value: (_b2 = input.value) == null ? void 0 : _b2.map((v) => v && moment(v)),
+      format: props.format
+    })
+  ));
+};
+var FieldsDateTimeRange$1 = FieldsDateTimeRange;
+
+export { FieldsDateTimeRange$1 as default };