fuse-importer 0.2.0-testing → 0.2.1-testing

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

@@ -1,128 +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 { createContext, useContext, useRef, useState } from "react";
-import { css } from "styled-components";
-import { useSpreadsheetContext } from "../../SpreadsheetContextProvider";
-// 1x1 transparent GIF to prevent drag image from showing
-var img = new Image();
-img.src =
-    "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==";
-var CellContext = createContext({});
-export var CellContextProvider = function (_a) {
-    var children = _a.children, rowIndex = _a.rowIndex, colIndex = _a.colIndex;
-    var _b = useState(false), isFocused = _b[0], setIsFocused = _b[1];
-    var _c = useSpreadsheetContext(), isReadOnly = _c.isReadOnly, selectedCellRect = _c.selectedCellRect, setSelectedCellRect = _c.setSelectedCellRect;
-    var isSelected = (function () {
-        var start = selectedCellRect.start, end = selectedCellRect.end;
-        var isRowSelected = rowIndex >= start.rowIndex && rowIndex <= end.rowIndex;
-        var isColSelected = colIndex >= start.colIndex && colIndex <= end.colIndex;
-        return isRowSelected && isColSelected;
-    })();
-    var selectedCellsCount = (function () {
-        var start = selectedCellRect.start, end = selectedCellRect.end;
-        return ((end.rowIndex - start.rowIndex + 1) * (end.colIndex - start.colIndex + 1));
-    })();
-    var updateSelectionRect = function (newRowIndex, newColIndex) {
-        setSelectedCellRect(function (prev) {
-            return __assign(__assign({}, prev), { start: {
-                    rowIndex: Math.min(prev.initialCell.rowIndex, newRowIndex),
-                    colIndex: Math.min(prev.initialCell.colIndex, newColIndex),
-                }, end: {
-                    rowIndex: Math.max(prev.initialCell.rowIndex, newRowIndex),
-                    colIndex: Math.max(prev.initialCell.colIndex, newColIndex),
-                } });
-        });
-    };
-    var onClick = function (e) {
-        if (e.shiftKey) {
-            updateSelectionRect(rowIndex, colIndex);
-        }
-        else {
-            setIsFocused(true);
-            setSelectedCellRect({
-                start: { rowIndex: rowIndex, colIndex: colIndex },
-                end: { rowIndex: rowIndex, colIndex: colIndex },
-                initialCell: { rowIndex: rowIndex, colIndex: colIndex },
-            });
-        }
-    };
-    var onBlur = function () {
-        setIsFocused(false);
-    };
-    var onDragOver = function () {
-        if (isUpdatingSelection.current)
-            return;
-        isUpdatingSelection.current = true;
-        setTimeout(function () {
-            isUpdatingSelection.current = false;
-            updateSelectionRect(rowIndex, colIndex);
-        }, 50);
-    };
-    var onDragStart = function (e) {
-        e.dataTransfer.setDragImage(img, -10, -10);
-        setSelectedCellRect({
-            start: { rowIndex: rowIndex, colIndex: colIndex },
-            end: { rowIndex: rowIndex, colIndex: colIndex },
-            initialCell: { rowIndex: rowIndex, colIndex: colIndex },
-            editMode: true,
-        });
-    };
-    var isUpdatingSelection = useRef(false);
-    var onDragEnd = function () {
-        setSelectedCellRect(function (p) { return (__assign(__assign({}, p), { editMode: false })); });
-    };
-    var selectedCellStyles = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), function (p) {
-        var start = selectedCellRect.start, end = selectedCellRect.end, initialCell = selectedCellRect.initialCell;
-        var isTopEdge = rowIndex === start.rowIndex;
-        var isBottomEdge = rowIndex === end.rowIndex;
-        var isLeftEdge = colIndex === start.colIndex;
-        var isRightEdge = colIndex === end.colIndex;
-        var withDashedBorder = selectedCellRect.isDashed;
-        var isInitialCell = rowIndex === (initialCell === null || initialCell === void 0 ? void 0 : initialCell.rowIndex) &&
-            colIndex === (initialCell === null || initialCell === void 0 ? void 0 : initialCell.colIndex);
-        // add selection rect border
-        var boxShadow = [
-            isTopEdge ? "inset 0 1px 0 ".concat(p.theme.colors.blue500) : "",
-            isRightEdge
-                ? "inset -2px 0 0 ".concat(p.theme.colors.blue500)
-                : "inset -1px 0 0 ".concat(p.theme.colors.gray300),
-            isBottomEdge ? "inset 0 -1px 0 ".concat(p.theme.colors.blue500) : "",
-            isLeftEdge ? "inset 1px 0 0 ".concat(p.theme.colors.blue500) : "",
-        ]
-            .filter(Boolean)
-            .join(", ");
-        var isInSelectionRect = selectedCellsCount > 1 && isSelected;
-        return (isInSelectionRect && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          background-color: ", ";\n          box-shadow: ", ";\n          ", "\n          ", "\n        "], ["\n          background-color: ", ";\n          box-shadow: ", ";\n          ", "\n          ", "\n        "])), p.theme.colors.blue100, boxShadow, withDashedBorder && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            box-shadow: inset -1px 0 0 ", ";\n            position: relative;\n            &::before {\n              content: \"\";\n              position: absolute;\n              top: ", ";\n              right: ", ";\n              bottom: ", ";\n              left: ", ";\n              border: 2.5px dashed ", ";\n            }\n          "], ["\n            box-shadow: inset -1px 0 0 ", ";\n            position: relative;\n            &::before {\n              content: \"\";\n              position: absolute;\n              top: ", ";\n              right: ", ";\n              bottom: ", ";\n              left: ", ";\n              border: 2.5px dashed ", ";\n            }\n          "])), function (p) { return p.theme.colors.gray300; }, isTopEdge ? "0" : "-2.5px", isRightEdge ? "0" : "-2.5px", isBottomEdge ? "0" : "-2.5px", isLeftEdge ? "0" : "-2.5px", p.theme.colors.blue500), isInitialCell && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            box-shadow: inset 0 0 0 2px ", ";\n          "], ["\n            box-shadow: inset 0 0 0 2px ", ";\n          "])), p.theme.colors.blue500)));
-    });
-    var selectionProps = isReadOnly
-        ? {}
-        : {
-            onClick: onClick,
-            onDragStart: onDragStart,
-            onDragEnd: onDragEnd,
-            onDragOver: onDragOver,
-            onBlur: onBlur,
-            draggable: !isFocused,
-        };
-    return (_jsx(CellContext.Provider, __assign({ value: {
-            isSelected: selectedCellsCount > 1 ? isSelected : false,
-            selectionProps: selectionProps,
-            selectedCellStyles: selectedCellStyles,
-        } }, { children: children })));
-};
-export var useCellContext = function () { return useContext(CellContext); };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;