fuse-importer 0.0.7-testing → 0.0.8-testing

package/lib/esm/common/Table/TableActions/hooks.js

@@ -1,41 +0,0 @@
-var removeErrorsOrWarningsFromObject = function (obj, keysToRemove) {
-    var keysSet = new Set(keysToRemove);
-    var newObj = {};
-    for (var key in obj) {
-        if (Object.prototype.hasOwnProperty.call(obj, key) && !(keysSet === null || keysSet === void 0 ? void 0 : keysSet.has(key))) {
-            newObj[key] = obj[key];
-        }
-    }
-    return newObj;
-};
-var removeItemsFromObject = function (obj, idsToRemove) {
-    var _a;
-    var idSet = new Set(idsToRemove);
-    var newObj = {};
-    for (var key in obj) {
-        if (Object.prototype.hasOwnProperty.call(obj, key)) {
-            var meta = (_a = obj[key]) === null || _a === void 0 ? void 0 : _a._meta;
-            if (meta && (meta === null || meta === void 0 ? void 0 : meta.id) && !(idSet === null || idSet === void 0 ? void 0 : idSet.has(meta === null || meta === void 0 ? void 0 : meta.id))) {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    return newObj;
-};
-export var useTableActions = function (_a) {
-    var setDataSet = _a.setDataSet, setErrors = _a.setErrors, setWarnings = _a.setWarnings;
-    // Delete records from dataSet and from validations
-    var deleteRecords = function (selectedRecords, errors, warnings) {
-        var newErrors = removeErrorsOrWarningsFromObject(errors, selectedRecords);
-        var newWarnings = removeErrorsOrWarningsFromObject(warnings, selectedRecords);
-        setErrors(newErrors);
-        setWarnings(newWarnings);
-        setDataSet(function (prev) {
-            var newDataSet = removeItemsFromObject(prev, selectedRecords);
-            return newDataSet;
-        });
-    };
-    return {
-        deleteRecords: deleteRecords,
-    };
-};

package/lib/esm/common/Table/TableActions/icons.js

@@ -1,17 +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);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var DeleteIcon = function () { return (_jsxs("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M3.5 5.16675H18.5L17.9875 15.4164C17.8545 18.0775 15.6581 20.1667 12.9938 20.1667H9.00625C6.34188 20.1667 4.14554 18.0775 4.01248 15.4164L3.5 5.16675Z", stroke: "#262626", strokeWidth: "2" }), _jsx("path", { d: "M6.83331 5.16675V4.83341C6.83331 3.17656 8.17646 1.83341 9.83331 1.83341H12.1666C13.8235 1.83341 15.1666 3.17656 15.1666 4.83341V5.16675", stroke: "#262626", strokeWidth: "2" }), _jsx("path", { d: "M1.83331 5.16675H20.1666", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "M13.5 10.1667V14.3334", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round" }), _jsx("path", { d: "M8.5 10.1667V14.3334", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round" })] }))); };
-export var ConfirmationDeleteIcon = (_jsxs("svg", __assign({ width: "68", height: "68", viewBox: "0 0 68 68", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("rect", { width: "68", height: "68", fill: "white" }), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M8.79639 4.52687C8.79639 3.70291 9.73698 3.23251 10.3962 3.72676L33.7964 21.2699C33.9246 21.3661 34.0001 21.517 34.0001 21.6772L34.0001 46.015C34.0001 46.4345 33.5212 46.674 33.1856 46.4224L9.59669 28.7376C9.0929 28.3599 8.79639 27.7671 8.79639 27.1374L8.79639 4.52687Z", fill: "url(#paint0_linear_2363_5281)" }) })), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M8.7959 63.1264C8.7959 63.9504 9.73649 64.4208 10.3957 63.9266L33.7959 46.3834C33.9241 46.2873 33.9996 46.1363 33.9996 45.9761L33.9996 21.6383C33.9996 21.2188 33.5207 20.9794 33.1851 21.231L9.5962 38.9157C9.09241 39.2934 8.7959 39.8863 8.7959 40.5159L8.7959 63.1264Z", fill: "url(#paint1_linear_2363_5281)" }) })), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M59.2039 4.87257C59.2039 4.04862 58.2633 3.57821 57.604 4.07246L34.1528 21.6539C34.0567 21.726 34.0002 21.839 34.0002 21.9591L34.0002 46.6159C34.0002 46.9302 34.359 47.1097 34.6104 46.9211L58.4036 29.0833C58.9073 28.7056 59.2039 28.1128 59.2039 27.4831L59.2039 4.87257Z", fill: "url(#paint2_linear_2363_5281)" }) })), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M59.2041 63.4722C59.2041 64.2961 58.2635 64.7665 57.6043 64.2723L34.1531 46.6908C34.057 46.6188 34.0004 46.5057 34.0004 46.3856L34.0004 21.7288C34.0004 21.4145 34.3592 21.2351 34.6107 21.4236L58.4038 39.2614C58.9076 39.6391 59.2041 40.232 59.2041 40.8616L59.2041 63.4722Z", fill: "url(#paint3_linear_2363_5281)" }) })), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_2363_5281", x1: "28.828", y1: "2.27186", x2: "10.8931", y2: "6.63443", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#FF710A" }), _jsx("stop", { offset: "1", stopColor: "#FD9827" })] })), _jsxs("linearGradient", __assign({ id: "paint1_linear_2363_5281", x1: "28.8275", y1: "65.3815", x2: "10.8926", y2: "61.0189", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#FF710A" }), _jsx("stop", { offset: "1", stopColor: "#FD9827" })] })), _jsxs("linearGradient", __assign({ id: "paint2_linear_2363_5281", x1: "41.7498", y1: "25.1258", x2: "70.7926", y2: "29.9741", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#EDD172" }), _jsx("stop", { offset: "1", stopColor: "#D0A617" })] })), _jsxs("linearGradient", __assign({ id: "paint3_linear_2363_5281", x1: "41.7501", y1: "43.2189", x2: "70.7929", y2: "38.3706", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#EDD172" }), _jsx("stop", { offset: "1", stopColor: "#D0A617" })] }))] })] })));
-export var SearchIcon = function () { return (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20Z", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M21 21L18 18", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
-export var DownloadIcon = function () { return (_jsxs("svg", __assign({ width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M10.0834 18C9.66675 16.75 9.66675 15.5 9.66675 14.6303C9.66675 11.7319 12.2621 8.83337 15.4637 8.83337C17.6094 8.83337 19.4828 9.99914 20.4852 11.7319H21.2607C23.6619 11.7319 25.9167 13.4167 25.9167 15.5C25.9167 16.3334 25.9167 17.1667 25.5001 18", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M14.1807 23.2764L17.5834 26.5416L20.9862 23.2764", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M17.5833 25.6827L17.5833 16.4375", stroke: "#262626", strokeWidth: "2", strokeLinecap: "round" })] }))); };
-export var CheckIcon = function () { return (_jsxs("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "53", height: "53", viewBox: "0 0 53 53", fill: "none" }, { children: [_jsx("rect", { width: "53", height: "53", fill: "white" }), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M40.6023 5.38665C41.3381 4.56281 42.6024 4.49142 43.4263 5.22719L51.5083 12.4453C52.3321 13.181 52.4035 14.4454 51.6677 15.2692L23.539 46.7647C22.8032 47.5885 21.5389 47.6599 20.7151 46.9242L12.6331 39.7061C11.8092 38.9703 11.7378 37.706 12.4736 36.8822L40.6023 5.38665Z", fill: "url(#paint0_linear_643_341)" }) })), _jsx("g", __assign({ style: { mixBlendMode: "darken" } }, { children: _jsx("rect", { x: "32.0707", y: "37.1587", width: "14.836", height: "29.7113", rx: "2", transform: "rotate(131.582 32.0707 37.1587)", fill: "url(#paint1_linear_643_341)" }) })), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_643_341", x1: "15.4625", y1: "39.0861", x2: "31.139", y2: "48.4231", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#D0A617" }), _jsx("stop", { offset: "1", stopColor: "#FEE18F" })] })), _jsxs("linearGradient", __assign({ id: "paint1_linear_643_341", x1: "39.4887", y1: "37.1587", x2: "29.9147", y2: "74.1394", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#6BEEFF" }), _jsx("stop", { offset: "1", stopColor: "#08CABE" })] }))] })] }))); };

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

@@ -1 +0,0 @@
-export * from "./TableActions";

package/lib/esm/common/Table/TableDataProvider.js

@@ -1,127 +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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useState } from "react";
-import { Spinner } from "../Spinner";
-import { api } from "../../api";
-export var SortDirection;
-(function (SortDirection) {
-    SortDirection["asc"] = "asc";
-    SortDirection["desc"] = "desc";
-})(SortDirection || (SortDirection = {}));
-var TableContext = createContext({});
-export var TableDataProvider = function (_a) {
-    var children = _a.children, dataUrl = _a.dataUrl, _b = _a.query, query = _b === void 0 ? "" : _b, _c = _a.filters, filters = _c === void 0 ? null : _c, _d = _a.defaultSortBy, defaultSortBy = _d === void 0 ? { field: null, direction: null } : _d, _e = _a.onGetData, onGetData = _e === void 0 ? null : _e;
-    var _f = useState([]), data = _f[0], setData = _f[1];
-    var _g = useState(false), isLoading = _g[0], setLoading = _g[1];
-    var _h = useState(1), currentPage = _h[0], setCurrentPage = _h[1];
-    var _j = useState(null), totalPages = _j[0], setTotalPages = _j[1];
-    var _k = useState(defaultSortBy), sortBy = _k[0], setSortBy = _k[1];
-    var _l = useState(0), totalCount = _l[0], setTotalCount = _l[1];
-    var _m = useState(50), pageSize = _m[0], setPageSize = _m[1];
-    var getData = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var payload, e_1;
-        var _a, _b, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    setLoading(true);
-                    _d.label = 1;
-                case 1:
-                    _d.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, api.get(dataUrl, {
-                            params: {
-                                query: query,
-                                page: currentPage,
-                                per_page: pageSize,
-                                sort: sortBy.field,
-                                sort_direction: sortBy.direction,
-                                filters: filters || {},
-                            },
-                        })];
-                case 2:
-                    payload = (_d.sent()).data;
-                    if (((_a = payload === null || payload === void 0 ? void 0 : payload.data) === null || _a === void 0 ? void 0 : _a.length) === 0 && currentPage > 1) {
-                        setCurrentPage(function (oldValue) { return oldValue - 1; });
-                        return [2 /*return*/];
-                    }
-                    if (onGetData) {
-                        onGetData(payload);
-                    }
-                    setData(payload.data);
-                    setTotalPages((_b = payload.pagination) === null || _b === void 0 ? void 0 : _b.total_pages);
-                    setTotalCount((_c = payload.pagination) === null || _c === void 0 ? void 0 : _c.total_count);
-                    setLoading(false);
-                    return [3 /*break*/, 4];
-                case 3:
-                    e_1 = _d.sent();
-                    setLoading(false);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    useEffect(function () {
-        getData();
-    }, [query, dataUrl, sortBy, filters, pageSize, currentPage]);
-    var value = {
-        data: data,
-        isLoading: isLoading,
-        currentPage: currentPage,
-        totalPages: totalPages || 1,
-        sortBy: sortBy,
-        pageSize: pageSize,
-        totalCount: totalCount,
-        setPageSize: setPageSize,
-        getData: getData,
-        setSortBy: setSortBy,
-        setCurrentPage: setCurrentPage,
-    };
-    return (_jsx(TableContext.Provider, __assign({ value: value }, { children: data ? children : isLoading && _jsx(Spinner, { mt: 200 }) })));
-};
-export var useTableContext = function () { return useContext(TableContext); };

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const CustomScrollbarsVirtualList: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;

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

@@ -1,34 +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 { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback } from "react";
-import { Scrollbars } from "react-custom-scrollbars";
-import styled from "styled-components";
-var StyledScrollbars = styled(Scrollbars)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  scrollbar-width: thin;\n  scrollbar-color: #b1b1b2 transparent;\n\n  ::-webkit-scrollbar {\n    width: 0;\n    height: 5px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background-color: #b1b1b2;\n    border-radius: 3px;\n  }\n\n  ::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  > div:first-of-type {\n    margin-bottom: 0 !important;\n  }\n"], ["\n  scrollbar-width: thin;\n  scrollbar-color: #b1b1b2 transparent;\n\n  ::-webkit-scrollbar {\n    width: 0;\n    height: 5px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background-color: #b1b1b2;\n    border-radius: 3px;\n  }\n\n  ::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  > div:first-of-type {\n    margin-bottom: 0 !important;\n  }\n"])));
-var CustomScrollbars = function (_a) {
-    var onScroll = _a.onScroll, forwardedRef = _a.forwardedRef, style = _a.style, children = _a.children;
-    var refSetter = useCallback(function (scrollbarsRef) {
-        if (scrollbarsRef) {
-            forwardedRef(scrollbarsRef.view);
-        }
-        else {
-            forwardedRef(null);
-        }
-    }, []);
-    return (_jsx(StyledScrollbars, __assign({ renderTrackHorizontal: function (props) { return (_jsx("div", __assign({}, props, { style: { display: "none" }, className: "track-horizontal" }))); }, ref: refSetter, style: style, onScroll: onScroll }, { children: children })));
-};
-export var CustomScrollbarsVirtualList = forwardRef(function (props, ref) { return (_jsx(CustomScrollbars, __assign({}, props, { forwardedRef: ref }))); });
-var templateObject_1;

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

@@ -1,69 +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);
-};
-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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import styled, { css } from "styled-components";
-import { Div } from "../../../styled/utils";
-import { SortDirection } from "../TableDataProvider";
-import { chevronDown as chevronDownIcon } from "../icons";
-import { TableViewCellContainer, defaultTableHeaderHeightPx, getColumnWidthsPx, } from "./common";
-export var TableViewHeader = styled(TableViewCellContainer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-bottom: none;\n  box-shadow: inset 0 -1px 0 ", ";\n  background-color: ", ";\n  ", ";\n  color: ", ";\n"], ["\n  border-bottom: none;\n  box-shadow: inset 0 -1px 0 ", ";\n  background-color: ", ";\n  ", ";\n  color: ", ";\n"])), function (p) { return p.theme.colors.gray300; }, function (p) { return p.theme.colors.tableHeader; }, function (p) { return p.theme.css.body2; }, function (p) { return p.theme.colors.text; });
-export var SortIndicator = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-left: 10px;\n  margin-top: -4px;\n  ", "\n  svg {\n    path {\n      fill: ", ";\n    }\n  }\n"], ["\n  margin-left: 10px;\n  margin-top: -4px;\n  ", "\n  svg {\n    path {\n      fill: ", ";\n    }\n  }\n"])), function (p) {
-    return p.direction === SortDirection.asc && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      margin-top: 3px;\n      transform: rotate(180deg);\n    "], ["\n      margin-top: 3px;\n      transform: rotate(180deg);\n    "])));
-}, function (p) { return p.theme.colors.gray300; });
-export var TableHeadersContainer = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  overflow-x: hidden;\n  background-color: ", ";\n"], ["\n  overflow-x: hidden;\n  background-color: ", ";\n"])), function (p) { return p.theme.colors.tableHeader; });
-export var TableHeadersContent = styled(Div)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  /* We may add some padding-right here \n  since TableHeadersContainer has overflow-x: hidden */\n  /* Table header scrolling is controlled by the table content,\n  we need to add some padding to cover the width of the vertical scrollbars that may \n  be present in the table content. Scrollbars can vary between browsers and OSes,\n  Assuming scrollbars won't be wider than 100px: */\n  box-shadow: inset 0 -1px 0 ", ";\n  padding-right: 100px;\n"], ["\n  /* We may add some padding-right here \n  since TableHeadersContainer has overflow-x: hidden */\n  /* Table header scrolling is controlled by the table content,\n  we need to add some padding to cover the width of the vertical scrollbars that may \n  be present in the table content. Scrollbars can vary between browsers and OSes,\n  Assuming scrollbars won't be wider than 100px: */\n  box-shadow: inset 0 -1px 0 ", ";\n  padding-right: 100px;\n"])), function (p) { return p.theme.colors.gray300; });
-export var TableHeaders = function (_a) {
-    var _b = _a.scrollLeft, scrollLeft = _b === void 0 ? 0 : _b, columns = _a.columns, sortBy = _a.sortBy, rowHeight = _a.rowHeight, containerRef = _a.containerRef, setSortBy = _a.setSortBy, _c = _a.height, height = _c === void 0 ? defaultTableHeaderHeightPx : _c, containerWidth = _a.containerWidth, rowWidth = _a.rowWidth, props = __rest(_a, ["scrollLeft", "columns", "sortBy", "rowHeight", "containerRef", "setSortBy", "height", "containerWidth", "rowWidth"]);
-    var t = useTranslation().t;
-    return (_jsx(TableHeadersContainer, __assign({ ref: containerRef, w: containerWidth }, { children: _jsx(TableHeadersContent, __assign({ dflex: true, w: rowWidth }, { children: columns.map(function (column, index) {
-                var header = column.header, Header = column.Header;
-                var onHeaderClick = function () {
-                    if (!setSortBy || column.disableSort)
-                        return;
-                    var field = column.dataAccessor;
-                    if ((sortBy === null || sortBy === void 0 ? void 0 : sortBy.field) === field &&
-                        (sortBy === null || sortBy === void 0 ? void 0 : sortBy.direction) === SortDirection.asc) {
-                        setSortBy({
-                            field: field,
-                            direction: SortDirection.desc,
-                        });
-                    }
-                    else {
-                        setSortBy({
-                            field: field,
-                            direction: SortDirection.asc,
-                        });
-                    }
-                };
-                var columnWidthPercentages = getColumnWidthsPx(columns, rowWidth);
-                var columnWidthPercentage = columnWidthPercentages[index];
-                var isLast = index === columns.length - 1;
-                return (_jsxs(TableViewHeader, __assign({ isLast: isLast, className: isLast ? "last-column" : "", w: columnWidthPercentage, onClick: onHeaderClick, h: height }, props, { children: [_jsx(_Fragment, { children: Header ? _jsx(Header, {}) : _jsx(Div, __assign({ truncateText: true }, { children: t(header) })) }), (sortBy === null || sortBy === void 0 ? void 0 : sortBy.field) === column.dataAccessor && (_jsx(SortIndicator, __assign({ direction: sortBy === null || sortBy === void 0 ? void 0 : sortBy.direction }, { children: chevronDownIcon })))] }), index));
-            }) })) })));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/lib/esm/common/Table/TableView/TableRows/TableRow.js

@@ -1,57 +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);
-};
-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 React from "react";
-import { areEqual } from "react-window";
-import styled, { css } from "styled-components";
-import { Div } from "../../../../styled/utils";
-import { getColumnWidthsPx, TableViewCellContainer } from "../common";
-export var Cell = React.memo(function (props) {
-    var children = props.children, cellProps = __rest(props, ["children"]);
-    return (_jsx(TableViewCellContainer, __assign({}, cellProps, { children: children })));
-}, areEqual);
-export var TableViewRow = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: white;\n  ", "\n  ", "\n"], ["\n  background-color: white;\n  ", "\n  ", "\n"])), function (p) {
-    return !p.isLast && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      box-shadow: inset 0 -1px 0 ", ";\n    "], ["\n      box-shadow: inset 0 -1px 0 ", ";\n    "])), function (p) { return p.theme.colors.gray300; });
-}, function (p) {
-    return p.isHighlighted && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background: ", ";\n      box-shadow: inset 0 0 0 3px ", ";\n\n      .input-content {\n        background: transparent;\n        border: none;\n        box-shadow: none;\n\n        &,\n        input {\n          color: ", ";\n        }\n      }\n    "], ["\n      background: ", ";\n      box-shadow: inset 0 0 0 3px ", ";\n\n      .input-content {\n        background: transparent;\n        border: none;\n        box-shadow: none;\n\n        &,\n        input {\n          color: ", ";\n        }\n      }\n    "])), p.theme.colors.blue100, p.theme.colors.blue500, p.theme.colors.gray1000);
-});
-export var TableRow = function (_a) {
-    var row = _a.row, indexI = _a.indexI, columns = _a.columns, isLast = _a.isLast, onRowClick = _a.onRowClick, getItemKey = _a.getItemKey, rowWidth = _a.rowWidth, _b = _a.isRowSelected, isRowSelected = _b === void 0 ? false : _b, props = __rest(_a, ["row", "indexI", "columns", "isLast", "onRowClick", "getItemKey", "rowWidth", "isRowSelected"]);
-    var isHighlighted = isRowSelected;
-    var key = getItemKey ? getItemKey(row) : "".concat(indexI);
-    return (_jsx(TableViewRow, __assign({ "data-test-id": "row-".concat(indexI), id: "row-id-".concat(key), dflex: true }, { isHighlighted: isHighlighted, isLast: isLast }, props, { children: columns.map(function (column, indexJ) {
-            var Content = column.Content;
-            var resolvedKey = "column-".concat(indexJ, "-row-").concat(key);
-            var columnWidthPercentages = getColumnWidthsPx(columns, rowWidth);
-            var columnWidthPercentage = columnWidthPercentages[indexJ];
-            var isLastColumn = indexJ === columns.length - 1;
-            return (_jsx(Cell, __assign({ row: row, onClick: onRowClick && !column.preventRowClick
-                    ? function () { return onRowClick(row); }
-                    : null, isLast: isLastColumn, className: isLastColumn ? "last-column" : "", w: columnWidthPercentage }, { children: Content ? (_jsx(Content, __assign({}, row, { columnWidth: columnWidthPercentage, rowIndex: indexI }))) : (_jsx(Div, __assign({ truncateText: true }, { children: row[column.dataAccessor] || "-" }))) }), resolvedKey));
-        }) })));
-};
-var templateObject_1, templateObject_2, templateObject_3;

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

