@cloudtower/eagle 0.35.8 → 0.35.9

package/dist/cjs/coreX/Copy/CopyButton.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var index = require('../../core/Button/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
+var CopyTooltip = require('./CopyTooltip.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const CopyButton = ({
+  text,
+  buttonText,
+  tooltipText
+}) => {
+  const { t } = useParrotTranslation();
+  const [tooltipVisible, setTooltipVisible] = React.useState(false);
+  const handleCopy = async () => {
+    try {
+      setTooltipVisible(true);
+      setTimeout(() => {
+        setTooltipVisible(false);
+      }, 1e3);
+    } catch (err) {
+    }
+  };
+  return /* @__PURE__ */ React__default.default.createElement(
+    CopyTooltip,
+    {
+      tooltipProps: { visible: tooltipVisible },
+      text,
+      afterTooltip: tooltipText ? tooltipText : t("common.has_copied_to_clipboard")
+    },
+    /* @__PURE__ */ React__default.default.createElement(index, { onClick: handleCopy }, buttonText ? buttonText : t("common.copy"))
+  );
+};
+var CopyButton$1 = CopyButton;
+
+module.exports = CopyButton$1;

package/dist/cjs/coreX/Copy/CopyTooltip.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var index = require('../../core/Icon/index.js');
+var index$1 = require('../../core/Tooltip/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
+var CopyToClipboard = require('react-copy-to-clipboard');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var CopyToClipboard__default = /*#__PURE__*/_interopDefault(CopyToClipboard);
+
+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 CopyTooltip = React__default.default.forwardRef(
+  (props, ref) => {
+    const { t } = useParrotTranslation();
+    const {
+      text,
+      beforeTooltip = t("common.click_to_copy"),
+      afterTooltip = t("common.copy_done"),
+      children = /* @__PURE__ */ React__default.default.createElement(index, { src: iconsReact.ClipboardCopy16GradientGrayIcon }),
+      tooltipProps,
+      className
+    } = props;
+    const [tooltipText, setTooltipText] = React.useState(beforeTooltip);
+    return /* @__PURE__ */ React__default.default.createElement(
+      "span",
+      {
+        ref,
+        onMouseEnter: () => setTooltipText(beforeTooltip),
+        className
+      },
+      /* @__PURE__ */ React__default.default.createElement(index$1, __spreadProps(__spreadValues({}, tooltipProps), { title: tooltipText }), /* @__PURE__ */ React__default.default.createElement(
+        CopyToClipboard__default.default,
+        {
+          text,
+          onCopy: () => setTooltipText(afterTooltip)
+        },
+        children
+      ))
+    );
+  }
+);
+var CopyTooltip$1 = CopyTooltip;
+
+module.exports = CopyTooltip$1;

package/dist/cjs/index.js

@@ -134,6 +134,8 @@ var index$1p = require('./coreX/BarChart/index.js');
 var index$1q = require('./coreX/BatchOperation/index.js');
 var index$1r = require('./coreX/ChartWithTooltip/index.js');
 var index$1s = require('./coreX/CircleLoading/index.js');
+var CopyButton = require('./coreX/Copy/CopyButton.js');
+var CopyTooltip = require('./coreX/Copy/CopyTooltip.js');
 var index$1t = require('./coreX/Counting/index.js');
 var index$1u = require('./coreX/CronCalendar/index.js');
 var index$1v = require('./coreX/CronPlan/index.js');
@@ -588,6 +590,8 @@ exports.renderBatchOperationMenuItem = index$1q.renderBatchOperationMenuItem;
 exports.ChartWithTooltip = index$1r.default;
 exports.ChartWithUnit = index$1r.ChartWithUnit;
 exports.CircleLoading = index$1s;
+exports.CopyButton = CopyButton;
+exports.CopyTooltip = CopyTooltip;
 exports.Counting = index$1t;
 exports.CronCalendar = index$1u;
 exports.CronPlan = index$1v.default;