@cloudtower/eagle 0.27.53 → 0.27.55

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

@@ -0,0 +1,117 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var cs = require('classnames');
+var React = require('react');
+var useElementResize = require('../../hooks/useElementResize.js');
+
+const OverflowWrapper = "owd0kml";
+const HiddenStyle = "h1jsgezc";
+const Overflow = props => {
+  const {
+    children,
+    overflow,
+    offset = 0,
+    depend
+  } = props;
+  const wrapperRef = React.useRef(null);
+  const [init, setInit] = React.useState(true);
+  const [isOverflow, setIsOverflow] = React.useState(false);
+  const handleOverflow = React.useCallback(() => {
+    var _a, _b, _c;
+    const elWidth = ((_a = wrapperRef.current) == null ? void 0 : _a.offsetWidth) || 0;
+    const parentWidth = ((_c = (_b = wrapperRef.current) == null ? void 0 : _b.parentElement) == null ? void 0 : _c.offsetWidth) || 0;
+    setInit(false);
+    if (!elWidth || !parentWidth) {
+      setIsOverflow(false);
+      return;
+    }
+    setIsOverflow(elWidth > parentWidth - offset);
+  }, [offset]);
+  useElementResize(wrapperRef, handleOverflow, []);
+  React.useLayoutEffect(() => {
+    setInit(true);
+  }, [depend]);
+  React.useLayoutEffect(() => {
+    if (init) {
+      handleOverflow();
+    }
+  }, [handleOverflow, init]);
+  const showOverflow = !init && isOverflow;
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("span", {
+    className: cs(showOverflow && HiddenStyle, OverflowWrapper),
+    ref: wrapperRef
+  }, children), showOverflow && /* @__PURE__ */React.createElement("span", null, overflow));
+};
+const ExtraOverflow = props => {
+  const {
+    els,
+    extraEl,
+    className,
+    deps = [],
+    reverse
+  } = props;
+  const wrapperRef = React.useRef(null);
+  const [isOverflow, setIsOverflow] = React.useState(false);
+  const [sliceEnd, setSliceEnd] = React.useState(0);
+  const [init, setInit] = React.useState(true);
+  const handleOverflow = React.useCallback(() => {
+    const els2 = Array.from(wrapperRef.current.children);
+    if (els2.length < 2) {
+      setInit(false);
+      setIsOverflow(false);
+      return;
+    }
+    const parentWidth = wrapperRef.current.offsetWidth;
+    const extraEl2 = els2[els2.length - 1];
+    const secondLastEl = els2[els2.length - 2];
+    let childRange = 0;
+    let endIndex = -1;
+    if (reverse) {
+      childRange = secondLastEl.offsetLeft + secondLastEl.offsetWidth - els2[0].offsetLeft;
+      endIndex = Array.from(els2).findIndex(el => {
+        const range = el.offsetWidth + el.offsetLeft - els2[0].offsetLeft;
+        return range + extraEl2.offsetWidth > parentWidth;
+      });
+    } else {
+      childRange = secondLastEl.offsetLeft + secondLastEl.offsetWidth;
+      endIndex = Array.from(els2).findIndex(el => {
+        const range = el.offsetWidth + el.offsetLeft;
+        return range + extraEl2.offsetWidth > parentWidth;
+      });
+    }
+    setInit(false);
+    setIsOverflow(childRange > parentWidth);
+    if (endIndex !== -1) {
+      setSliceEnd(endIndex);
+    }
+  }, [reverse]);
+  React.useLayoutEffect(() => {
+    setInit(true);
+  }, [els]);
+  React.useLayoutEffect(() => {
+    if (init) {
+      handleOverflow();
+    }
+  }, [handleOverflow, init, ...deps]);
+  if (init) {
+    return /* @__PURE__ */React.createElement("span", {
+      className,
+      ref: wrapperRef
+    }, els, /* @__PURE__ */React.createElement(React.Fragment, null, extraEl(sliceEnd)));
+  }
+  if (isOverflow) {
+    return /* @__PURE__ */React.createElement("span", {
+      className,
+      ref: wrapperRef
+    }, els.slice(0, sliceEnd), /* @__PURE__ */React.createElement(React.Fragment, null, extraEl(sliceEnd)));
+  }
+  return /* @__PURE__ */React.createElement("span", {
+    className,
+    ref: wrapperRef
+  }, els);
+};
+
+exports.ExtraOverflow = ExtraOverflow;
+exports.default = Overflow;

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