@@ -1,48 +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);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useSortable } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { Div } from "../../../../styled/utils";
-import React from "react";
-import { areEqual } from "react-window";
-import { useSpreadsheetContext } from "../../../../Importer";
-import { TableRow } from "./TableRow";
-var Row = React.memo(function (_a) {
-    var _b;
-    var data = _a.data, rowIndex = _a.rowIndex, style = _a.style;
-    var items = data.items, rowWidth = data.rowWidth, isDraggable = data.isDraggable, onRowClick = data.onRowClick, columns = data.columns, rowHeight = data.rowHeight, getItemKey = data.getItemKey;
-    var item = items[rowIndex];
-    var selectedRows = useSpreadsheetContext().selectedRows;
-    var isRowSelected = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes((_b = item === null || item === void 0 ? void 0 : item._meta) === null || _b === void 0 ? void 0 : _b.id);
-    var Container = isDraggable ? DraggableRow : Div;
-    var containerProps = { style: style };
-    if (isDraggable)
-        containerProps = __assign(__assign({}, containerProps), { item: item });
-    return (_jsx(Container, __assign({}, containerProps, { children: _jsx(TableRow, { rowWidth: rowWidth, columns: columns, onRowClick: onRowClick, h: rowHeight, row: item, indexI: rowIndex, isLast: rowIndex === items.length - 1, pRelative: true, getItemKey: getItemKey, isRowSelected: isRowSelected || false, className: rowIndex <
-                items.findIndex(function (item) { var _a; return ((_a = item === null || item === void 0 ? void 0 : item._meta) === null || _a === void 0 ? void 0 : _a.id) === (selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows[0]); })
-                ? "before-selected-row"
-                : "" }) })));
-}, areEqual);
-var DraggableRow = React.memo(function (_a) {
-    var item = _a.item, baseStyle = _a.style, children = _a.children;
-    var _b = useSortable({
-        id: item.id,
-    }), listeners = _b.listeners, setNodeRef = _b.setNodeRef, transform = _b.transform;
-    var dragAndDropStyles = {
-        transform: CSS.Transform.toString(transform),
-    };
-    var dragAndDropHandler = __assign({}, listeners);
-    item.dragAndDropHandler = dragAndDropHandler;
-    return (_jsx(Div, __assign({ style: __assign(__assign({}, baseStyle), dragAndDropStyles), ref: setNodeRef }, { children: children })));
-}, areEqual);
-export { Row, DraggableRow };

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

