@cloudtower/eagle 0.28.0-dry → 0.28.0

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

@@ -0,0 +1,225 @@
+'use strict';
+
+var icons = require('@ant-design/icons');
+var index$1 = require('../Button/index.js');
+var index = require('../KitStoreProvider/index.js');
+var index$3 = require('../Steps/index.js');
+var index$2 = require('../Styled/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+var modal = require('../../store/modal.js');
+
+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 Modal = (props) => {
+  var _b;
+  const { t } = useParrotTranslation();
+  const _a = props, {
+    error,
+    okText = t("common.confirm"),
+    cancelText = t("common.cancel"),
+    confirmLoading,
+    okButtonProps,
+    onOk,
+    cancelButtonProps,
+    onCancel,
+    maskClosable = false,
+    normal = true,
+    className,
+    fullscreen,
+    wizard,
+    footer,
+    width,
+    showCancel = true,
+    showOk = true,
+    afterClose,
+    closeIcon
+  } = _a, restProps = __objRest(_a, [
+    "error",
+    "okText",
+    "cancelText",
+    "confirmLoading",
+    "okButtonProps",
+    "onOk",
+    "cancelButtonProps",
+    "onCancel",
+    "maskClosable",
+    "normal",
+    "className",
+    "fullscreen",
+    "wizard",
+    "footer",
+    "width",
+    "showCancel",
+    "showOk",
+    "afterClose",
+    "closeIcon"
+  ]);
+  const stack = index.useKitSelector(
+    (state) => state.modal.stack
+  );
+  const id = index.useKitSelector(
+    (state) => state.modal.closeId
+  );
+  const dispatch = index.useKitDispatch();
+  const idRef = React.useRef((_b = stack[stack.length - 1]) == null ? void 0 : _b.id);
+  const transitionClass = React.useRef(fullscreen ? "fullscreen-modal" : "modal-zoom");
+  const confirmText = React.useMemo(() => {
+    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 || t("common.next_step") : steps[step].okText || text;
+    }
+    return text;
+  }, [okButtonProps == null ? void 0 : okButtonProps.children, okText, t, wizard]);
+  const prevText = React.useMemo(() => {
+    let text = /* @__PURE__ */ React__default.default.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") {
+        text = /* @__PURE__ */ React__default.default.createElement("span", null, "< ", steps[step].prevText);
+      } else if (steps[step].prevText !== void 0) {
+        text = steps[step].prevText;
+      }
+    }
+    return text;
+  }, [t, wizard]);
+  const stepsRef = React.useRef([]);
+  if (wizard && typeof wizard === "object" && !wizard.destroyOtherStep && wizard.steps[wizard.step]) {
+    stepsRef.current[wizard.step] = wizard.steps[wizard.step].render;
+  }
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Modal,
+    __spreadProps(__spreadValues({
+      maskClosable,
+      className: cs__default.default(
+        className,
+        fullscreen && "fullscreen",
+        fullscreen && wizard && "wizard",
+        !fullscreen && normal && "normal-modal"
+      ),
+      width: fullscreen ? "calc(100vw - 16px)" : width || (normal ? 460 : ""),
+      onCancel: (e) => {
+        onCancel == null ? void 0 : onCancel(e);
+        transitionClass.current = fullscreen ? "" : "modal-zoom";
+      },
+      closeIcon: closeIcon != null ? closeIcon : /* @__PURE__ */ React__default.default.createElement(icons.CloseCircleFilled, null),
+      destroyOnClose: true,
+      focusTriggerAfterClose: false,
+      transitionName: transitionClass.current
+    }, restProps), {
+      afterClose: () => {
+        afterClose == null ? void 0 : afterClose();
+        dispatch({ type: modal.ModalActions.REMOVE_MODAL, id: idRef.current });
+      },
+      visible: idRef.current !== id,
+      footer: /* @__PURE__ */ React__default.default.createElement("div", { className: "footer-content" }, footer === void 0 ? /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("div", { className: "modal-footer-left" }, wizard && typeof wizard === "object" && !wizard.disablePrevStep && wizard.step !== 0 && /* @__PURE__ */ React__default.default.createElement(
+        "span",
+        {
+          className: "prev-step",
+          onClick: () => {
+            var _a2, _b2, _c, _d;
+            if (typeof wizard === "object" && ((_a2 = wizard.steps[wizard.step]) == null ? void 0 : _a2.onPrev)) {
+              (_c = (_b2 = wizard.steps[wizard.step]).onPrev) == null ? void 0 : _c.call(_b2);
+              return;
+            }
+            (_d = wizard.onStepChange) == null ? void 0 : _d.call(wizard, wizard.step - 1);
+          }
+        },
+        prevText
+      ), error && /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("span", { className: "modal-error" }, error))), /* @__PURE__ */ React__default.default.createElement("div", { className: "modal-footer-btn-group" }, showCancel && /* @__PURE__ */ React__default.default.createElement(
+        index$1,
+        __spreadValues({
+          type: "quiet",
+          onMouseDown: (e) => {
+            e.preventDefault();
+          },
+          onClick: (e) => {
+            onCancel == null ? void 0 : onCancel(e);
+            transitionClass.current = fullscreen ? "" : "modal-zoom";
+          },
+          className: cs__default.default(cancelButtonProps == null ? void 0 : cancelButtonProps.className)
+        }, cancelButtonProps),
+        cancelText
+      ), showOk && /* @__PURE__ */ React__default.default.createElement(
+        index$1,
+        __spreadValues({
+          onClick: (e) => {
+            var _a2, _b2;
+            onOk == null ? void 0 : onOk(e);
+            if (typeof wizard === "object" && wizard.steps[wizard.step]) {
+              (_b2 = (_a2 = wizard.steps[wizard.step]).onOk) == null ? void 0 : _b2.call(_a2, e);
+            }
+            transitionClass.current = fullscreen ? "" : "modal-send";
+          },
+          type: "primary",
+          loading: confirmLoading
+        }, okButtonProps),
+        confirmText
+      ))) : footer)
+    }),
+    wizard && typeof wizard === "object" ? /* @__PURE__ */ React__default.default.createElement(index$2.WizardBody, null, /* @__PURE__ */ React__default.default.createElement("div", { className: "left" }, wizard.hideLeft ? null : /* @__PURE__ */ React__default.default.createElement(
+      index$3,
+      {
+        current: wizard.step,
+        onChange: (value) => {
+          var _a2;
+          return (_a2 = wizard.onStepChange) == null ? void 0 : _a2.call(wizard, value);
+        },
+        direction: "vertical",
+        stepsConfig: wizard.steps.map((s) => ({
+          title: s.title,
+          disabled: s.disabled
+        }))
+      }
+    )), /* @__PURE__ */ React__default.default.createElement("div", { className: "middle" }, restProps.children, wizard.destroyOtherStep ? wizard.steps[wizard.step].render : stepsRef.current.map((step, index) => /* @__PURE__ */ React__default.default.createElement(
+      "div",
+      {
+        key: index,
+        style: {
+          display: index === wizard.step ? "block" : "none"
+        }
+      },
+      step
+    ))), wizard.right && /* @__PURE__ */ React__default.default.createElement("div", { className: "right" }, wizard.right)) : restProps.children
+  );
+};
+var Modal$1 = Modal;
+
+module.exports = Modal$1;

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

