Merge pull request #121 from abhishek-butola/master

add parseRaw parameter

Author: JulitorK

src/ReactSpreadsheetImport.tsx

@@ -17,7 +17,8 @@ export const defaultRSIProps: Partial<RsiProps<any>> = {
   uploadStepHook: async (value) => value,
   selectHeaderStepHook: async (headerValues, data) => ({ headerValues, data }),
   matchColumnsStepHook: async (table) => table,
-  dateFormat: "yyyy-mm-dd", // ISO 8601
+  dateFormat: "yyyy-mm-dd", // ISO 8601,
+  parseRaw: false,
 } as const
 
 export const ReactSpreadsheetImport = <T extends string>(props: RsiProps<T>) => {

src/steps/UploadStep/components/DropZone.tsx

@@ -13,7 +13,7 @@ type DropZoneProps = {
 }
 
 export const DropZone = ({ onContinue, isLoading }: DropZoneProps) => {
-  const { translations, maxFileSize, dateFormat } = useRsi()
+  const { translations, maxFileSize, dateFormat, parseRaw } = useRsi()
   const styles = useStyleConfig("UploadStep") as typeof themeOverrides["components"]["UploadStep"]["baseStyle"]
   const toast = useToast()
   const [loading, setLoading] = useState(false)
@@ -39,7 +39,7 @@ export const DropZone = ({ onContinue, isLoading }: DropZoneProps) => {
     onDrop: async ([file]) => {
       setLoading(true)
       const arrayBuffer = await readFileAsync(file)
-      const workbook = XLSX.read(arrayBuffer, { cellDates: true, dateNF: dateFormat })
+      const workbook = XLSX.read(arrayBuffer, { cellDates: true, dateNF: dateFormat, raw: parseRaw })
       setLoading(false)
       onContinue(workbook)
     },

src/types.ts

@@ -41,6 +41,8 @@ export type RsiProps<T extends string> = {
   initialStepState?: StepState
   // Date format to use e.g. "yyyy-mm-dd hh:mm:ss", "m/d/yy h:mm", 'mmm-yy', etc.
   dateFormat?: string
+  //Skips parsing of values e.g. date
+  parseRaw?: boolean
 }
 
 export type RawData = Array<string | undefined>