@@ -0,0 +1,120 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var iconsReact = require('@cloudtower/icons-react');
+var index = require('../Button/index.js');
+var index$1 = require('../Icon/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+
+const PaginationStyle = "phljevk";
+const DropdownOverlayStyle = "d12rtyeg";
+const Pagination = props => {
+  const {
+    current,
+    count,
+    onChange,
+    size,
+    onSizeChange,
+    showTotal = true,
+    className,
+    selectorVisible = true
+  } = props;
+  const sizeRef = React.useRef(size);
+  const {
+    t
+  } = useParrotTranslation();
+  React.useEffect(() => {
+    if (sizeRef.current === size) return;
+    sizeRef.current = size;
+    onSizeChange == null ? void 0 : onSizeChange(size);
+  }, [count, size, onSizeChange]);
+  const selectOptions = React.useMemo(() => {
+    if (!selectorVisible) return [];
+    return Array.from({
+      length: Math.ceil(count / size)
+    }, (r, i) => {
+      const value = i * size;
+      const lastRange2 = value + size;
+      return {
+        value: i + 1,
+        text: t("components.pagination_range", {
+          range1: value + 1,
+          range2: lastRange2 > count ? count : lastRange2
+        })
+      };
+    });
+  }, [selectorVisible, count, size, t]);
+  let lastRange = current * size;
+  lastRange = lastRange > count ? count : lastRange;
+  const renderLeft = () => {
+    if (!showTotal) return null;
+    const content = t("components.pagination_total", {
+      range1: (current - 1) * size + 1,
+      range2: lastRange,
+      total: count
+    });
+    if (selectorVisible) {
+      return /* @__PURE__ */React.createElement(antd.Dropdown, {
+        placement: "topLeft",
+        overlayClassName: DropdownOverlayStyle,
+        overlay: /* @__PURE__ */React.createElement(antd.Menu, null, /* @__PURE__ */React.createElement(antd.Menu.ItemGroup, {
+          title: t("components.push_to")
+        }, selectOptions.map(option => /* @__PURE__ */React.createElement(antd.Menu.Item, {
+          key: option.value,
+          onClick: () => onChange(option.value)
+        }, option.text))))
+      }, /* @__PURE__ */React.createElement(index$1, {
+        alt: "arrowChevronDownSmall16Secondary",
+        className: "pagination-left dropdown-trigger",
+        src: iconsReact.ArrowChevronDownSmall16SecondaryIcon,
+        hoverSrc: iconsReact.ArrowChevronDownSmall16BlueIcon,
+        prefix: content
+      }));
+    }
+    return /* @__PURE__ */React.createElement("span", {
+      className: "pagination-left"
+    }, content);
+  };
+  if (count === 0) {
+    return null;
+  }
+  return /* @__PURE__ */React.createElement("div", {
+    className: cs(PaginationStyle, "pagination-wrapper", className, selectorVisible && "has-selector")
+  }, renderLeft(), /* @__PURE__ */React.createElement("span", {
+    className: "pagination-right"
+  }, current > 1 && /* @__PURE__ */React.createElement(index, {
+    className: "prev-btn",
+    type: "quiet",
+    size: "small",
+    prefixIcon: /* @__PURE__ */React.createElement(index$1, {
+      alt: "arrowChevronLeftSmall16BoldBlue",
+      src: iconsReact.ArrowChevronLeftSmall16BoldBlueIcon
+    }),
+    onClick: () => {
+      onChange == null ? void 0 : onChange(current - 1);
+    }
+  }, t("components.previous_items", {
+    size
+  })), current * size < count && /* @__PURE__ */React.createElement(index, {
+    className: "next-btn",
+    type: "quiet",
+    size: "small",
+    suffixIcon: /* @__PURE__ */React.createElement(index$1, {
+      alt: "arrowChevronLeftSmall16BoldBlue",
+      src: iconsReact.ArrowChevronLeftSmall16BoldBlueIcon
+    }),
+    onClick: () => {
+      onChange == null ? void 0 : onChange(current + 1);
+    }
+  }, t("components.next_items", {
+    size
+  }))));
+};
+var Pagination$1 = Pagination;
+
+exports.PaginationStyle = PaginationStyle;
+exports.default = Pagination$1;

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var React = require('react');
+var reactI18next = require('react-i18next');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.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 ParrotTrans = (props) => {
+  const { i18n } = useParrotTranslation();
+  return /* @__PURE__ */ React.createElement(reactI18next.Trans, __spreadValues({ i18n }, props));
+};
+
+exports.ParrotTrans = ParrotTrans;

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

@@ -0,0 +1,41 @@
+'use strict';
+
+var core = require('@linaria/core');
+var index = require('../Empty/index.js');
+var isEmpty = require('../../utils/isEmpty.js');
+var tower = require('../../utils/tower.js');
+var React = require('react');
+
+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 Percent = ({
+  rawValue,
+  decimals,
+  saturated,
+  valueClassName,
+  unitClassName,
+  emptyProps
+}) => {
+  if (isEmpty(rawValue)) {
+    return /* @__PURE__ */ React.createElement(index, __spreadValues({}, emptyProps));
+  }
+  const { value, unit } = tower.formatPercent(rawValue, decimals, saturated);
+  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) }, unit));
+};
+var Percent$1 = Percent;
+
+module.exports = Percent$1;

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

