react-markdown-table-ts 0.5.3 → 0.5.5

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { forwardRef, useContext, Children, isValidElement, cloneElement, useRef, useMemo, useEffect } from 'react';
+import React__default, { forwardRef, useContext, Children, isValidElement, cloneElement, useRef, useState, useMemo, useEffect } from 'react';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 
@@ -18542,6 +18542,7 @@ var MarkdownTable = function (_a) {
     var _b = _a.inputData, inputData = _b === void 0 ? null : _b, _c = _a.hasHeader, hasHeader = _c === void 0 ? true : _c, _d = _a.columnAlignments, columnAlignments = _d === void 0 ? [] : _d, _e = _a.isCompact, isCompact = _e === void 0 ? false : _e, _f = _a.hasTabs, hasTabs = _f === void 0 ? false : _f, _g = _a.hasPadding, hasPadding = _g === void 0 ? true : _g, _h = _a.canReplaceNewlines, canReplaceNewlines = _h === void 0 ? false : _h, className = _a.className, onTableCreate = _a.onTableCreate, _j = _a.theme, theme = _j === void 0 ? 'light' : _j, preStyle = _a.preStyle;
     var adjustColumnWidths = !isCompact;
     var preElementRef = useRef(null);
+    var _k = useState(false), isCopied = _k[0], setIsCopied = _k[1];
     var markdownTableSyntax = useMemo(function () {
         if (inputData === null) {
             return 'Error: No data provided for the table.';
@@ -18594,11 +18595,13 @@ var MarkdownTable = function (_a) {
     }, [markdownTableSyntax]);
     var handleCopy = function () {
         navigator.clipboard.writeText(markdownTableSyntax);
+        setIsCopied(true);
+        setTimeout(function () { return setIsCopied(false); }, 2000);
     };
     return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("style", { children: theme === 'light' ? LIGHT_THEME_CSS : DARK_THEME_CSS }), jsxRuntimeExports.jsxs("div", { style: {
                     position: 'relative',
                     isolation: 'isolate'
-                }, children: [jsxRuntimeExports.jsx(Tooltip$1, { title: "Copy markdown table syntax", placement: "left-end", arrow: true, children: jsxRuntimeExports.jsx(IconButton$1, { onClick: handleCopy, sx: {
+                }, children: [jsxRuntimeExports.jsx(Tooltip$1, { title: isCopied ? 'Copied!' : 'Copy markdown table syntax', placement: "left-end", arrow: true, children: jsxRuntimeExports.jsx(IconButton$1, { onClick: handleCopy, sx: {
                                 position: 'absolute',
                                 top: '12px',
                                 right: '8px',