@stenajs-webui/grid-export 17.5.0 → 17.8.0

package/dist/index.es.js

@@ -1,343 +1,234 @@
-import * as React from 'react';
-import { useCallback, useState } from 'react';
-import zipcelx from 'zipcelx';
-import { formatColumnIdToHeaderCellLabel, createGroupConfigAndIdsForRows } from '@stenajs-webui/grid';
-import { flatten } from 'lodash';
-import { format } from 'date-fns';
-import { FlatButton } from '@stenajs-webui/elements';
-import { faFileDownload } from '@fortawesome/free-solid-svg-icons/faFileDownload';
-import * as clipboard from 'clipboard-polyfill';
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-var transformTableHeaders$1 = function (config, groupConfigs) {
-    return flatten(groupConfigs.map(function (groupConfig) {
-        return groupConfig.columnOrder.map(function (columnId) {
-            var _a;
-            var columnConfig = config.columns[columnId];
-            return {
-                type: "string",
-                value: (_a = columnConfig.columnLabel) !== null && _a !== void 0 ? _a : formatColumnIdToHeaderCellLabel(String(columnId)),
-            };
-        });
-    }));
-};
-var transformGroupHeaders$1 = function (groupConfigs) {
-    return flatten(groupConfigs.map(function (groupConfig) {
-        return groupConfig.columnOrder.map(function (_, index) {
-            var _a;
-            return {
-                type: "string",
-                value: index === 0 ? (_a = groupConfig.label) !== null && _a !== void 0 ? _a : "" : "",
-            };
-        });
-    }));
+(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import { useCallback, useState } from "react";
+import zipcelx from "zipcelx";
+import { formatColumnIdToHeaderCellLabel, createGroupConfigAndIdsForRows } from "@stenajs-webui/grid";
+import { flatten } from "lodash";
+import { format } from "date-fns";
+import { FlatButton } from "@stenajs-webui/elements";
+import { faFileDownload } from "@fortawesome/free-solid-svg-icons/faFileDownload";
+import { jsx } from "react/jsx-runtime";
+import * as clipboard from "clipboard-polyfill";
+const transformTableHeaders$1 = (config, groupConfigs) => {
+  return flatten(groupConfigs.map((groupConfig) => groupConfig.columnOrder.map((columnId) => {
+    var _a;
+    const columnConfig = config.columns[columnId];
+    return {
+      type: "string",
+      value: (_a = columnConfig.columnLabel) != null ? _a : formatColumnIdToHeaderCellLabel(String(columnId))
+    };
+  })));
+};
+const transformGroupHeaders$1 = (groupConfigs) => {
+  return flatten(groupConfigs.map((groupConfig) => groupConfig.columnOrder.map((_, index) => {
+    var _a;
+    return {
+      type: "string",
+      value: index === 0 ? (_a = groupConfig.label) != null ? _a : "" : ""
+    };
+  })));
+};
+const transformItemToCell$1 = (item, itemValueResolver, itemLabelFormatter, formatter) => {
+  if (formatter) {
+    return createCell$1(formatter(item));
+  }
+  const value = itemValueResolver(item);
+  if (itemLabelFormatter) {
+    const label = itemLabelFormatter == null ? void 0 : itemLabelFormatter(value, item);
+    return createCell$1(label);
+  }
+  if (typeof value === "number" || typeof value === "string") {
+    return createCell$1(value);
+  }
+  if (typeof value === "boolean") {
+    return createCell$1(value ? "Y" : "");
+  }
+  if (value instanceof Date) {
+    return createCell$1(format(value, "yyyy-MM-dd HH:mm"));
+  }
+  if (value == null) {
+    return createCell$1("");
+  }
+  return createCell$1(String(value));
+};
+const createCell$1 = (value) => {
+  const type = typeof value === "number" ? "number" : "string";
+  return {
+    type,
+    value
+  };
+};
+const transformTableRow$1 = (item, config, groupConfigs, formatters) => {
+  return flatten(groupConfigs.map((groupConfig) => groupConfig.columnOrder.map((columnId) => transformCell$1(item, columnId, config, formatters))));
+};
+const transformCell$1 = (item, columnId, config, formatters) => {
+  const columnConfig = config.columns[columnId];
+  const formatter = formatters == null ? void 0 : formatters[columnId];
+  return transformItemToCell$1(item, columnConfig.itemValueResolver, columnConfig.itemLabelFormatter, formatter);
+};
+const createZipcelxConfig = (filename, config, items, formatters) => {
+  const groupConfigsAndIds = createGroupConfigAndIdsForRows("columnGroups" in config ? config.columnGroups : void 0, "columnGroupOrder" in config ? config.columnGroupOrder : void 0, "columnOrder" in config ? config.columnOrder : void 0);
+  const headerRows = [];
+  const groupConfigs = groupConfigsAndIds.map((p) => p.groupConfig);
+  if ("columnGroups" in config) {
+    headerRows.push(transformGroupHeaders$1(groupConfigs));
+  }
+  headerRows.push(transformTableHeaders$1(config, groupConfigs));
+  return {
+    filename,
+    sheet: {
+      data: [
+        ...headerRows,
+        ...items.map((item) => transformTableRow$1(item, config, groupConfigs, formatters))
+      ]
+    }
+  };
+};
+const downloadExcelForStandardTable = async (filename, config, items, formatters) => {
+  const excelConfig = createZipcelxConfig(filename, config, items, formatters);
+  await zipcelx(excelConfig);
 };
-
-var transformItemToCell$1 = function (item, itemValueResolver, itemLabelFormatter, formatter) {
-    if (formatter) {
-        return createCell$1(formatter(item));
-    }
-    var value = itemValueResolver(item);
-    if (itemLabelFormatter) {
-        var label = itemLabelFormatter === null || itemLabelFormatter === void 0 ? void 0 : itemLabelFormatter(value, item);
-        return createCell$1(label);
-    }
-    if (typeof value === "number" || typeof value === "string") {
-        return createCell$1(value);
-    }
-    if (typeof value === "boolean") {
-        return createCell$1(value ? "Y" : "");
-    }
-    if (value instanceof Date) {
-        return createCell$1(format(value, "yyyy-MM-dd HH:mm"));
-    }
-    if (value == null) {
-        return createCell$1("");
-    }
-    return createCell$1(String(value));
-};
-var createCell$1 = function (value) {
-    var type = typeof value === "number" ? "number" : "string";
-    return {
-        type: type,
-        value: value,
-    };
+const StandardTableExcelExportButton = function StandardTableExcelExportButton2({
+  config,
+  size,
+  items,
+  filename = "exported-spreadsheet",
+  formatters
+}) {
+  const onClickExportExcel = useCallback(async () => {
+    if (items && items.length) {
+      await downloadExcelForStandardTable(filename, config, items, formatters);
+    }
+  }, [config, items, filename, formatters]);
+  return /* @__PURE__ */ jsx(FlatButton, {
+    size,
+    leftIcon: faFileDownload,
+    onClick: onClickExportExcel,
+    disabled: !items || !items.length
+  });
 };
-
-var transformTableRow$1 = function (item, config, groupConfigs, formatters) {
-    return flatten(groupConfigs.map(function (groupConfig) {
-        return groupConfig.columnOrder.map(function (columnId) {
-            return transformCell$1(item, columnId, config, formatters);
-        });
-    }));
-};
-var transformCell$1 = function (item, columnId, config, formatters) {
-    var columnConfig = config.columns[columnId];
-    var formatter = formatters === null || formatters === void 0 ? void 0 : formatters[columnId];
-    return transformItemToCell$1(item, columnConfig.itemValueResolver, columnConfig.itemLabelFormatter, formatter);
+const transformJustifyContentToTextAlign = (justifyContent) => {
+  switch (justifyContent == null ? void 0 : justifyContent.toLowerCase()) {
+    case "left":
+    case "start":
+    case "flex-start":
+      return "text-align: left";
+    case "right":
+    case "end":
+    case "flex-end":
+      return "text-align: right";
+    case "center":
+      return "text-align: center";
+    default:
+      return void 0;
+  }
 };
-
-var createZipcelxConfig = function (filename, config, items, formatters) {
-    var groupConfigsAndIds = createGroupConfigAndIdsForRows("columnGroups" in config ? config.columnGroups : undefined, "columnGroupOrder" in config ? config.columnGroupOrder : undefined, "columnOrder" in config ? config.columnOrder : undefined);
-    var headerRows = [];
-    var groupConfigs = groupConfigsAndIds.map(function (p) { return p.groupConfig; });
-    if ("columnGroups" in config) {
-        headerRows.push(transformGroupHeaders$1(groupConfigs));
-    }
-    headerRows.push(transformTableHeaders$1(config, groupConfigs));
-    return {
-        filename: filename,
-        sheet: {
-            data: __spreadArray(__spreadArray([], headerRows, true), items.map(function (item) {
-                return transformTableRow$1(item, config, groupConfigs, formatters);
-            }), true),
-        },
-    };
+const transformTableHeaders = (config, groupConfigs) => {
+  return flatten(groupConfigs.map((groupConfig) => groupConfig.columnOrder.map((columnId) => {
+    var _a, _b;
+    const columnConfig = config.columns[columnId];
+    if (columnConfig.justifyContentHeader) {
+      const styleProperty = transformJustifyContentToTextAlign(columnConfig.justifyContentHeader);
+      return `<th${styleProperty ? ' style="' + styleProperty + '"' : ""}>${(_a = columnConfig.columnLabel) != null ? _a : formatColumnIdToHeaderCellLabel(String(columnId))}</th>`;
+    }
+    return `<th>${(_b = columnConfig.columnLabel) != null ? _b : formatColumnIdToHeaderCellLabel(String(columnId))}</th>`;
+  })));
 };
-
-var downloadExcelForStandardTable = function (filename, config, items, formatters) { return __awaiter(void 0, void 0, void 0, function () {
-    var excelConfig;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                excelConfig = createZipcelxConfig(filename, config, items, formatters);
-                return [4 /*yield*/, zipcelx(excelConfig)];
-            case 1:
-                _a.sent();
-                return [2 /*return*/];
-        }
-    });
-}); };
-
-var StandardTableExcelExportButton = function StandardTableExcelExportButton(_a) {
-    var _this = this;
-    var config = _a.config, size = _a.size, items = _a.items, _b = _a.filename, filename = _b === void 0 ? "exported-spreadsheet" : _b, formatters = _a.formatters;
-    var onClickExportExcel = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!(items && items.length)) return [3 /*break*/, 2];
-                    return [4 /*yield*/, downloadExcelForStandardTable(filename, config, items, formatters)];
-                case 1:
-                    _a.sent();
-                    _a.label = 2;
-                case 2: return [2 /*return*/];
-            }
-        });
-    }); }, [config, items, filename, formatters]);
-    return (React.createElement(FlatButton, { size: size, leftIcon: faFileDownload, onClick: onClickExportExcel, disabled: !items || !items.length }));
+const transformGroupHeaders = (groupConfigs) => {
+  return flatten(groupConfigs.map((groupConfig) => {
+    var _a;
+    return `<th style="text-align: left" colspan="${groupConfig.columnOrder.length}">${(_a = groupConfig.label) != null ? _a : ""}</th>`;
+  }));
 };
