fuse-importer 0.0.1-testing → 0.0.2-testing

package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.js

@@ -16,7 +16,6 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDropzone } from "react-dropzone";
 import styled, { css } from "styled-components";
-import * as XLSX from "xlsx";
 import { useUploaderContext } from "../UploaderContextProvider";
 import { useImporterContext } from "../../contexts/ImporterContextProvider";
 import { Div } from "../../../styled/utils";
@@ -25,6 +24,7 @@ import { addToast } from "../../../common/Toast";
 import { Button } from "../../../common/buttons";
 import { DragAndDropSvg, UploadIndicatorSvg } from "./backgrounds";
 import { useTranslation } from "react-i18next";
+import Papa from "papaparse";
 var DragAndDropCard = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 8px;\n  margin-right: ", ";\n  width: 100%;\n  height: 100%;\n  display: flex;\n  background: ", ";\n  border: 1px dashed ", ";\n\n  @media (max-width: 1050px) {\n    padding: 24px;\n    width: auto;\n  }\n\n  ", "\n"], ["\n  border-radius: 8px;\n  margin-right: ", ";\n  width: 100%;\n  height: 100%;\n  display: flex;\n  background: ", ";\n  border: 1px dashed ", ";\n\n  @media (max-width: 1050px) {\n    padding: 24px;\n    width: auto;\n  }\n\n  ", "\n"])), function (props) { return (props.isDragActive ? "-10px" : "revert"); }, theme.colors.white, theme.colors.red50, function (props) {
     return props.isDragActive && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background: ", ";\n      border: 1px solid ", ";\n      justify-content: center;\n    "], ["\n      background: ", ";\n      border: 1px solid ", ";\n      justify-content: center;\n    "])), function (p) { return p.theme.colors.blue100; }, function (p) { return p.theme.colors.blue500; });
 });
