@cloud-ru/ds-fields 1.0.0

package/dist/cjs/components/shared/hooks/useCopyButton.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCopyButton = useCopyButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = require("@cloud-ru/ds-button");
+const system_1 = require("@cloud-ru/ds-icons/interface/system");
+const input_private_1 = require("@cloud-ru/ds-input-private");
+const utils_1 = require("@cloud-ru/ds-utils");
+const react_1 = require("react");
+const constants_1 = require("../../../constants");
+// Длительность визуальной обратной связи «скопировано» (галочка вместо иконки копирования).
+const COPIED_FEEDBACK_MS = 2000;
+/**
+ * Кнопка «Копировать» для postfix (аналогично useClearButton в input-private).
+ */
+function useCopyButton({ copyButtonRef, showCopyButton, onCopy, size, disabled, dataTestId = constants_1.TEST_IDS.fieldTextCopyButton, }) {
+    const copyEventHandler = (0, utils_1.useEventHandler)(onCopy);
+    const [copied, setCopied] = (0, react_1.useState)(false);
+    const timerRef = (0, react_1.useRef)(undefined);
+    (0, react_1.useEffect)(() => () => {
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+        }
+    }, []);
+    return (0, react_1.useMemo)(() => ({
+        id: 'copy',
+        active: true,
+        ref: copyButtonRef,
+        show: showCopyButton,
+        render: ({ key, tabIndex, ref, onKeyDown, ...props }) => {
+            const markCopied = () => {
+                setCopied(true);
+                if (timerRef.current) {
+                    clearTimeout(timerRef.current);
+                }
+                timerRef.current = setTimeout(() => setCopied(false), COPIED_FEEDBACK_MS);
+            };
+            const handleCopy = event => {
+                event.stopPropagation();
+                props.onClick(event);
+                // Галочку показываем только при успешном копировании (паритет с легаси ButtonCopyValue).
+                const result = copyEventHandler(event);
+                if (typeof result === 'boolean') {
+                    if (result) {
+                        markCopied();
+                    }
+                    return;
+                }
+                result.then(success => {
+                    if (success) {
+                        markCopied();
+                    }
+                });
+            };
+            return ((0, jsx_runtime_1.jsx)(button_1.Button, { innerRef: ref, type: 'button', view: 'function', appearance: 'neutral', disabled: disabled, size: input_private_1.BUTTON_SIZE_MAP[size], icon: copied ? (0, jsx_runtime_1.jsx)(system_1.CheckSVG, {}) : (0, jsx_runtime_1.jsx)(system_1.CopySVG, {}), onClick: handleCopy, tabIndex: tabIndex, onKeyDown: onKeyDown, "data-test-id": dataTestId }, key));
+        },
+    }), [copied, copyButtonRef, copyEventHandler, dataTestId, disabled, showCopyButton, size]);
+}

package/dist/cjs/components/shared/index.d.ts

@@ -0,0 +1,4 @@
+export * from './helperComponents/FieldElementButton';
+export * from './helperComponents/FieldShell';
+export * from './hooks/useCopyButton';
+export * from './utils';

package/dist/cjs/components/shared/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./helperComponents/FieldElementButton"), exports);
+__exportStar(require("./helperComponents/FieldShell"), exports);
+__exportStar(require("./hooks/useCopyButton"), exports);
+__exportStar(require("./utils"), exports);