-
-var transformJustifyContentToTextAlign = function (justifyContent) {
-    switch (justifyContent === null || justifyContent === void 0 ? void 0 : justifyContent.toLowerCase()) {
-        case "left":
-        case "start":
-        case "flex-start":
-            return "text-align: left";
-        case "right":
-        case "end":
-        case "flex-end":
-            return "text-align: right";
-        case "center":
-            return "text-align: center";
-        default:
-            return undefined;
-    }
+const transformItemToCell = (item, itemValueResolver, justifyContentCell, itemLabelFormatter, formatter) => {
+  if (formatter) {
+    return createCell(formatter(item), justifyContentCell);
+  }
+  const value = itemValueResolver(item);
+  if (itemLabelFormatter) {
+    const label = itemLabelFormatter == null ? void 0 : itemLabelFormatter(value, item);
+    return createCell(label, justifyContentCell);
+  }
+  if (typeof value === "number" || typeof value === "string") {
+    return createCell(value, justifyContentCell);
+  }
+  if (typeof value === "boolean") {
+    return createCell(value ? "Y" : "", justifyContentCell);
+  }
+  if (value instanceof Date) {
+    return createCell(format(value, "yyyy-MM-dd HH:mm"), justifyContentCell);
+  }
+  if (value == null) {
+    return createCell("", justifyContentCell);
+  }
+  return createCell(String(value), justifyContentCell);
 };
-
-var transformTableHeaders = function (config, groupConfigs) {
-    return flatten(groupConfigs.map(function (groupConfig) {
-        return groupConfig.columnOrder.map(function (columnId) {
-            var _a, _b;
-            var columnConfig = config.columns[columnId];
-            if (columnConfig.justifyContentHeader) {
-                var styleProperty = transformJustifyContentToTextAlign(columnConfig.justifyContentHeader);
-                return "<th".concat(styleProperty ? ' style="' + styleProperty + '"' : "", ">").concat((_a = columnConfig.columnLabel) !== null && _a !== void 0 ? _a : formatColumnIdToHeaderCellLabel(String(columnId)), "</th>");
-            }
-            return "<th>".concat((_b = columnConfig.columnLabel) !== null && _b !== void 0 ? _b : formatColumnIdToHeaderCellLabel(String(columnId)), "</th>");
-        });
-    }));
-};
-var transformGroupHeaders = function (groupConfigs) {
-    return flatten(groupConfigs.map(function (groupConfig) {
-        var _a;
-        return "<th style=\"text-align: left\" colspan=\"".concat(groupConfig.columnOrder.length, "\">").concat((_a = groupConfig.label) !== null && _a !== void 0 ? _a : "", "</th>");
-    }));
+const createCell = (value, justifyContentCell) => {
+  if (justifyContentCell) {
+    const styleProperty = transformJustifyContentToTextAlign(justifyContentCell);
+    return `<td${styleProperty ? ' style="' + styleProperty + '"' : ""}>${value}</td>`;
+  }
+  return `<td>${value}</td>`;
 };
-
-var transformItemToCell = function (item, itemValueResolver, justifyContentCell, itemLabelFormatter, formatter) {
-    if (formatter) {
-        return createCell(formatter(item), justifyContentCell);
-    }
-    var value = itemValueResolver(item);
-    if (itemLabelFormatter) {
-        var label = itemLabelFormatter === null || itemLabelFormatter === void 0 ? void 0 : itemLabelFormatter(value, item);
-        return createCell(label, justifyContentCell);
-    }
-    if (typeof value === "number" || typeof value === "string") {
-        return createCell(value, justifyContentCell);
-    }
-    if (typeof value === "boolean") {
-        return createCell(value ? "Y" : "", justifyContentCell);
-    }
-    if (value instanceof Date) {
-        return createCell(format(value, "yyyy-MM-dd HH:mm"), justifyContentCell);
-    }
-    if (value == null) {
-        return createCell("", justifyContentCell);
-    }
-    return createCell(String(value), justifyContentCell);
-};
-var createCell = function (value, justifyContentCell) {
-    if (justifyContentCell) {
-        var styleProperty = transformJustifyContentToTextAlign(justifyContentCell);
-        return "<td".concat(styleProperty ? ' style="' + styleProperty + '"' : "", ">").concat(value, "</td>");
-    }
-    return "<td>".concat(value, "</td>");
+const transformTableRow = (item, config, groupConfigs, formatters) => {
+  return flatten(groupConfigs.map((groupConfig) => groupConfig.columnOrder.map((columnId) => transformCell(item, columnId, config, formatters)))).join("");
 };
-
-var transformTableRow = function (item, config, groupConfigs, formatters) {
-    return flatten(groupConfigs.map(function (groupConfig) {
-        return groupConfig.columnOrder.map(function (columnId) {
-            return transformCell(item, columnId, config, formatters);
-        });
-    })).join("");
-};
-var transformCell = function (item, columnId, config, formatters) {
-    var columnConfig = config.columns[columnId];
-    var formatter = formatters === null || formatters === void 0 ? void 0 : formatters[columnId];
-    return transformItemToCell(item, columnConfig.itemValueResolver, columnConfig.justifyContentCell, columnConfig.itemLabelFormatter, formatter);
+const transformCell = (item, columnId, config, formatters) => {
+  const columnConfig = config.columns[columnId];
+  const formatter = formatters == null ? void 0 : formatters[columnId];
+  return transformItemToCell(item, columnConfig.itemValueResolver, columnConfig.justifyContentCell, columnConfig.itemLabelFormatter, formatter);
 };
-
-var createHtmlConfig = function (config, items, formatters) {
-    var groupConfigsAndIds = createGroupConfigAndIdsForRows("columnGroups" in config ? config.columnGroups : undefined, "columnGroupOrder" in config ? config.columnGroupOrder : undefined, "columnOrder" in config ? config.columnOrder : undefined);
-    var headerRows = [];
-    var groupConfigs = groupConfigsAndIds.map(function (p) { return p.groupConfig; });
-    if ("columnGroups" in config) {
-        headerRows.push(transformGroupHeaders(groupConfigs).join(""));
-    }
-    headerRows.push(transformTableHeaders(config, groupConfigs).join(""));
-    var header = "<thead>".concat(headerRows
-        .map(function (headerRow) { return "<tr>".concat(headerRow, "</tr>"); })
-        .join(""), "</thead>");
-    var tbodyRows = items
-        .map(function (item) { return transformTableRow(item, config, groupConfigs, formatters); })
-        .map(function (row) { return "<tr>".concat(row, "</tr>"); });
-    var body = "<tbody>".concat(tbodyRows.join(""), "</tbody>");
-    return "<table>".concat(header).concat(body, "</table>");
+const createHtmlConfig = (config, items, formatters) => {
+  const groupConfigsAndIds = createGroupConfigAndIdsForRows("columnGroups" in config ? config.columnGroups : void 0, "columnGroupOrder" in config ? config.columnGroupOrder : void 0, "columnOrder" in config ? config.columnOrder : void 0);
+  const headerRows = [];
+  const groupConfigs = groupConfigsAndIds.map((p) => p.groupConfig);
+  if ("columnGroups" in config) {
+    headerRows.push(transformGroupHeaders(groupConfigs).join(""));
+  }
+  headerRows.push(transformTableHeaders(config, groupConfigs).join(""));
+  const header = `<thead>${headerRows.map((headerRow) => `<tr>${headerRow}</tr>`).join("")}</thead>`;
+  const tbodyRows = items.map((item) => transformTableRow(item, config, groupConfigs, formatters)).map((row) => `<tr>${row}</tr>`);
+  const body = `<tbody>${tbodyRows.join("")}</tbody>`;
+  return `<table>${header}${body}</table>`;
 };
-
-var renderHtmlForStandardTable = function (config, items, formatters) {
-    return createHtmlConfig(config, items, formatters);
+const renderHtmlForStandardTable = (config, items, formatters) => {
+  return createHtmlConfig(config, items, formatters);
 };
-
-function copyContentToClipboard(items, config, formatters, renderContent) {
-    return __awaiter(this, void 0, void 0, function () {
-        var htmlToCopy, item;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    htmlToCopy = "";
-                    if (items && items.length) {
-                        htmlToCopy = renderHtmlForStandardTable(config, items, formatters);
-                    }
-                    if (renderContent) {
-                        htmlToCopy = renderContent(htmlToCopy);
-                    }
-                    if (!htmlToCopy) return [3 /*break*/, 2];
-                    item = new clipboard.ClipboardItem({
-                        "text/html": new Blob([htmlToCopy], { type: "text/html" }),
-                    });
-                    return [4 /*yield*/, clipboard.write([item])];
-                case 1:
-                    _a.sent();
-                    _a.label = 2;
-                case 2: return [2 /*return*/];
-            }
-        });
-    });
+async function copyContentToClipboard(items, config, formatters, renderContent) {
+  let htmlToCopy = "";
+  if (items && items.length) {
+    htmlToCopy = renderHtmlForStandardTable(config, items, formatters);
+  }
+  if (renderContent) {
+    htmlToCopy = renderContent(htmlToCopy);
+  }
+  if (htmlToCopy) {
+    const item = new clipboard.ClipboardItem({
+      "text/html": new Blob([htmlToCopy], { type: "text/html" })
+    });
+    await clipboard.write([item]);
+  }
 }
-
-function StandardTableHtmlCopyToClipboardButton(_a) {
-    var _this = this;
-    var config = _a.config, renderContent = _a.renderContent, size = _a.size, items = _a.items, formatters = _a.formatters, _b = _a.label, label = _b === void 0 ? "Copy to clipboard" : _b, _c = _a.labelAfterCopy, labelAfterCopy = _c === void 0 ? "Content copied!" : _c, _d = _a.numTimeToRevertLabel, numTimeToRevertLabel = _d === void 0 ? 2000 : _d;
-    var _e = useState(false), contentCopied = _e[0], setContentCopied = _e[1];
-    var onClickExportHtml = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, copyContentToClipboard(items, config, formatters, renderContent)];
-                case 1:
-                    _a.sent();
-                    setContentCopied(true);
-                    setTimeout(function () { return setContentCopied(false); }, numTimeToRevertLabel);
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [config, items, formatters, numTimeToRevertLabel, renderContent]);
-    return (React.createElement(FlatButton, { size: size, onClick: onClickExportHtml, disabled: !items || !items.length, label: contentCopied ? labelAfterCopy : label }));
+function StandardTableHtmlCopyToClipboardButton({
+  config,
+  renderContent,
+  size,
+  items,
+  formatters,
+  label = "Copy to clipboard",
+  labelAfterCopy = "Content copied!",
+  numTimeToRevertLabel = 2e3
+}) {
+  const [contentCopied, setContentCopied] = useState(false);
+  const onClickExportHtml = useCallback(async () => {
+    await copyContentToClipboard(items, config, formatters, renderContent);
+    setContentCopied(true);
+    setTimeout(() => setContentCopied(false), numTimeToRevertLabel);
+  }, [config, items, formatters, numTimeToRevertLabel, renderContent]);
+  return /* @__PURE__ */ jsx(FlatButton, {
+    size,
+    onClick: onClickExportHtml,
+    disabled: !items || !items.length,
+    label: contentCopied ? labelAfterCopy : label
+  });
 }
-
 export { StandardTableExcelExportButton, StandardTableHtmlCopyToClipboardButton, createHtmlConfig, createZipcelxConfig, downloadExcelForStandardTable };
 //# sourceMappingURL=index.es.js.map