@@ -63,14 +63,11 @@ var ImporterDropzone = function () {
                 var _a;
                 var results = event.target.result;
                 var getDataFromFile = function (fileResults) {
-                    var workBook = XLSX.read(fileResults, {
-                        type: "array",
-                        codepage: 65001,
-                        raw: true,
-                    });
-                    var workBookName = workBook.SheetNames[0];
-                    var sheet = workBook.Sheets[workBookName];
-                    return XLSX.utils.sheet_to_json(sheet, { header: 1, raw: false });
+                    var csvString = new TextDecoder().decode(fileResults instanceof ArrayBuffer
+                        ? fileResults
+                        : new TextEncoder().encode(fileResults));
+                    var data = Papa.parse(csvString).data;
+                    return data;
                 };
                 var fileData = getDataFromFile(results);
                 var headersCount = (_a = fileData[0]) === null || _a === void 0 ? void 0 : _a.length;
@@ -85,7 +82,7 @@ var ImporterDropzone = function () {
     var onDropRejected = function (rejectedFiles) {
         var errorMessages = rejectedFiles.map(function (file) {
             if (file.errors[0].code === "file-too-large") {
-                return "Maximum file size is 10MB";
+                return "Maximum file size is 40MB";
             }
             else {
                 return file.errors[0].message;
@@ -103,7 +100,7 @@ var ImporterDropzone = function () {
         noKeyboard: true,
         accept: ".csv, .tsv, .xls, .xlsx",
         maxFiles: 1,
-        maxSize: 10000000,
+        maxSize: 41943040, // 40MB
     }), getRootProps = _b.getRootProps, getInputProps = _b.getInputProps, open = _b.open, isDragActive = _b.isDragActive;
     return (_jsxs(DragAndDropCard, __assign({ isDragActive: isDragActive, centered: true, pRelative: true }, getRootProps(), { children: [_jsx("input", __assign({}, getInputProps())), isDragActive && dropzoneUploadingUI, _jsx(DragAndDropComponent, { openUploadFileDialog: open })] })));
 };

package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/index.d.ts

@@ -32,7 +32,6 @@ type State = {
     filterRecordsByFieldErrors: (filterByColumn: string) => void;
     resetSpreadsheetFilter: () => void;
     recordsWithValuesCount: number;
-    loadNextPage: () => void;
     filteredDataCount: number;
     checkboxColumnWidth: number;
     isFiltering: boolean;

package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/index.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { get } from "lodash";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
-import { getRowId } from "../../../data";
+import { addMeta } from "../../../data";
 import { useValidationState } from "../hooks";
 import { useSpreadsheetFilter, } from "./useSpreadsheetFilter";
 import { filterRecordsByType, filterRecordsByError, filterRecordsBySearchValue, } from "./filterMethods";
@@ -65,18 +65,19 @@ export var SpreadsheetContextProvider = function (_a) {
         onValidateRecord: onValidateRecord,
     }), updateRecordAndRevalidate = _k.updateRecordAndRevalidate, deleteRecords = _k.deleteRecords, warnings = _k.warnings, errors = _k.errors, validationState = __rest(_k, ["updateRecordAndRevalidate", "deleteRecords", "warnings", "errors"]);
     var addNewRowsToSpreadsheet = function () {
-        // addRowTimeoutRef.current = setTimeout(() => {
-        //   let highestRowIndex = -1;
-        //   for (const key in dataSet)
-        //     if (dataSet[key]?._meta?.rowIndex > highestRowIndex)
-        //       highestRowIndex = dataSet[key]._meta.rowIndex;
-        //   const newRow = addMeta({}, highestRowIndex + 1);
-        //   setDataSet((oldValues) => ({
-        //     ...oldValues,
-        //     [newRow._meta.id]: newRow,
-        //   }));
-        //   addRowTimeoutRef.current = null;
-        // }, 300);
+        addRowTimeoutRef.current = setTimeout(function () {
+            var _a, _b;
+            var highestRowIndex = -1;
+            for (var key in dataSet)
+                if (((_b = (_a = dataSet[key]) === null || _a === void 0 ? void 0 : _a._meta) === null || _b === void 0 ? void 0 : _b.rowIndex) > highestRowIndex)
+                    highestRowIndex = dataSet[key]._meta.rowIndex;
+            var newRow = addMeta({}, highestRowIndex + 1);
+            setDataSet(function (oldValues) {
+                var _a;
+                return (__assign(__assign({}, oldValues), (_a = {}, _a[newRow._meta.id] = newRow, _a)));
+            });
+            addRowTimeoutRef.current = null;
+        }, 300);
     };
     var handleDeleteErrors = function (selectedRows) {
         deleteRecords(selectedRows, errors, warnings);
@@ -131,40 +132,14 @@ export var SpreadsheetContextProvider = function (_a) {
             return value !== null && value !== undefined && typeof value !== "object";
         })
             .some(function (value) { return value !== "null" && value !== "undefined"; });
-        // if (hasValueInTheLastObject) {
-        //   addNewRowsToSpreadsheet();
-        // }
+        if (hasValueInTheLastObject) {
+            addNewRowsToSpreadsheet();
+        }
     }, [dataSet]);
     useEffect(function () {
         onValidationStateChanged &&
             onValidationStateChanged(__assign(__assign({}, validationState), { errors: errors, warnings: warnings }));
     }, [validationState, onValidationStateChanged]);
-    var loadNextPage = function () {
-        var recordBase = {
-            date: "12/17/1992",
-            email: "pbonass0@jigsy2.com",
-            name: "testing Bonass",
-        };
-        //  lastRowIndex in dataset values
-        var lastRowIndex = Object.values(dataSet).reduce(function (acc, curr) {
-            if (curr._meta.rowIndex > acc) {
-                return curr._meta.rowIndex;
-            }
-            return acc;
-        }, 0);
-        var newObject = {};
-        // add 10 records to dataSEt based on recordBase (missing _meta)
-        for (var i = 0; i < 500000; i++) {
-            var id = getRowId(lastRowIndex + i + 1);
-            newObject[id] = __assign(__assign({}, recordBase), { _meta: {
-                    id: id,
-                    rowIndex: i,
-                    touched: false,
-                    uploadedRow: ["12/17/1992", "pbonass0@jigsy2.com", "testing Bonass"],
-                } });
-        }
-        setDataSet(function (oldValues) { return (__assign(__assign({}, oldValues), newObject)); });
-    };
     var handleSortByFieldErrors = useCallback(function (field) {
         setSortByFieldErrors(field === sortByFieldErrors ? null : field);
         setSortByFieldWarnings(null);
@@ -190,7 +165,7 @@ export var SpreadsheetContextProvider = function (_a) {
             return updatedData;
         });
     }, [dataSet, dataSnapshot]);
-    var value = __assign(__assign({ data: updatedDataSnapshot, fields: fields, isLoading: isLoading }, validationState), { isReadOnly: isReadOnly, sortByFieldErrors: sortByFieldErrors, sortByFieldWarnings: sortByFieldWarnings, options: options, recordsWithValuesCount: recordsWithValuesCount, filteredDataCount: filteredDataCount, sortBy: sortBy, warnings: warnings, errors: errors, setIsLoading: setIsLoading, loadNextPage: loadNextPage, setSortByFieldErrors: handleSortByFieldErrors, setSortByFieldWarnings: handleSortByFieldWarnings, onValidateRecord: onValidateRecord, updateRecord: updateRecordAndRevalidate, selectedRows: selectedRows, setSelectedRows: setSelectedRows, deleteRecords: handleDeleteErrors, filteredInputValue: filteredInputValue, setFilteredInputValue: setFilteredInputValue, lastClickedIndexRef: lastClickedIndexRef, addNewRowsToSpreadsheet: addNewRowsToSpreadsheet, spreadsheetFilter: spreadsheetFilter, resetSpreadsheetFilter: resetSpreadsheetFilter, filterRecordsByRowType: filterRecordsByRowType, filterRecordsByFieldErrors: filterRecordsByFieldErrors, checkboxColumnWidth: checkboxColumnWidth, setSortBy: setSortBy, isFiltering: isFiltering });
+    var value = __assign(__assign({ data: updatedDataSnapshot, fields: fields, isLoading: isLoading }, validationState), { isReadOnly: isReadOnly, sortByFieldErrors: sortByFieldErrors, sortByFieldWarnings: sortByFieldWarnings, options: options, recordsWithValuesCount: recordsWithValuesCount, filteredDataCount: filteredDataCount, sortBy: sortBy, warnings: warnings, errors: errors, setIsLoading: setIsLoading, setSortByFieldErrors: handleSortByFieldErrors, setSortByFieldWarnings: handleSortByFieldWarnings, onValidateRecord: onValidateRecord, updateRecord: updateRecordAndRevalidate, selectedRows: selectedRows, setSelectedRows: setSelectedRows, deleteRecords: handleDeleteErrors, filteredInputValue: filteredInputValue, setFilteredInputValue: setFilteredInputValue, lastClickedIndexRef: lastClickedIndexRef, addNewRowsToSpreadsheet: addNewRowsToSpreadsheet, spreadsheetFilter: spreadsheetFilter, resetSpreadsheetFilter: resetSpreadsheetFilter, filterRecordsByRowType: filterRecordsByRowType, filterRecordsByFieldErrors: filterRecordsByFieldErrors, checkboxColumnWidth: checkboxColumnWidth, setSortBy: setSortBy, isFiltering: isFiltering });
     return (_jsx(SpreadsheetContext.Provider, __assign({ value: value }, { children: children })));
 };
 export var useSpreadsheetContext = function () { return useContext(SpreadsheetContext); };