@@ -1,37 +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 styled, { css } from "styled-components";
-import { Div } from "../../../../styled/utils";
-export var defaultTableRowHeightPx = 60;
-export var defaultTableHeaderHeightPx = 60;
-export var getColumnWidthsPx = function (columns, rowWidth) {
-    var round4 = function (n) { return Number((Math.floor(n * 10000) / 10000).toFixed(4)); };
-    var totalColumnWidthCount = columns.reduce(function (sum, c) {
-        return sum + (c.width ? c.width : 1);
-    }, 0);
-    var remainingPercentage = 1;
-    var percentages = columns.map(function (column, index) {
-        if (index === columns.length - 1) {
-            // for the last column, just use the remaining percentage
-            // to avoid floating point errors
-            return round4(remainingPercentage);
-        }
-        var percentage = (column.width || 1) / totalColumnWidthCount;
-        percentage = round4(percentage);
-        remainingPercentage -= percentage;
-        remainingPercentage = round4(remainingPercentage);
-        return percentage;
-    });
-    var res = percentages.map(function (p) { return Math.floor(p * rowWidth); });
-    return res.map(function (r) { return r + "px"; });
-};
-export var TableViewCellContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  padding-left: 16px;\n  align-items: center;\n  color: ", ";\n\n  ", "\n  ", ";\n"], ["\n  display: flex;\n  padding-left: 16px;\n  align-items: center;\n  color: ", ";\n\n  ", "\n  ", ";\n"])), function (p) { return p.theme.colors.textPrim; }, function (_a) {
-    var onClick = _a.onClick;
-    return onClick && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      :hover {\n        cursor: pointer;\n      }\n    "], ["\n      :hover {\n        cursor: pointer;\n      }\n    "])));
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.css.body3;
-});
-var templateObject_1, templateObject_2;

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