@@ -0,0 +1,25 @@
+'use strict';
+
+var antd = require('antd');
+var React = require('react');
+
+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 Progress = (props) => /* @__PURE__ */ React.createElement(antd.Progress, __spreadValues({}, props));
+var Progress$1 = Progress;
+
+module.exports = Progress$1;

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

@@ -0,0 +1,142 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@linaria/core');
+var index = require('../Typo/index.js');
+var antd = require('antd');
+var _ = require('lodash');
+var React = require('react');
+var constants = require('../../utils/constants.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 RadioStyle = "rapgekc";
+const RadioGroupStyle = "rp906go";
+const RadioButtonStyle = "rcc63c8";
+const KitRadioGroupContext = React.createContext({});
+const Radio = _a => {
+  var _b = _a,
+    {
+      children,
+      className,
+      checked,
+      compact = false
+    } = _b,
+    props = __objRest(_b, ["children", "className", "checked", "compact"]);
+  const {
+    description
+  } = props;
+  const context = React.useContext(KitRadioGroupContext);
+  if (description) {
+    children = /* @__PURE__ */React.createElement(React.Fragment, null, children, /* @__PURE__ */React.createElement("div", {
+      className: core.cx("radio-description", index.Typo.Label.l4_regular)
+    }, description));
+  }
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(antd.Radio, __spreadValues({
+    className: core.cx(className, RadioStyle, compact && "compact"),
+    checked: checked || false,
+    "data-test": context.name ? `${context.name}-${String(props.value)}` : String(props.value)
+  }, props), children ? children : null));
+};
+const RadioGroup = _c => {
+  var _d = _c,
+    {
+      children,
+      className
+    } = _d,
+    props = __objRest(_d, ["children", "className"]);
+  return /* @__PURE__ */React.createElement(KitRadioGroupContext.Provider, {
+    value: {
+      disabled: props.disabled,
+      name: props.name
+    }
+  }, /* @__PURE__ */React.createElement(antd.Radio.Group, __spreadValues({
+    className: core.cx(className, RadioGroupStyle)
+  }, props), children ? children : null));
+};
+const RadioButton = _e => {
+  var _f = _e,
+    {
+      children,
+      className
+    } = _f,
+    props = __objRest(_f, ["children", "className"]);
+  const {
+    type,
+    placeholder = "Label",
+    onInputChange = constants.EMPTY_FUNCTION,
+    min,
+    max,
+    precision,
+    initialValue
+  } = props;
+  const [inputValue, setInputValue] = React.useState(initialValue);
+  const radioButtonValue = type === "input" || type === "input-number" ? inputValue : props.value;
+  const radioGroupContext = React.useContext(KitRadioGroupContext);
+  const renderInput = () => {
+    const inputDisabled = props.disabled || (radioGroupContext == null ? void 0 : radioGroupContext.disabled);
+    if (type === "input-number") return /* @__PURE__ */React.createElement(antd.InputNumber, {
+      className: "ant-radio-button-input",
+      placeholder,
+      disabled: inputDisabled,
+      value: !_.isNil(inputValue) ? Number(inputValue) : void 0,
+      min,
+      max,
+      precision,
+      onChange: value => {
+        const val = value || 0;
+        setInputValue(val);
+        onInputChange(val);
+      }
+    });
+    return /* @__PURE__ */React.createElement(antd.Input, {
+      className: "ant-radio-button-input",
+      placeholder,
+      disabled: inputDisabled,
+      value: inputValue,
+      onChange: e => {
+        setInputValue(e.target.value);
+        onInputChange(e.target.value);
+      }
+    });
+  };
+  const renderChildren = () => {
+    if (type !== "input" && type !== "input-number") return children ? children : null;
+    return /* @__PURE__ */React.createElement(React.Fragment, null, renderInput(), /* @__PURE__ */React.createElement("span", {
+      className: "ant-radio-button-input-label"
+    }, typeof children === "string" ? children : ""));
+  };
+  return /* @__PURE__ */React.createElement(antd.Radio.Button, __spreadValues({
+    className: core.cx(className, RadioButtonStyle),
+    value: radioButtonValue
+  }, props), renderChildren());
+};
+var Radio$1 = Radio;
+
+exports.RadioButton = RadioButton;
+exports.RadioGroup = RadioGroup;
+exports.default = Radio$1;

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