package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetData.js

@@ -41,13 +41,9 @@ var SpreadsheetData = function (props) {
     var _a = useSpreadsheetContext(), fields = _a.fields, data = _a.data, isLoading = _a.isLoading, isReadOnly = _a.isReadOnly, totalErrors = _a.totalErrors, validationPercentage = _a.validationPercentage, setSortByFieldErrors = _a.setSortByFieldErrors, options = _a.options, setSortByFieldWarnings = _a.setSortByFieldWarnings, selectedRows = _a.selectedRows, setSelectedRows = _a.setSelectedRows, checkboxColumnWidth = _a.checkboxColumnWidth, isFiltering = _a.isFiltering;
     var currentStepIndex = useImporterContext().currentStepIndex;
     var isOnSmallScreens = useWindowDimensions().isOnSmallScreens;
-    var loadNextPage = useSpreadsheetContext().loadNextPage;
     var canShowCheckboxOnCheckboxRowHover = currentStepIndex === 2;
     var rowNumbersGridRef = useRef();
     var rowCheckboxesGridRef = useRef();
-    var onScrollToBottom = function () {
-        loadNextPage();
-    };
     useEffect(function () {
         if (data.length > 0 && options.withSingleRowSelect)
             setSelectedRows([data === null || data === void 0 ? void 0 : data[0]._meta.id]);
@@ -109,6 +105,6 @@ var SpreadsheetData = function (props) {
     var showValidationProgress = !isReadOnly && validationPercentage < 100;
     var isReviewStep = currentStepIndex === 2;
     return (_jsxs(S.SpreadSheetData, __assign({ h100: true, flexColumn: true, className: props.className }, { children: [_jsx(GlobalStyle, {}), showValidationProgress && (_jsx(Div, __assign({ h: 32 }, { children: _jsx(ValidationProgress, { totalErrors: totalErrors, validationPercentage: validationPercentage }) }))), _jsxs(S.SpreadSheetContainer, __assign({ flexColumn: true, w100: true, h100: true }, { children: [_jsx(Div, __assign({ w100: true, justifyCenter: true }, { children: isReviewStep && _jsx(TableActions, {}) })), _jsxs(S.SpreadSheetWrapper, __assign({ canShowCheckboxOnHover: !showValidationProgress && canShowCheckboxOnCheckboxRowHover, shouldShowOnlyCheckbox: (!showValidationProgress && selectedRows.length > 0) ||
-                            currentStepIndex === 0, dflex: true, h100: true }, { children: [(options === null || options === void 0 ? void 0 : options.showCheckboxColumn) && (_jsx(SpreadsheetRowCheckboxes, { gridRef: rowCheckboxesGridRef, height: spreadsheetHeight, isLoadingData: showValidationProgress })), _jsx(S.TableView, { tableHeadersHeight: spreadsheetHeaderHeightPx, rowHeight: spreadsheetRowHeightPx, h: null, onScrollToBottom: onScrollToBottom, rowWidthScalingFactor: rowWidthScalingFactor, data: data, columns: columns, isLoading: isLoading, onTableScroll: onTableScroll, getItemKey: getItemKey, checkboxColumnWidth: checkboxColumnWidth, isFiltering: isFiltering })] }))] }))] })));
+                            currentStepIndex === 0, dflex: true, h100: true }, { children: [(options === null || options === void 0 ? void 0 : options.showCheckboxColumn) && (_jsx(SpreadsheetRowCheckboxes, { gridRef: rowCheckboxesGridRef, height: spreadsheetHeight, isLoadingData: showValidationProgress })), _jsx(S.TableView, { tableHeadersHeight: spreadsheetHeaderHeightPx, rowHeight: spreadsheetRowHeightPx, h: null, rowWidthScalingFactor: rowWidthScalingFactor, data: data, columns: columns, isLoading: isLoading, onTableScroll: onTableScroll, getItemKey: getItemKey, checkboxColumnWidth: checkboxColumnWidth, isFiltering: isFiltering })] }))] }))] })));
 };
 export default React.memo(SpreadsheetData, areEqual);