@@ -0,0 +1,51 @@
+'use strict';
+
+var index = require('../KitStoreProvider/index.js');
+var index$1 = require('../../store/index.js');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+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));
+const ModalStack = () => {
+  const stack = index.useKitSelector(
+    (state) => state.modal.stack
+  );
+  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, stack.map((modal) => /* @__PURE__ */ React__default.default.createElement(
+    modal.component,
+    __spreadProps(__spreadValues({}, modal.props), {
+      modalId: modal.id,
+      onClose: () => {
+        var _a;
+        if ((_a = modal.props) == null ? void 0 : _a.onClose) {
+          modal.props.onClose();
+        }
+        index$1.closeModal(modal.id);
+      },
+      key: modal.id
+    })
+  )));
+};
+var ModalStack$1 = ModalStack;
+
+module.exports = ModalStack$1;

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

@@ -0,0 +1,37 @@
+'use strict';
+
+var cs = require('classnames');
+var React = require('react');
+var index = require('../Typo/index.js');
+var style = require('./style.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const MinWidth = "E_m196gn1d";
+const Nav = ({
+  left,
+  right,
+  center,
+  isScrolled,
+  navRef
+}) => {
+  return /* @__PURE__ */React__default.default.createElement(style.Header, {
+    ref: navRef,
+    className: MinWidth,
+    id: "global-header"
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "left"
+  }, left), /* @__PURE__ */React__default.default.createElement("div", {
+    className: cs__default.default("center", style.NavCenterStyle, index.Typo.Heading.h3_bold_title, isScrolled && "is-scrolled")
+  }, center), /* @__PURE__ */React__default.default.createElement("div", {
+    className: cs__default.default("right", isScrolled && "is-scrolled")
+  }, /* @__PURE__ */React__default.default.createElement("span", {
+    className: "btn-group"
+  }, right)));
+};
+var Nav$1 = Nav;
+
+module.exports = Nav$1;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+var react = require('@linaria/react');
+
+const Header = /*#__PURE__*/react.styled('header')({
+  name: "Header",
+  class: "E_h12yihis",
+  propsAsIs: false
+});
+const NavCenterStyle = "E_ncaepor";
+
+exports.Header = Header;
+exports.NavCenterStyle = NavCenterStyle;

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

