@corbe30/fortune-excel 2.1.1 → 2.2.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/README.md

@@ -53,6 +53,22 @@ You can check the example in [Storybook](https://github.com/Corbe30/FortuneExcel
     }
     ```
 
+3. You can programmatically import/export as well:
+    ```js
+    import { transformFortuneToExcel } from "@corbe30/fortune-excel";
+
+    const manualExport = async () => {
+      const exportedFile = await transformFortuneToExcel(
+        sheetRef.current,
+        "xlsx", // or "csv"; default = "xlsx"
+        true // if you want to start automatic download; default = true
+      );
+      console.log("Exported file data:", exportedFile);
+    };
+
+    <button onClick={manualExport}>Try Manual Export!</button>
+    ```
+
 ## Authors and acknowledgment
 
 - [@Corbe30](https://github.com/Corbe30)

package/dist/ToExcel/ExcelFile.d.ts

@@ -1,2 +1,2 @@
 import { IFileType } from "../common/ICommon";
-export declare function exportSheetExcel(luckysheetRef: any, fileType: IFileType): Promise<void>;
+export declare function exportSheetExcel(luckysheetRef: any, fileType: IFileType, download?: boolean): Promise<Blob>;

package/dist/ToExcel/ExcelFile.js

@@ -72,7 +72,8 @@ var ExcelBorder_1 = require("./ExcelBorder");
 var ExcelValidation_1 = require("./ExcelValidation");
 var ExcelConfig_1 = require("./ExcelConfig");
 var ICommon_1 = require("../common/ICommon");
-function exportSheetExcel(luckysheetRef, fileType) {
+function exportSheetExcel(luckysheetRef, fileType, download) {
+    if (download === void 0) { download = true; }
     return __awaiter(this, void 0, void 0, function () {
         var luckysheet, workbook, fileData, buffer, buffer;
         return __generator(this, function (_a) {
@@ -105,8 +106,9 @@ function exportSheetExcel(luckysheetRef, fileType) {
                     fileData = new Blob([buffer]);
                     _a.label = 4;
                 case 4:
-                    fileSaver.saveAs(fileData, "".concat(luckysheetRef.getSheet().name, ".").concat(fileType));
-                    return [2 /*return*/];
+                    if (download)
+                        fileSaver.saveAs(fileData, "".concat(luckysheetRef.getSheet().name, ".").concat(fileType));
+                    return [2 /*return*/, fileData];
             }
         });
     });

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);
+        (0, Transform_1.transformFortuneToExcel)(sheetRef.current, fileType, true);
         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/dist/common/Transform.d.ts

@@ -1,3 +1,3 @@
 import { IFileType } from "./ICommon";
 export declare const transformExcelToFortune: (e: any, setSheets: any, setKey: any, sheetRef: any) => Promise<void>;
-export declare const transformFortuneToExcel: (luckysheetRef: any, fileType: IFileType) => Promise<void>;
+export declare const transformFortuneToExcel: (luckysheetRef: any, fileType?: IFileType, download?: boolean) => Promise<Blob>;

package/dist/common/Transform.js

@@ -63,6 +63,7 @@ exports.transformFortuneToExcel = exports.transformExcelToFortune = void 0;
 var FortuneFile_1 = require("../ToFortuneSheet/FortuneFile");
 var HandleZip_1 = require("../ToFortuneSheet/HandleZip");
 var ExcelFile_1 = require("../ToExcel/ExcelFile");
+var ICommon_1 = require("./ICommon");
 var ExcelJS = __importStar(require("exceljs"));
 var convertCsvToExcel = function (file) { return __awaiter(void 0, void 0, void 0, function () {
     var csvText, rows, workbook, worksheet, buffer;
@@ -125,14 +126,19 @@ var transformExcelToFortune = function (e, setSheets, setKey, sheetRef) { return
     });
 }); };
 exports.transformExcelToFortune = transformExcelToFortune;
-var transformFortuneToExcel = function (luckysheetRef, fileType) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, (0, ExcelFile_1.exportSheetExcel)(luckysheetRef, fileType)];
-            case 1:
-                _a.sent();
-                return [2 /*return*/];
-        }
+var transformFortuneToExcel = function (luckysheetRef, fileType, download) {
+    if (fileType === void 0) { fileType = ICommon_1.IFileType.XLSX; }
+    if (download === void 0) { download = true; }
+    return __awaiter(void 0, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (0, ExcelFile_1.exportSheetExcel)(luckysheetRef, fileType, download)];
+                case 1:
+                    result = _a.sent();
+                    return [2 /*return*/, result];
+            }
+        });
     });
-}); };
+};
 exports.transformFortuneToExcel = transformFortuneToExcel;

package/dist/main.d.ts

@@ -1,2 +1,3 @@
 export * from "./common/ToolbarItem";
 export * from "./common/FortuneExcelHelper";
+export * from "./common/Transform";

package/dist/main.js

@@ -16,3 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./common/ToolbarItem"), exports);
 __exportStar(require("./common/FortuneExcelHelper"), exports);
+__exportStar(require("./common/Transform"), exports);

package/package.json

@@ -3,7 +3,7 @@
   "workspaces": [
     "src/*"
   ],
-  "version": "2.1.1",
+  "version": "2.2.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;
-}