fuse-importer 0.0.7-testing → 0.0.8-testing

package/lib/esm/Importer/common/GlobalStyle.js

@@ -1,7 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { createGlobalStyle } from "styled-components";
-export var GlobalStyle = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  #fuse-importer-root > *,\n  body > * {\n    font-size: 17px;\n    margin: 0;\n    padding: 0;\n    top: 0;\n    left: 0;\n    font-family: DM Sans;\n    color-scheme: normal;\n    color: black;\n  }\n"], ["\n  #fuse-importer-root > *,\n  body > * {\n    font-size: 17px;\n    margin: 0;\n    padding: 0;\n    top: 0;\n    left: 0;\n    font-family: DM Sans;\n    color-scheme: normal;\n    color: black;\n  }\n"])));
-var templateObject_1;

package/lib/esm/Importer/common/ImporterFonts.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Helmet } from "react-helmet";
-export var ImporterFonts = function () {
-    return (_jsxs(Helmet, { children: [_jsx("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }), _jsx("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "" }), _jsx("link", { href: "https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600&display=swap", rel: "stylesheet" }), _jsx("link", { href: "https://fonts.googleapis.com/css?family=DM+Serif+Text:300,400,500,600&display=swap", rel: "stylesheet" }), _jsx("link", { href: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Display&family=DM+Serif+Text&display=swap", rel: "stylesheet" }), _jsx("link", { href: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Text&display=swap", rel: "stylesheet" })] }));
-};

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

@@ -1,56 +0,0 @@
-//Filter records by search value
-export var filterRecordsBySearchValue = function (obj, value) {
-    var isObject = function (value) {
-        return typeof value === "object" && value !== null && !Array.isArray(value);
-    };
-    var includesSearchValue = function (value, searchValue) {
-        if (typeof value === "string" || typeof value === "number") {
-            var stringValue = String(value).toLowerCase();
-            var searchValueLower = searchValue.toLowerCase();
-            return stringValue.includes(searchValueLower);
-        }
-        return false;
-    };
-    var filteredObj = {};
-    for (var _i = 0, _a = Object.entries(obj); _i < _a.length; _i++) {
-        var _b = _a[_i], key = _b[0], currentObj = _b[1];
-        if (!isObject(currentObj)) {
-            continue;
-        }
-        var matches = Object.values(currentObj).some(function (propertyValue) {
-            return includesSearchValue(propertyValue, value);
-        });
-        if (matches) {
-            filteredObj[key] = currentObj;
-        }
-    }
-    return filteredObj;
-};
-export var filterRecordsByType = function (obj, filterType) {
-    var _a, _b;
-    var rowIsEmpty = function (row) {
-        return Object.keys(row).every(function (key) {
-            if (key === "_meta")
-                return true;
-            return !row[key];
-        });
-    };
-    var filteredObj = {};
-    for (var key in obj) {
-        if (filterType === "all" ||
-            (((_b = (_a = obj[key]) === null || _a === void 0 ? void 0 : _a._meta) === null || _b === void 0 ? void 0 : _b.isInvalid) !== (filterType === "valid") &&
-                !rowIsEmpty(obj[key]))) {
-            filteredObj[key] = obj[key];
-        }
-    }
-    return filteredObj;
-};
-//Filter records by selected column error
-export var filterRecordsByError = function (obj, keyToFilter, errors) {
-    var filteredObj = {};
-    var filteredKeys = Object.keys(errors).filter(function (key) { var _a, _b; return ((_b = (_a = obj[key]) === null || _a === void 0 ? void 0 : _a._meta) === null || _b === void 0 ? void 0 : _b.isInvalid) && errors[key][keyToFilter]; });
-    for (var i = 0; i < filteredKeys.length; i++) {
-        filteredObj[filteredKeys[i]] = obj[filteredKeys[i]];
-    }
-    return filteredObj;
-};

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