package/lib/esm/Importer/common/Spreadsheet/styles.d.ts

@@ -6,5 +6,5 @@ interface SpreadSheetWrapperProps {
 export declare const SpreadSheetData: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps, never>;
 export declare const SpreadSheetWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps & SpreadSheetWrapperProps, never>;
 export declare const SpreadSheetContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps, never>;
-export declare const TableView: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ data, columns, pageSize, onRowClick, sortBy, isLoading, setSortBy, rowWidthScalingFactor, onSectionRendered, tableHeadersHeight, rowHeight, h, onScrollToBottom, onTableScroll, getItemKey, isDraggable, checkboxColumnWidth, isFiltering, ...props }: import("../../../common/Table/TableView/types").TableViewProps) => JSX.Element>, import("styled-components").DefaultTheme, {}, never>;
+export declare const TableView: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ data, columns, pageSize, onRowClick, sortBy, isLoading, setSortBy, rowWidthScalingFactor, onSectionRendered, tableHeadersHeight, rowHeight, h, onTableScroll, getItemKey, isDraggable, checkboxColumnWidth, isFiltering, ...props }: import("../../../common/Table/TableView/types").TableViewProps) => JSX.Element>, import("styled-components").DefaultTheme, {}, never>;
 export {};

package/lib/esm/Importer/contexts/ImporterContextProvider.js

