Move xlsx to npm

Author: masiulis

package-lock.json

@@ -62,7 +62,7 @@
     "react-dropzone": "14.2.3",
     "react-icons": "4.8.0",
     "uuid": "^9.0.0",
-    "xlsx": "https://cdn.sheetjs.com/xlsx-0.19.3/xlsx-0.19.3.tgz"
+    "xlsx-ugnis": "0.19.3"
   },
   "devDependencies": {
     "@babel/core": "7.21.8",

package.json

@@ -1,6 +1,6 @@
 import { useCallback, useState } from "react"
 import { Progress, useToast } from "@chakra-ui/react"
-import type XLSX from "xlsx"
+import type XLSX from "xlsx-ugnis"
 import { UploadStep } from "./UploadStep/UploadStep"
 import { SelectHeaderStep } from "./SelectHeaderStep/SelectHeaderStep"
 import { SelectSheetStep } from "./SelectSheetStep/SelectSheetStep"

src/steps/UploadFlow.tsx

@@ -1,4 +1,4 @@
-import type XLSX from "xlsx"
+import type XLSX from "xlsx-ugnis"
 import { Box, Heading, ModalBody, Text, useStyleConfig } from "@chakra-ui/react"
 import { DropZone } from "./components/DropZone"
 import { useRsi } from "../../hooks/useRsi"

src/steps/UploadStep/UploadStep.tsx

@@ -1,6 +1,6 @@
 import { Box, Button, Text, useStyleConfig, useToast } from "@chakra-ui/react"
 import { useDropzone } from "react-dropzone"
-import * as XLSX from "xlsx"
+import * as XLSX from "xlsx-ugnis"
 import { useState } from "react"
 import { getDropZoneBorder } from "../utils/getDropZoneBorder"
 import { useRsi } from "../../../hooks/useRsi"

src/steps/UploadStep/components/DropZone.tsx

@@ -1,4 +1,4 @@
-import type XLSX from "xlsx"
+import type XLSX from "xlsx-ugnis"
 
 export const exceedsMaxRecords = (workSheet: XLSX.WorkSheet, maxRecords: number) => {
   const [top, bottom] = workSheet["!ref"]?.split(":").map((position) => parseInt(position.replace(/\D/g, ""), 10)) || []

src/utils/exceedsMaxRecords.ts

@@ -1,4 +1,4 @@
-import * as XLSX from "xlsx"
+import * as XLSX from "xlsx-ugnis"
 
 export const mapWorkbook = (workbook: XLSX.WorkBook, sheetName?: string) => {
   const worksheet = workbook.Sheets[sheetName || workbook.SheetNames[0]]