@corbe30/fortune-excel 2.1.1 → 2.1.2

package/.github/workflows/publish.yml

@@ -17,7 +17,6 @@ jobs:
           node-version: "20.x"
           registry-url: "https://registry.npmjs.org"
       - run: npm ci
-      - run: npm run build
       - run: npm publish --tag latest --provenance --access public
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/dist/ToExcel/ExportHelper.d.ts

@@ -1,3 +1,10 @@
 import React from "react";
-import "./style.css";
-export declare const ExportHelper: (props: any) => React.JSX.Element;
+interface ExportHelperProps {
+    sheetRef: React.RefObject<any>;
+    config: {
+        xlsx?: boolean;
+        csv?: boolean;
+    };
+}
+export declare const ExportHelper: React.FC<ExportHelperProps>;
+export {};

package/dist/ToExcel/ExportHelper.js

@@ -5,11 +5,39 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExportHelper = void 0;
 var react_1 = __importDefault(require("react"));
-require("./style.css");
 var Transform_1 = require("../common/Transform");
 var ICommon_1 = require("../common/ICommon");
+var exportHelperStyle = {
+    display: "flex",
+    flexDirection: "column",
+    visibility: "hidden",
+    backgroundColor: "#fff",
+    color: "#000",
+    textAlign: "start",
+    borderRadius: "4px",
+    fontSize: "12px",
+    position: "absolute",
+    zIndex: 26,
+    top: "40px",
+    whiteSpace: "nowrap",
+    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.35)",
+    left: "50px",
+};
+var unstyledButtonStyle = {
+    width: "100%",
+    background: "none",
+    border: "none",
+    margin: 0,
+    font: "inherit",
+    color: "inherit",
+    cursor: "pointer",
+    padding: "6px 12px",
+    outline: "none",
+    fontFamily: "Arial, Helvetica, sans-serif",
+    textAlign: "left",
+};
 var getExportButton = function (fileType, onClick) {
-    return (react_1.default.createElement("button", { className: "unstyled-button", onClick: function () { return onClick(fileType); } },
+    return (react_1.default.createElement("button", { style: unstyledButtonStyle, onMouseEnter: function (e) { return (e.currentTarget.style.backgroundColor = "#ededed"); }, onMouseLeave: function (e) { return (e.currentTarget.style.backgroundColor = "#fff"); }, onClick: function () { return onClick(fileType); } },
         "Export as .",
         fileType.toLowerCase()));
 };
@@ -17,13 +45,14 @@ var ExportHelper = function (props) {
     var sheetRef = props.sheetRef, config = props.config;
     var onMouseLeave = function () {
         var exportHelper = document.querySelector(".export-helper");
-        exportHelper.style.visibility = "hidden";
+        if (exportHelper)
+            exportHelper.style.visibility = "hidden";
     };
     var onClick = function (fileType) {
         (0, Transform_1.transformFortuneToExcel)(sheetRef.current, fileType);
         onMouseLeave();
     };
-    return (react_1.default.createElement("div", { className: "export-helper", onMouseLeave: onMouseLeave },
+    return (react_1.default.createElement("div", { className: "export-helper", style: exportHelperStyle, onMouseLeave: onMouseLeave },
         config.xlsx ? getExportButton(ICommon_1.IFileType.XLSX, onClick) : null,
         config.csv ? getExportButton(ICommon_1.IFileType.CSV, onClick) : null));
 };

package/package.json

@@ -3,7 +3,7 @@
   "workspaces": [
     "src/*"
   ],
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "An Excel import/export import library for FortuneSheet",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -32,10 +32,8 @@
     "@storybook/react-webpack5": "^7.3.2",
     "@storybook/test": "^7.6.12",
     "@types/node": "^20.11.16",
-    "copyfiles": "^2.4.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rimraf": "^6.1.0",
     "storybook": "^7.6.16",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^5.3.3"
@@ -49,9 +47,6 @@
   },
   "scripts": {
     "prepare": "tsc",
-    "clean": "rimraf dist/",
-    "copy-files": "copyfiles -u 1 src/**/*.html src/**/*.css dist/",
-    "build": "npm run clean && tsc && npm run copy-files",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   }

package/dist/ToExcel/style.css

@@ -1,33 +0,0 @@
-.export-helper {
-    display: flex;
-    flex-direction: column;
-    visibility: hidden;
-    background-color: #fff;
-    color: #000;
-    text-align: start;
-    border-radius: 4px;
-    font-size: 12px;
-    position: absolute;
-    z-index: 26;
-    top: 40px;
-    white-space: nowrap;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
-    left: 50px;
-}
-
-.unstyled-button {
-    width: 100%;
-    background: none;
-    border: none;
-    margin: 0;
-    font: inherit;
-    color: inherit;
-    cursor: pointer;
-    padding: 6px 12px 6px 12px;
-    outline: none;
-    font-family: Arial, Helvetica, sans-serif;
-}
-
-.unstyled-button:hover {
-    background-color: #ededed;
-}