@@ -1,132 +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);
-};
-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, 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 AutoSizer from "react-virtualized-auto-sizer";
-import { FixedSizeGrid as Grid, areEqual } from "react-window";
-import styled, { css } from "styled-components";
-import { Div } from "../../../styled/utils";
-import { Spinner } from "../../Spinner";
-import { TableHeaders } from "./TableHeaders";
-import { Row } from "./TableRows";
-import { defaultTableHeaderHeightPx, defaultTableRowHeightPx } from "./common";
-export * from "./TableHeaders";
-export * from "./TableRows/TableRow";
-export * from "./common";
-export var TableViewWrapper = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n  ", "\n  overflow: hidden;\n\n  ", "\n\n  // prevents clipped dropdowns\n  .ReactVirtualized__Grid__innerScrollContainer {\n    overflow: visible !important;\n  }\n  .ReactVirtualized__Table__row {\n    overflow: visible !important;\n  }\n"], ["\n  ", "\n  ", "\n  overflow: hidden;\n\n  ", "\n\n  // prevents clipped dropdowns\n  .ReactVirtualized__Grid__innerScrollContainer {\n    overflow: visible !important;\n  }\n  .ReactVirtualized__Table__row {\n    overflow: visible !important;\n  }\n"])), function (p) {
-    return p.isLoading && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      opacity: 0.5;\n    "], ["\n      opacity: 0.5;\n    "])));
-}, function (p) {
-    return !p.isLoading && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      box-shadow: 0 0 0 1px ", ";\n    "], ["\n      box-shadow: 0 0 0 1px ", ";\n    "])), function (p) { return p.theme.colors.gray300; });
-}, function (_a) {
-    var checkboxColumnWidth = _a.checkboxColumnWidth;
-    return checkboxColumnWidth && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      max-width: calc(100vw - ", "px);\n    "], ["\n      max-width: calc(100vw - ", "px);\n    "])), checkboxColumnWidth);
-});
-var SpinnerWrapper = styled(Div)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  pointer-events: none;\n  z-index: 100;\n"], ["\n  pointer-events: none;\n  z-index: 100;\n"])));
-var tableHeaderId = "tableHeaderId";
-var VirtualizedGrid = styled(Grid)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (p) { return p.theme.css.scrollbarDark; });
-var loadingUI = (_jsx(SpinnerWrapper, __assign({ pRelative: true }, { children: _jsx(Div, __assign({ w100: true, h100: true, centered: true, h: 400, pAbsolute: true }, { children: _jsx(Spinner, {}) })) })));
-var buildGridStyles = function (rowWidthScalingFactor) {
-    /* using style={{ willChange: "unset" }} is important for having items
-              like backdrops with position fixed inside of the table working as
-              expected. Required for dropdowns in cells */
-    var gridStyles = {
-        outline: "none",
-        willChange: "unset",
-        boxSizing: "border-box",
-    };
-    if (rowWidthScalingFactor === 1)
-        gridStyles = __assign(__assign({}, gridStyles), { overflowX: "hidden", overflowY: "auto" });
-    else if (rowWidthScalingFactor > 1)
-        gridStyles = __assign(__assign({}, gridStyles), { overflowX: "auto" });
-    return gridStyles;
-};
-export var TableView = React.memo(function (_a) {
-    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;
-        if (headerContainerRef.current && headerContainerRef.current.scrollTo) {
-            requestAnimationFrame(function () {
-                var _a;
-                (_a = headerContainerRef === null || headerContainerRef === void 0 ? void 0 : headerContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
-                    left: scrollLeft,
-                });
-            });
-        }
-        if (onTableScroll) {
-            onTableScroll(scrollTop);
-        }
-    };
-    var onItemsRendered = useCallback(function (_a) {
-        var rowStartIndex = _a.overscanRowStartIndex, rowStopIndex = _a.overscanRowStopIndex;
-        if (onSectionRendered) {
-            onSectionRendered({
-                rowStartIndex: rowStartIndex,
-                rowStopIndex: rowStopIndex,
-                data: data.slice(rowStartIndex, rowStopIndex + 1),
-            });
-        }
-    }, [data, onSectionRendered]);
-    var tableHeight = pageSize
-        ? pageSize * rowHeight + tableHeadersHeight
-        : h;
-    var canRenderTableHeaders = isFiltering ? true : data.length > 0;
-    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;
-                    // using Math.floor to avoid floating point errors with the grid and table cell widths
-                    var rowWidth = Math.floor(autosizerWidth * rowWidthScalingFactor);
-                    var gridProps = {
-                        itemData: {
-                            items: data,
-                            isDraggable: isDraggable,
-                            rowWidth: rowWidth,
-                            onRowClick: onRowClick,
-                            columns: columns,
-                            rowHeight: rowHeight,
-                            getItemKey: getItemKey,
-                        },
-                        style: buildGridStyles(rowWidthScalingFactor),
-                        width: autosizerWidth,
-                        columnCount: 1,
-                        onItemsRendered: onItemsRendered,
-                        onScroll: onScroll,
-                        columnWidth: rowWidth,
-                        height: autosizerHeight - tableHeadersHeight,
-                        rowHeight: rowHeight,
-                        rowCount: data.length,
-                    };
-                    var GridContainer = isDraggable
-                        ? SortableContext
-                        : Fragment;
-                    var gridContainerProps = isDraggable
-                        ? { items: data, strategy: verticalListSortingStrategy }
-                        : {};
-                    return (_jsxs(_Fragment, { children: [canRenderTableHeaders && (_jsx(TableHeaders, { rowWidth: rowWidth, containerWidth: autosizerWidth, id: tableHeaderId, containerRef: headerContainerRef, height: tableHeadersHeight, rowHeight: rowHeight, scrollLeft: 0, columns: columns, sortBy: sortBy, setSortBy: setSortBy })), _jsx(GridContainer, __assign({}, gridContainerProps, { children: _jsx(VirtualizedGrid, __assign({}, gridProps, { children: Row })) }))] }));
-                } })] })));
-}, areEqual);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -1 +0,0 @@
-export {};