@@ -0,0 +1,50 @@
+'use strict';
+
+var icons = require('@ant-design/icons');
+var index = require('../Input/index.js');
+var _ = require('lodash');
+var React = require('react');
+
+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 SearchInput = (props) => {
+  const _a = props, { onChange, debounceWait = 300 } = _a, restProps = __objRest(_a, ["onChange", "debounceWait"]);
+  const onSearch = _.debounce(onChange, debounceWait);
+  return /* @__PURE__ */ React.createElement(
+    index,
+    __spreadValues({
+      style: { width: 276 },
+      prefix: /* @__PURE__ */ React.createElement(icons.SearchOutlined, null),
+      onChange: (e) => onSearch(e.target.value)
+    }, restProps)
+  );
+};
+var SearchInput$1 = SearchInput;
+
+module.exports = SearchInput$1;

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

@@ -0,0 +1,43 @@
+'use strict';
+
+var core = require('@linaria/core');
+var index = require('../Empty/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var isEmpty = require('../../utils/isEmpty.js');
+var tower = require('../../utils/tower.js');
+var React = require('react');
+
+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 Second = ({
+  rawValue,
+  decimals,
+  valueClassName,
+  unitClassName,
+  abbreviate,
+  emptyProps
+}) => {
+  const { t } = useParrotTranslation();
+  if (isEmpty(rawValue)) {
+    return /* @__PURE__ */ React.createElement(index, __spreadValues({}, emptyProps));
+  }
+  const { value, unit } = tower.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) }, t(`common.${abbreviate ? `${unit}_abbreviation` : unit}`)));
+};
+var Second$1 = Second;
+
+module.exports = Second$1;

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

@@ -0,0 +1,43 @@
+'use strict';
+
+var antd5 = require('antd5');
+var cs = require('classnames');
+var React = require('react');
+
+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 Segment = "s11wux3h";
+const SmallSegment = "s1t2an3z";
+const MediumSegment = "ma64lna";
+const ColorSegment = "ckld275";
+const SegmentControl = props => {
+  const {
+    size = "middle",
+    className
+  } = props;
+  return /* @__PURE__ */React.createElement(antd5.Segmented, __spreadValues({
+    className: cs(className, {
+      [SmallSegment]: size === "small",
+      [MediumSegment]: size === "middle"
+    }, Segment, ColorSegment),
+    size
+  }, props));
+};
+var SegmentControl$1 = SegmentControl;
+
+module.exports = SegmentControl$1;