nice-ui/lib/1-inline/CopyCode/index.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CopyCode = void 0;
const React = require("react");
const Code_1 = require("../Code");
const Flex_1 = require("../../3-list-item/Flex");
const Space_1 = require("../../3-list-item/Space");
const CopyButton_1 = require("../../2-inline-block/CopyButton");
const CopyCode = ({ value, ...rest }) => {
    return (React.createElement(Code_1.Code, { gray: true, spacious: true, ...rest, onMouseDown: (event) => {
            try {
                const element = event.nativeEvent.target;
                if (!element)
                    return;
                if (window.getSelection && document.createRange) {
                    const selection = window.getSelection();
                    if (!selection)
                        return;
                    event.preventDefault();
                    const range = document.createRange();
                    range.selectNodeContents(element);
                    selection.removeAllRanges();
                    selection.addRange(range);
                }
            }
            catch { }
        } },
        React.createElement(Flex_1.Flex, { style: { alignItems: 'center' } },
            value,
            React.createElement(Space_1.Space, { horizontal: true, size: -1 }),
            React.createElement(CopyButton_1.CopyButton, { onCopy: () => value }))));
};
exports.CopyCode = CopyCode;