@@ -104,7 +104,6 @@ export var ImporterContextProvider = function (_a) {
             return typeof ud === "number" ? ud.toString() : ud;
         });
     }, [uploadedData, headerRowIndex]);
-    useEffect(function () { }, []);
     useEffect(function () {
         var setHeadersFromDataset = function () {
             var _templateHeaderMatchings = {};

package/lib/esm/Importer/data/index.d.ts

@@ -1,6 +1,5 @@
 import { Field, FieldTypes, FormatRecord, Record, RecordDataSet, TemplateHeader } from "../../types";
 import { EnumFieldValueMatchings, HeaderMatchings } from "../contexts/ImporterContextProvider";
-export declare const getRowId: (index: number) => string;
 export declare const addEmptyRows: (data: Record[], fields: Field[]) => (Record | {
     _meta: {
         id: string;

package/lib/esm/Importer/data/index.js

@@ -22,7 +22,7 @@ import { transformRecord } from "../../Importer/common/Spreadsheet/transformatio
 import { FieldTypes, } from "../../types";
 import { parseValue } from "../common/Spreadsheet/common";
 var MINIMUM_ROW_COUNT = 20;
-export var getRowId = function (index) {
+var getRowId = function (index) {
     var uniqueTimestamp = new Date().getTime();
     return "r".concat(index, "-").concat(uniqueTimestamp);
 };

package/lib/esm/common/Table/TableView/index.d.ts

@@ -8,4 +8,4 @@ type TableViewWrapperProps = {
     checkboxColumnWidth?: number;
 };
 export declare const TableViewWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps & TableViewWrapperProps, never>;
-export declare const TableView: React.MemoExoticComponent<({ data, columns, pageSize, onRowClick, sortBy, isLoading, setSortBy, rowWidthScalingFactor, onSectionRendered, tableHeadersHeight, rowHeight, h, onScrollToBottom, onTableScroll, getItemKey, isDraggable, checkboxColumnWidth, isFiltering, ...props }: TableViewProps) => JSX.Element>;
+export declare const TableView: React.MemoExoticComponent<({ data, columns, pageSize, onRowClick, sortBy, isLoading, setSortBy, rowWidthScalingFactor, onSectionRendered, tableHeadersHeight, rowHeight, h, onTableScroll, getItemKey, isDraggable, checkboxColumnWidth, isFiltering, ...props }: TableViewProps) => JSX.Element>;

package/lib/esm/common/Table/TableView/index.js

@@ -26,7 +26,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { SortableContext, verticalListSortingStrategy, } from "@dnd-kit/sortable";
-import React, { Fragment, useCallback, useRef, } from "react";
+import React, { Fragment, useCallback, useRef } from "react";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { FixedSizeGrid as Grid, areEqual } from "react-window";
 import styled, { css } from "styled-components";
@@ -66,8 +66,7 @@ var buildGridStyles = function (rowWidthScalingFactor) {
     return gridStyles;
 };
 export var TableView = React.memo(function (_a) {
-    var _b;
-    var data = _a.data, columns = _a.columns, pageSize = _a.pageSize, _c = _a.onRowClick, onRowClick = _c === void 0 ? null : _c, _d = _a.sortBy, sortBy = _d === void 0 ? { field: null, direction: null } : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, _f = _a.setSortBy, setSortBy = _f === void 0 ? null : _f, _g = _a.rowWidthScalingFactor, rowWidthScalingFactor = _g === void 0 ? 1 : _g, onSectionRendered = _a.onSectionRendered, _h = _a.tableHeadersHeight, tableHeadersHeight = _h === void 0 ? defaultTableHeaderHeightPx : _h, _j = _a.rowHeight, rowHeight = _j === void 0 ? defaultTableRowHeightPx : _j, _k = _a.h, h = _k === void 0 ? 500 : _k, _l = _a.onScrollToBottom, onScrollToBottom = _l === void 0 ? null : _l, _m = _a.onTableScroll, onTableScroll = _m === void 0 ? null : _m, _o = _a.getItemKey, getItemKey = _o === void 0 ? null : _o, _p = _a.isDraggable, isDraggable = _p === void 0 ? false : _p, checkboxColumnWidth = _a.checkboxColumnWidth, _q = _a.isFiltering, isFiltering = _q === void 0 ? false : _q, props = __rest(_a, ["data", "columns", "pageSize", "onRowClick", "sortBy", "isLoading", "setSortBy", "rowWidthScalingFactor", "onSectionRendered", "tableHeadersHeight", "rowHeight", "h", "onScrollToBottom", "onTableScroll", "getItemKey", "isDraggable", "checkboxColumnWidth", "isFiltering"]);
+    var data = _a.data, columns = _a.columns, pageSize = _a.pageSize, _b = _a.onRowClick, onRowClick = _b === void 0 ? null : _b, _c = _a.sortBy, sortBy = _c === void 0 ? { field: null, direction: null } : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.setSortBy, setSortBy = _e === void 0 ? null : _e, _f = _a.rowWidthScalingFactor, rowWidthScalingFactor = _f === void 0 ? 1 : _f, onSectionRendered = _a.onSectionRendered, _g = _a.tableHeadersHeight, tableHeadersHeight = _g === void 0 ? defaultTableHeaderHeightPx : _g, _h = _a.rowHeight, rowHeight = _h === void 0 ? defaultTableRowHeightPx : _h, _j = _a.h, h = _j === void 0 ? 500 : _j, _k = _a.onTableScroll, onTableScroll = _k === void 0 ? null : _k, _l = _a.getItemKey, getItemKey = _l === void 0 ? null : _l, _m = _a.isDraggable, isDraggable = _m === void 0 ? false : _m, checkboxColumnWidth = _a.checkboxColumnWidth, _o = _a.isFiltering, isFiltering = _o === void 0 ? false : _o, props = __rest(_a, ["data", "columns", "pageSize", "onRowClick", "sortBy", "isLoading", "setSortBy", "rowWidthScalingFactor", "onSectionRendered", "tableHeadersHeight", "rowHeight", "h", "onTableScroll", "getItemKey", "isDraggable", "checkboxColumnWidth", "isFiltering"]);
     var headerContainerRef = useRef();
     var onScroll = function (_a) {
         var scrollTop = _a.scrollTop, scrollLeft = _a.scrollLeft;
@@ -85,10 +84,6 @@ export var TableView = React.memo(function (_a) {
     };
     var onItemsRendered = useCallback(function (_a) {
         var rowStartIndex = _a.overscanRowStartIndex, rowStopIndex = _a.overscanRowStopIndex;
-        if (rowStopIndex >= data.length - 10) {
-            if (onScrollToBottom)
-                onScrollToBottom();
-        }
         if (onSectionRendered) {
             onSectionRendered({
                 rowStartIndex: rowStartIndex,
@@ -100,12 +95,9 @@ export var TableView = React.memo(function (_a) {
     var tableHeight = pageSize
         ? pageSize * rowHeight + tableHeadersHeight
         : h;
-    var virtualizedGridRef = useRef(null);
-    console.log({ gridHeight: (_b = virtualizedGridRef === null || virtualizedGridRef === void 0 ? void 0 : virtualizedGridRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight });
     var canRenderTableHeaders = isFiltering ? true : data.length > 0;
-    return (_jsxs(TableViewWrapper, __assign({ ref: virtualizedGridRef, "data-test-id": "table-view-wrapper", isLoading: isLoading, checkboxColumnWidth: checkboxColumnWidth, h: tableHeight }, props, { children: [isLoading && loadingUI, _jsx(AutoSizer, { children: function (_a) {
+    return (_jsxs(TableViewWrapper, __assign({ "data-test-id": "table-view-wrapper", isLoading: isLoading, checkboxColumnWidth: checkboxColumnWidth, h: tableHeight }, props, { children: [isLoading && loadingUI, _jsx(AutoSizer, { children: function (_a) {
                     var autosizerWidth = _a.width, autosizerHeight = _a.height;
-                    console.log({ autosizerHeight: autosizerHeight });
                     // using Math.floor to avoid floating point errors with the grid and table cell widths
                     var rowWidth = Math.floor(autosizerWidth * rowWidthScalingFactor);
                     var gridProps = {

package/lib/esm/common/Table/TableView/types.d.ts

@@ -27,7 +27,6 @@ export type TableViewProps = {
     tableHeadersHeight?: number;
     onSectionRendered?: (section: TableSection) => void;
     onTableScroll?: (scrollTop: number) => void;
-    onScrollToBottom?: () => void;
     onRowClick?: (row: any) => void;
     getItemKey?: (row: any) => string;
     isDraggable?: boolean;

package/lib/esm/index.js

@@ -64,7 +64,6 @@ import * as locales from "./locales";
 import { StyleSheetManager } from "styled-components";
 import { fontsURL } from "./styled/fontsURL";
 import { addLinkToHead, getDefaultValidations } from "./utils";
-import Localbase from "localbase";
 var FuseImporter = /** @class */ (function () {
     function FuseImporter(apiToken, templateSlug, options) {
         if (options === void 0) { options = {}; }
@@ -74,28 +73,6 @@ var FuseImporter = /** @class */ (function () {
             x: 0,
             y: 0,
         };
-        var db = new Localbase("myDatabase");
-        var item = {
-            id: 1,
-            name: "My item",
-            description: "This is my item",
-        };
-        db.collection("items")
-            .add(item, "id")
-            .then(function () {
-            console.log("Item added");
-        })
-            .catch(function (err) {
-            console.error("Failed to add item: ", err);
-        });
-        db.collection("items")
-            .get()
-            .then(function (items) {
-            console.log(items);
-        })
-            .catch(function (err) {
-            console.error("Failed to get items: ", err);
-        });
         this.apiToken = apiToken;
         this.templateSlug = templateSlug;
         this.options = __assign({ env: "production", zIndex: 1000, batchValidationDelayMs: 500 }, options);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fuse-importer",
   "private": false,
-  "version": "0.0.1-testing",
+  "version": "0.0.2-testing",
   "description": "Flatirons Fuse is a customizable and powerful CSV Importer that works with all front-end languages",
   "browserslist": {
     "production": [
@@ -45,9 +45,9 @@
     "color": "^4.2.3",
     "fuse.js": "^6.5.3",
     "i18next": "^22.4.13",
-    "localbase": "^0.7.5",
     "luxon": "^2.2.0",
     "openai": "^3.2.1",
+    "papaparse": "^5.4.1",
     "qs": "^6.10.1",
     "react-custom-scrollbars": "^4.2.1",
     "react-dropzone": "^11.3.2",
@@ -71,6 +71,8 @@
     "@types/testing-library__jest-dom": "^5.14.5",
     "@types/testing-library__react": "^10.2.0",
     "dotenv": "^16.0.3",
+    "react": "^17.x",
+    "react-dom": "^17.x",
     "html-webpack-plugin": "^5.5.0",
     "jest": "^28.1.3",
     "terser-webpack-plugin": "^5.1.2",