@@ -1,176 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { get } from "lodash";
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
-import { addMeta } from "../../../data";
-import { useValidationState } from "../hooks";
-import { useSpreadsheetFilter, } from "./useSpreadsheetFilter";
-import { filterRecordsByType, filterRecordsByError, filterRecordsBySearchValue, } from "./filterMethods";
-import { hasValueInAnyField } from "./utils";
-var getDefaultSortCompareFn = function (sortBy) {
-    return function (a, b) {
-        var aField = get(a, sortBy.field);
-        var bField = get(b, sortBy.field);
-        if (aField === bField)
-            return a._meta.rowIndex > b._meta.rowIndex ? 1 : -1;
-        if (!aField)
-            return 1;
-        if (!bField)
-            return -1;
-        if (sortBy.direction === "asc")
-            return aField > bField ? 1 : -1;
-        return aField < bField ? 1 : -1;
-    };
-};
-var SpreadsheetContext = createContext({});
-export var SpreadsheetContextProvider = function (_a) {
-    var initialDataSet = _a.initialDataSet, fields = _a.fields, options = _a.options, isReadOnly = _a.isReadOnly, children = _a.children, onValidateRecord = _a.onValidateRecord, onDataSetChanged = _a.onDataSetChanged, onValidationStateChanged = _a.onValidationStateChanged, selectedRows = _a.selectedRows, setSelectedRows = _a.setSelectedRows, _b = _a.getSortCompareFn, getSortCompareFn = _b === void 0 ? getDefaultSortCompareFn : _b;
-    var _c = useState(initialDataSet), dataSet = _c[0], setDataSet = _c[1];
-    var _d = useState(false), isLoading = _d[0], setIsLoading = _d[1];
-    var _e = useState(null), sortByFieldErrors = _e[0], setSortByFieldErrors = _e[1];
-    var _f = useState(null), sortByFieldWarnings = _f[0], setSortByFieldWarnings = _f[1];
-    var _g = useState(""), filteredInputValue = _g[0], setFilteredInputValue = _g[1];
-    var _h = useState(null), sortBy = _h[0], setSortBy = _h[1];
-    var addRowTimeoutRef = useRef(null);
-    var _j = useState(false), isTransformTooltipOpened = _j[0], setIsTransformTooltipOpened = _j[1];
-    var _k = useSpreadsheetFilter(), spreadsheetFilter = _k.spreadsheetFilter, filterRecordsByRowType = _k.filterRecordsByRowType, filterRecordsByFieldErrors = _k.filterRecordsByFieldErrors, resetSpreadsheetFilter = _k.resetSpreadsheetFilter;
-    var _l = useValidationState({
-        dataSet: dataSet,
-        initialDataSet: initialDataSet,
-        fields: fields,
-        options: options,
-        isReadOnly: isReadOnly,
-        setDataSet: setDataSet,
-        setIsLoading: setIsLoading,
-        onValidateRecord: onValidateRecord,
-    }), updateRecordAndRevalidate = _l.updateRecordAndRevalidate, deleteRecords = _l.deleteRecords, warnings = _l.warnings, errors = _l.errors, validationState = __rest(_l, ["updateRecordAndRevalidate", "deleteRecords", "warnings", "errors"]);
-    var addNewRowsToSpreadsheet = function () {
-        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);
-    };
-    var dataSnapshot = useMemo(function () {
-        var filteredData = spreadsheetFilter.type === "rowBased"
-            ? filterRecordsByType(dataSet, spreadsheetFilter.byRow)
-            : filterRecordsByError(dataSet, spreadsheetFilter.byColumn.field, errors);
-        var filteredDatasetByString = filteredInputValue
-            ? filterRecordsBySearchValue(filteredData, filteredInputValue)
-            : filteredData;
-        var dataSetValues = Object.values(filteredDatasetByString);
-        if (sortBy) {
-            return dataSetValues.sort(getSortCompareFn(sortBy));
-        }
-        else if (!!sortByFieldErrors || !!sortByFieldWarnings)
-            return dataSetValues.sort(function (a, b) {
-                var aHasErrors = !!get(sortByFieldErrors ? errors : warnings, "".concat(get(a, "_meta.id"), ".").concat(sortByFieldErrors || sortByFieldWarnings), false);
-                var bHasErrors = !!get(sortByFieldErrors ? errors : warnings, "".concat(get(b, "_meta.id"), ".").concat(sortByFieldErrors || sortByFieldWarnings), false);
-                if (aHasErrors === bHasErrors) {
-                    return a._meta.rowIndex > b._meta.rowIndex ? 1 : -1;
-                }
-                return bHasErrors ? 1 : -1;
-            });
-        return dataSetValues;
-    }, [
-        filteredInputValue,
-        spreadsheetFilter,
-        sortBy,
-        Object.keys(dataSet).length,
-        sortByFieldErrors,
-        sortByFieldWarnings,
-    ]);
-    var recordsWithValuesCount = useMemo(function () {
-        return Object.values(dataSet).filter(hasValueInAnyField).length;
-    }, [dataSet]);
-    var filteredDataCount = useMemo(function () {
-        return Object.values(dataSnapshot).filter(hasValueInAnyField).length;
-    }, [dataSnapshot]);
-    var isFiltering = useMemo(function () { return !!filteredInputValue; }, [filteredInputValue]);
-    useEffect(function () {
-        onDataSetChanged && onDataSetChanged(dataSet);
-        if (addRowTimeoutRef.current) {
-            // avoid adding new rows when the user is typing
-            clearTimeout(addRowTimeoutRef.current);
-        }
-        var dataSetKeys = Object.keys(dataSet);
-        var latestDataSet = dataSet[dataSetKeys[dataSetKeys.length - 1]];
-        var latestDataSetValuesWithoutMeta = Object.values(latestDataSet).filter(function (key) { return key !== "_meta"; });
-        var hasValueInTheLastObject = latestDataSetValuesWithoutMeta
-            .filter(function (value) {
-            return value !== null && value !== undefined && typeof value !== "object";
-        })
-            .some(function (value) { return value !== "null" && value !== "undefined"; });
-        if (hasValueInTheLastObject) {
-            addNewRowsToSpreadsheet();
-        }
-    }, [dataSet]);
-    // Review this later, this probably isn't the best approach
-    useEffect(function () {
-        setDataSet(initialDataSet);
-    }, [initialDataSet]);
-    useEffect(function () {
-        onValidationStateChanged &&
-            onValidationStateChanged(__assign(__assign({}, validationState), { errors: errors, warnings: warnings }));
-    }, [validationState, onValidationStateChanged]);
-    var handleSortByFieldErrors = useCallback(function (field) {
-        setSortByFieldErrors(field === sortByFieldErrors ? null : field);
-        setSortByFieldWarnings(null);
-        setSortBy(null);
-    }, [sortByFieldErrors]);
-    var handleSortByFieldWarnings = useCallback(function (field) {
-        setSortByFieldWarnings(field === sortByFieldWarnings ? null : field);
-        setSortByFieldErrors(null);
-        setSortBy(null);
-    }, [sortByFieldWarnings]);
-    var lastClickedIndexRef = useRef(null);
-    var checkboxColumnWidth = useMemo(function () {
-        var lastRowIndexLength = dataSnapshot.length.toString().length;
-        var singleLetterWidth = 15;
-        var horizontalSpacing = 8;
-        var baseCheckboxColumnWidth = lastRowIndexLength * singleLetterWidth + horizontalSpacing;
-        return baseCheckboxColumnWidth < 40 ? 40 : baseCheckboxColumnWidth;
-    }, [dataSnapshot]);
-    var updatedDataSnapshot = useMemo(function () {
-        return dataSnapshot.map(function (data) {
-            var _a;
-            var updatedData = dataSet[(_a = data._meta) === null || _a === void 0 ? void 0 : _a.id];
-            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, 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, setIsTransformTooltipOpened: setIsTransformTooltipOpened, isTransformTooltipOpened: isTransformTooltipOpened });
-    return (_jsx(SpreadsheetContext.Provider, __assign({ value: value }, { children: children })));
-};
-export var useSpreadsheetContext = function () { return useContext(SpreadsheetContext); };

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

@@ -1,45 +0,0 @@
-import { useReducer } from "react";
-export var useSpreadsheetFilter = function () {
-    var filtersInitialState = {
-        type: "rowBased",
-        byRow: "all",
-    };
-    function reducer(state, action) {
-        switch (action.type) {
-            case "FILTER_BY_ROW_TYPE":
-                return { type: "rowBased", byRow: action.payload, byColumn: null };
-            case "FILTER_BY_FIELD_ERRORS":
-                return {
-                    type: "columnBased",
-                    byColumn: {
-                        type: "fieldWithErrors",
-                        field: action.payload,
-                    },
-                    byRow: null,
-                };
-            case "RESTORE_FILTERS":
-                return filtersInitialState;
-            default:
-                return state;
-        }
-    }
-    var _a = useReducer(reducer, filtersInitialState), spreadsheetFilter = _a[0], filtersDispatch = _a[1];
-    var resetSpreadsheetFilter = function () {
-        filtersDispatch({ type: "RESTORE_FILTERS" });
-    };
-    var filterRecordsByRowType = function (filterByRow) {
-        filtersDispatch({ type: "FILTER_BY_ROW_TYPE", payload: filterByRow });
-    };
-    var filterRecordsByFieldErrors = function (filterByColumn) {
-        filtersDispatch({
-            type: "FILTER_BY_FIELD_ERRORS",
-            payload: filterByColumn,
-        });
-    };
-    return {
-        spreadsheetFilter: spreadsheetFilter,
-        filterRecordsByRowType: filterRecordsByRowType,
-        filterRecordsByFieldErrors: filterRecordsByFieldErrors,
-        resetSpreadsheetFilter: resetSpreadsheetFilter,
-    };
-};

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

@@ -1,14 +0,0 @@
-export var hasValueInAnyField = function (record) {
-    return Object.entries(record)
-        .filter(function (_a) {
-        var key = _a[0];
-        return key !== "_meta";
-    })
-        .some(function (_a) {
-        var key = _a[0], value = _a[1];
-        if (typeof value === "string") {
-            return value.trim() !== "";
-        }
-        return value !== null && value !== undefined;
-    });
-};

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

@@ -1,63 +0,0 @@
-import { FieldTypes } from "../../../../types";
-export var spreadsheetRowHeightPx = 40;
-export var spreadsheetHeaderHeightPx = 40;
-export var isNullOrUndefined = function (value) {
-    return value === null || value === undefined;
-};
-export var isEmpty = function (value) {
-    return (value === undefined ||
-        value === null ||
-        (typeof value === "object" && Object.keys(value).length === 0) ||
-        (typeof value === "string" && value.trim().length === 0));
-};
-export var isEmail = function (value) {
-    var emailRegex = /^[\w+.-]+@([\w-]+\.)+[\w-]{2,4}$/;
-    return emailRegex.test(value);
-};
-export var isUrl = function (value) {
-    var urlRegex = /^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)?[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/g;
-    return urlRegex.test(value);
-};
-export var isTrue = function (value) {
-    var _a;
-    var _value = (_a = value === null || value === void 0 ? void 0 : value.toString()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-    return ["true", "yes", "1", "y", "on", "t"].includes(_value);
-};
-export var isFalse = function (value) {
-    var _a;
-    var _value = (_a = value === null || value === void 0 ? void 0 : value.toString()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-    return ["false", "no", "0", "n", "off", "f"].includes(_value);
-};
-export var isBoolean = function (value) {
-    return isTrue(value) || isFalse(value);
-};
-export var isInteger = function (value) { return /^-?[0-9]+$/.test(value + ""); };
-export var isFloat = function (value) {
-    return /^-?[0-9]+(?:\.[0-9]+)?$/.test(value + "");
-};
-export var isEven = function (value) { return value % 2 === 0; };
-export var ignoreNullOrUndefinedKeyValues = function (obj) {
-    var result = {};
-    Object.keys(obj || {})
-        .filter(function (key) { return obj[key] !== null && obj[key] !== undefined; })
-        .forEach(function (key) {
-        result[key] = obj[key];
-    });
-    return result;
-};
-export var isRecordEmpty = function (record, fields) {
-    return fields.reduce(function (isEmptyRecord, f) { return isEmptyRecord && isEmpty(record[f.name]); }, true);
-};
-export var parseValue = function (fieldType, value, enumSet) {
-    if (isEmpty(value))
-        return value;
-    if (fieldType === FieldTypes.float)
-        return isFloat(value) ? parseFloat(value) : value;
-    if (fieldType === FieldTypes.integer)
-        return isInteger(value) ? parseInt(value) : value;
-    if (fieldType === FieldTypes.boolean)
-        return isTrue(value) ? true : false;
-    if (fieldType === FieldTypes.enum && enumSet)
-        return enumSet[value];
-    return value;
-};

package/lib/esm/Importer/common/Spreadsheet/common/types.js

@@ -1,5 +0,0 @@
-export var SortOrder;
-(function (SortOrder) {
-    SortOrder["ASC"] = "asc";
-    SortOrder["DESC"] = "desc";
-})(SortOrder || (SortOrder = {}));

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

@@ -1,66 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { colors } from "../../../../styled/theme/colorPalette";
-import styled, { css } from "styled-components";
-import { TooltipProvider } from "../../../../common";
-import { Div } from "../../../../styled/utils";
-import { useSpreadsheetContext } from "../SpreadsheetContextProvider";
-import { SortOrder } from "../common/types";
-var ErrorCount = styled(Div)(function (_a) {
-    var _b = _a.theme, colors = _b.colors, c = _b.css;
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    color: ", ";\n    background: ", ";\n    border: solid 1px ", ";\n    padding: 4px 7px;\n    border-radius: 56px;\n    min-width: 24px;\n    ", ";\n  "], ["\n    color: ", ";\n    background: ", ";\n    border: solid 1px ", ";\n    padding: 4px 7px;\n    border-radius: 56px;\n    min-width: 24px;\n    ", ";\n  "])), colors.error, colors.red100, colors.error, c.centered);
-});
-export var SortIndicator = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  svg {\n    path {\n      fill: ", ";\n    }\n  }\n"], ["\n  ", "\n  svg {\n    path {\n      fill: ", ";\n    }\n  }\n"])), function (p) {
-    return p.direction === SortOrder.ASC && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      transform: rotate(180deg);\n    "], ["\n      transform: rotate(180deg);\n    "])));
-}, function (p) { return p.theme.colors.gray300; });
-export var FieldHeader = function (_a) {
-    var field = _a.field, sortByFieldErrors = _a.sortByFieldErrors, sortByFieldWarnings = _a.sortByFieldWarnings;
-    var _b = useSpreadsheetContext(), columnErrorCounts = _b.columnErrorCounts, columnWarningCounts = _b.columnWarningCounts, sortBy = _b.sortBy, spreadsheetFilter = _b.spreadsheetFilter, filteredInputValue = _b.filteredInputValue, setSortBy = _b.setSortBy;
-    var fieldErrorCount = columnErrorCounts[field.name];
-    var fieldWarningCount = columnWarningCounts[field.name];
-    var shouldRenderErrorCount = fieldErrorCount &&
-        filteredInputValue === "" &&
-        spreadsheetFilter.type === "rowBased" &&
-        spreadsheetFilter.byRow === "all";
-    var onHeaderClick = function () {
-        if ((sortBy === null || sortBy === void 0 ? void 0 : sortBy.field) === field.name && (sortBy === null || sortBy === void 0 ? void 0 : sortBy.direction) === SortOrder.ASC) {
-            setSortBy({
-                field: field.name,
-                direction: SortOrder.DESC,
-            });
-        }
-        else {
-            setSortBy({
-                field: field.name,
-                direction: SortOrder.ASC,
-            });
-        }
-    };
-    return (_jsxs(Div, __assign({ "data-test-id": "column-header-".concat(field.name), p: "0 16px", spaceBetween: true, w100: true, alignCenter: true, onClick: onHeaderClick }, { children: [_jsxs(Div, __assign({ dflex: true }, { children: [_jsxs(Div, __assign({ truncateText: true, selectNone: true }, { children: [field.label, field.isRequired && "*"] })), _jsx(Div, __assign({ ml: 8, centered: true }, { children: (sortBy === null || sortBy === void 0 ? void 0 : sortBy.field) === field.name && (_jsx(SortIndicator, __assign({ direction: sortBy === null || sortBy === void 0 ? void 0 : sortBy.direction }, { children: chevronDown }))) }))] })), shouldRenderErrorCount && (_jsx(TooltipProvider, __assign({ mr: 3, w: 35, tooltip: "Sort by ".concat(field.label, " errors") }, { children: _jsx(ErrorCount, __assign({ "data-test-id": "column-errors-count-".concat(field.name), onClick: function (ev) {
-                        ev.stopPropagation();
-                        sortByFieldErrors(field.name);
-                    } }, { children: _jsx(Div, __assign({ centered: true }, { children: _jsx(Div, __assign({ w: 35, textAlignCenter: true, label3: true, truncateText: true }, { children: fieldErrorCount })) })) })) }))), !fieldErrorCount && fieldWarningCount && (_jsx(TooltipProvider, __assign({ mr: 3, w: 35, tooltip: "Sort by ".concat(field.label, " errors") }, { children: _jsx(ErrorCount, __assign({ style: {
-                        color: colors.orange1200,
-                        background: colors.orange1100,
-                        boxShadow: "0px 0px 0px 1px ".concat(colors.orange500, " inset"),
-                    }, "data-test-id": "column-errors-count-".concat(field.name), onClick: function (ev) {
-                        ev.stopPropagation();
-                        sortByFieldWarnings(field.name);
-                    } }, { children: _jsx(Div, __assign({ centered: true }, { children: _jsx(Div, __assign({ w: 35, textAlignCenter: true, label3: true, truncateText: true }, { children: fieldWarningCount })) })) })) })))] })));
-};
-export var chevronDown = (_jsx("svg", __assign({ width: "9", height: "5", viewBox: "0 0 9 5", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M4.31848 4.93945L0.421366 0.439453L8.2156 0.439454L4.31848 4.93945Z", fill: "#102622" }) })));
-var templateObject_1, templateObject_2, templateObject_3;

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

@@ -1,9 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { createGlobalStyle } from "styled-components";
-// fix issues with external styles changing the spreadsheet scrollbar and layout
-var GlobalStyle = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (p) { return p.theme.css.scrollbarDark; });
-export default GlobalStyle;
-var templateObject_1;

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

@@ -1,110 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useMemo, useRef } from "react";
-import { areEqual } from "react-window";
-import { Div } from "../../../../styled/utils";
-import { getTableHeight } from "../../../common";
-import { spreadsheetHeaderHeightPx, spreadsheetRowHeightPx } from "../common";
-import { useSpreadsheetContext } from "../SpreadsheetContextProvider";
-import * as S from "../styles";
-import { FieldHeader } from "./FieldHeader";
-import GlobalStyle from "./GlobalStyle";
-import { inputTypes } from "./inputs";
-import { SpreadsheetRowCheckboxes } from "./SpreadsheetRowCheckboxes";
-import ValidationProgress from "./ValidationProgress";
-import { TableActions } from "../../../../common/Table/TableActions";
-import { useImporterContext } from "../../../../Importer/contexts/ImporterContextProvider";
-import useWindowDimensions from "../../../../utils/hooks/useWindowSize";
-var getItemKey = function (record) { return record._meta.id; };
-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 canShowCheckboxOnCheckboxRowHover = currentStepIndex === 2;
-    var rowNumbersGridRef = useRef();
-    var rowCheckboxesGridRef = useRef();
-    useEffect(function () {
-        if (data.length > 0 && options.withSingleRowSelect)
-            setSelectedRows([data === null || data === void 0 ? void 0 : data[0]._meta.id]);
-    }, [options.withSingleRowSelect]);
-    var rowWidthScalingFactor = (function () {
-        // Spreadsheet will display 6 columns on the viewport and a small portion of the
-        // 7th column in the right side to let the user know they can scroll horizontally
-        var visibleColumnsOnTableViewport = 6;
-        // by multiplying by horizontalScrollVisibilityRatio the final rowWidth for the spreadsheet
-        // will be reduced in order to partially display the last column on the right side
-        // 0.95 was chosen because it's the ratio that looks better on the UI on desktop
-        // 0.9 was chosen because it's the ratio that looks better on the UI on mobile
-        var horizontalScrollVisibilityRatio = 0.95;
-        if (isOnSmallScreens) {
-            // When the screen is too small the Spreadsheet will display 3 columns on the viewport
-            // and a small portion of the  4th column in the right side to let the user know they can scroll horizontally
-            visibleColumnsOnTableViewport = 3;
-            horizontalScrollVisibilityRatio = 0.9;
-        }
-        var res = fields.length / visibleColumnsOnTableViewport;
-        if (res <= 1)
-            return 1;
-        /*
-        multiply the rowWidthScalingFactor by 0.95/0.9 to let the user know they can scroll
-        horizontally (will display partial column on the right)
-        */
-        return res * horizontalScrollVisibilityRatio;
-    })();
-    var columns = useMemo(function () {
-        return fields.map(function (field) { return ({
-            Header: function () { return (_jsx(FieldHeader, { field: field, sortByFieldErrors: setSortByFieldErrors, sortByFieldWarnings: setSortByFieldWarnings })); },
-            Content: function (record) {
-                var Input = inputTypes[field.type];
-                var rowIndex = record.rowIndex, columnWidth = record.columnWidth, recordProp = __rest(record, ["rowIndex", "columnWidth"]);
-                return (_jsx(Input, { id: "".concat(field.name, "-").concat(rowIndex), fieldType: field.type, name: field.name, options: field.options, record: recordProp, columnWidth: columnWidth }));
-            },
-        }); });
-    }, [fields, setSortByFieldErrors]);
-    var onTableScroll = useCallback(function (scrollTop) {
-        if (rowNumbersGridRef.current) {
-            var grid = rowNumbersGridRef.current;
-            grid.scrollTo({ scrollTop: scrollTop });
-        }
-        if (rowCheckboxesGridRef.current) {
-            var grid = rowCheckboxesGridRef.current;
-            grid.scrollTo({ scrollTop: scrollTop });
-        }
-    }, []);
-    var dataLength = data === null || data === void 0 ? void 0 : data.length;
-    var spreadsheetHeight = useMemo(function () {
-        return getTableHeight({
-            headerHeight: spreadsheetHeaderHeightPx,
-            rowHeight: spreadsheetRowHeightPx,
-            dataCount: dataLength,
-            minimumTableHeight: 450,
-            maxVisibleRows: 12,
-        });
-    }, [dataLength]);
-    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, rowWidthScalingFactor: rowWidthScalingFactor, data: data, columns: columns, isLoading: isLoading, onTableScroll: onTableScroll, getItemKey: getItemKey, checkboxColumnWidth: checkboxColumnWidth, isFiltering: isFiltering })] }))] }))] })));
-};
-export default React.memo(SpreadsheetData, areEqual);