@@ -0,0 +1,123 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var cs = require('classnames');
+var React = require('react');
+var useElementResize = require('../../hooks/useElementResize.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const OverflowWrapper = "E_owd0kml";
+const HiddenStyle = "E_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__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement("span", {
+    className: cs__default.default(showOverflow && HiddenStyle, OverflowWrapper),
+    ref: wrapperRef
+  }, children), showOverflow && /* @__PURE__ */React__default.default.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__default.default.createElement("span", {
+      className,
+      ref: wrapperRef
+    }, els, /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, extraEl(sliceEnd)));
+  }
+  if (isOverflow) {
+    return /* @__PURE__ */React__default.default.createElement("span", {
+      className,
+      ref: wrapperRef
+    }, els.slice(0, sliceEnd), /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, extraEl(sliceEnd)));
+  }
+  return /* @__PURE__ */React__default.default.createElement("span", {
+    className,
+    ref: wrapperRef
+  }, els);
+};
+var Overflow$1 = Overflow;
+
+exports.ExtraOverflow = ExtraOverflow;
+exports.default = Overflow$1;

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

@@ -0,0 +1,125 @@
+'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');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var cs__default = /*#__PURE__*/_interopDefault(cs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const PaginationStyle = "E_phljevk";
+const DropdownOverlayStyle = "E_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__default.default.createElement(antd.Dropdown, {
+        placement: "topLeft",
+        overlayClassName: DropdownOverlayStyle,
+        overlay: /* @__PURE__ */React__default.default.createElement(antd.Menu, null, /* @__PURE__ */React__default.default.createElement(antd.Menu.ItemGroup, {
+          title: t("components.push_to")
+        }, selectOptions.map(option => /* @__PURE__ */React__default.default.createElement(antd.Menu.Item, {
+          key: option.value,
+          onClick: () => onChange(option.value)
+        }, option.text))))
+      }, /* @__PURE__ */React__default.default.createElement(index$1, {
+        alt: "arrowChevronDownSmall16Secondary",
+        className: "pagination-left dropdown-trigger",
+        src: iconsReact.ArrowChevronDownSmall16SecondaryIcon,
+        hoverSrc: iconsReact.ArrowChevronDownSmall16BlueIcon,
+        prefix: content
+      }));
+    }
+    return /* @__PURE__ */React__default.default.createElement("span", {
+      className: "pagination-left"
+    }, content);
+  };
+  if (count === 0) {
+    return null;
+  }
+  return /* @__PURE__ */React__default.default.createElement("div", {
+    className: cs__default.default(PaginationStyle, "pagination-wrapper", className, selectorVisible && "has-selector")
+  }, renderLeft(), /* @__PURE__ */React__default.default.createElement("span", {
+    className: "pagination-right"
+  }, current > 1 && /* @__PURE__ */React__default.default.createElement(index, {
+    className: "prev-btn",
+    type: "quiet",
+    size: "small",
+    prefixIcon: /* @__PURE__ */React__default.default.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__default.default.createElement(index, {
+    className: "next-btn",
+    type: "quiet",
+    size: "small",
+    suffixIcon: /* @__PURE__ */React__default.default.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,32 @@
+'use strict';
+
+var React = require('react');
+var reactI18next = require('react-i18next');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(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 ParrotTrans = (props) => {
+  const { i18n } = useParrotTranslation();
+  return /* @__PURE__ */ React__default.default.createElement(reactI18next.Trans, __spreadValues({ i18n }, props));
+};
+
+exports.ParrotTrans = ParrotTrans;

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

@@ -0,0 +1,45 @@
+'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');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(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__default.default.createElement(index, __spreadValues({}, emptyProps));
+  }
+  const { value, unit } = tower.formatPercent(rawValue, decimals, saturated);
+  return /* @__PURE__ */ React__default.default.createElement("span", null, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", unitClassName) }, unit));
+};
+var Percent$1 = Percent;
+
+module.exports = Percent$1;