fuse-importer 0.0.1-staging → 0.0.1-testing

package/lib/esm/common/Table/TableView/TableRows/TableRow.d.ts

@@ -7,7 +7,7 @@ type TableViewRowProps = {
     isLast: boolean;
 };
 export declare const TableViewRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../../styled/utils").CSSProps & TableViewRowProps, never>;
-type Props = Pick<TableViewProps, "columns" | "onRowClick" | "highlightFirstRow"> & {
+type Props = Pick<TableViewProps, "columns" | "onRowClick"> & {
     row: any;
     rowWidth: number;
     indexI: number;
@@ -15,5 +15,5 @@ type Props = Pick<TableViewProps, "columns" | "onRowClick" | "highlightFirstRow"
     getItemKey?: (row: any) => string;
     isRowSelected?: boolean;
 } & DivCSSProps;
-export declare const TableRow: ({ row, indexI, columns, isLast, highlightFirstRow, onRowClick, getItemKey, rowWidth, isRowSelected, ...props }: Props) => JSX.Element;
+export declare const TableRow: ({ row, indexI, columns, isLast, onRowClick, getItemKey, rowWidth, isRowSelected, ...props }: Props) => JSX.Element;
 export {};

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

@@ -40,11 +40,11 @@ export var TableViewRow = styled(Div)(templateObject_3 || (templateObject_3 = __
     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, highlightFirstRow = _a.highlightFirstRow, 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", "highlightFirstRow", "onRowClick", "getItemKey", "rowWidth", "isRowSelected"]);
-    var isHighlighted = (indexI === 0 && highlightFirstRow) || isRowSelected;
-    return (_jsx(TableViewRow, __assign({ "data-test-id": "row-".concat(indexI), dflex: true }, { isHighlighted: isHighlighted, isLast: isLast }, props, { children: columns.map(function (column, indexJ) {
+    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 key = getItemKey ? getItemKey(row) : "".concat(indexI);
             var resolvedKey = "column-".concat(indexJ, "-row-").concat(key);
             var columnWidthPercentages = getColumnWidthsPx(columns, rowWidth);
             var columnWidthPercentage = columnWidthPercentages[indexJ];

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

@@ -10,17 +10,17 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CSS } from "@dnd-kit/utilities";
 import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
 import { Div } from "../../../../styled/utils";
-import { TableRow } from "./TableRow";
 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, highlightFirstRow = data.highlightFirstRow, rowHeight = data.rowHeight, getItemKey = data.getItemKey;
+    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);
@@ -28,7 +28,10 @@ var Row = React.memo(function (_a) {
     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, highlightFirstRow: highlightFirstRow, h: rowHeight, row: item, indexI: rowIndex, isLast: rowIndex === items.length - 1, pRelative: true, getItemKey: getItemKey, isRowSelected: isRowSelected || false }) })));
+    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;

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, highlightFirstRow, setSortBy, rowWidthScalingFactor, onSectionRendered, tableHeadersHeight, rowHeight, h, 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, onScrollToBottom, 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,7 +66,8 @@ var buildGridStyles = function (rowWidthScalingFactor) {
     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.highlightFirstRow, highlightFirstRow = _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.onTableScroll, onTableScroll = _l === void 0 ? null : _l, _m = _a.getItemKey, getItemKey = _m === void 0 ? null : _m, _o = _a.isDraggable, isDraggable = _o === void 0 ? false : _o, checkboxColumnWidth = _a.checkboxColumnWidth, _p = _a.isFiltering, isFiltering = _p === void 0 ? false : _p, props = __rest(_a, ["data", "columns", "pageSize", "onRowClick", "sortBy", "isLoading", "highlightFirstRow", "setSortBy", "rowWidthScalingFactor", "onSectionRendered", "tableHeadersHeight", "rowHeight", "h", "onTableScroll", "getItemKey", "isDraggable", "checkboxColumnWidth", "isFiltering"]);
+    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 headerContainerRef = useRef();
     var onScroll = function (_a) {
         var scrollTop = _a.scrollTop, scrollLeft = _a.scrollLeft;
@@ -84,6 +85,10 @@ 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,
@@ -95,9 +100,12 @@ 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({ "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({ ref: virtualizedGridRef, "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 = {
@@ -107,7 +115,6 @@ export var TableView = React.memo(function (_a) {
                             rowWidth: rowWidth,
                             onRowClick: onRowClick,
                             columns: columns,
-                            highlightFirstRow: highlightFirstRow,
                             rowHeight: rowHeight,
                             getItemKey: getItemKey,
                         },

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

@@ -22,12 +22,12 @@ export type TableViewProps = {
     setSortBy?: React.Dispatch<React.SetStateAction<SortBy>>;
     isLoading?: boolean;
     pageSize?: number;
-    highlightFirstRow?: boolean;
     rowWidthScalingFactor?: number;
     rowHeight?: number;
     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/common/inputs/Autocomplete.js

@@ -102,7 +102,7 @@ var Autocomplete = function (_a) {
                         if (!isTyping && prefix)
                             setIsTyping(true);
                         setText(v);
-                    }, icon: isDisabled ? null : inputIconUI, labelTooltip: labelTooltip }) })), !isDisabled && filteredOptions.length > 0 && (_jsx(SelectMenu, __assign({ referenceElement: referenceElement, placement: placement, isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); } }, { children: filteredOptions.map(function (o, index) { return (_jsx(Div, { children: _jsx(MenuItem, __assign({ id: id ? "".concat(id, "-option-").concat(o.label) : null, isSelected: value === (o === null || o === void 0 ? void 0 : o.value), onClick: function () { return onSelect(o === null || o === void 0 ? void 0 : o.value); } }, { children: o.label })) }, index)); }) })))] })));
+                    }, icon: isDisabled ? null : inputIconUI, labelTooltip: labelTooltip }) })), !isDisabled && filteredOptions.length > 0 && (_jsx(SelectMenu, __assign({ referenceElement: referenceElement, placement: placement, isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); } }, { children: filteredOptions.map(function (o, index) { return (_jsx(Div, __assign({ "data-test-id": "autocomplete-menu-item" }, { children: _jsx(MenuItem, __assign({ id: id ? "".concat(id, "-option-").concat(o.label) : null, isSelected: value === (o === null || o === void 0 ? void 0 : o.value), onClick: function () { return onSelect(o === null || o === void 0 ? void 0 : o.value); } }, { children: o.label })) }), index)); }) })))] })));
 };
 var chevronDownIcon = (_jsx("svg", __assign({ width: "16", height: "9", viewBox: "0 0 16 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M14.9263 1L7.9631 7.96317L0.999928 1", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
 var clearIcon = (_jsxs("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M4 4L12.5161 12.5161", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M4 12.5161L12.5161 3.99998", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })));

package/lib/esm/common/inputs/Checkbox.js

@@ -45,7 +45,7 @@ var Checkbox = function (_a) {
         var newValue = !isChecked || isIndeterminate;
         onChange(newValue);
     };
-    return (_jsx(Container, __assign({}, __assign({ isChecked: isChecked, isDisabled: isDisabled, isIndeterminate: isIndeterminate, onClick: handleOnChange }, props), { children: isIndeterminate ? (_jsx(IndeterminateIcon, {})) : (_jsx(Div, __assign({ centered: true }, { children: isChecked && (icon || checkIcon) }))) })));
+    return (_jsx(Container, __assign({}, __assign({ isChecked: isChecked, isDisabled: isDisabled, isIndeterminate: isIndeterminate, onClick: handleOnChange }, props), { "data-test-id": "checkbox" }, { children: isIndeterminate ? (_jsx(IndeterminateIcon, {})) : (_jsx(Div, __assign({ centered: true }, { children: isChecked && (icon || checkIcon) }))) })));
 };
 var checkIcon = (_jsx("svg", __assign({ width: "14", height: "10", viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1.10254 4.74355L5.2051 8.84612L12.8974 1.15381", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
 var IndeterminateIcon = function () { return (_jsx("svg", __assign({ width: "14", height: "2", viewBox: "0 0 14 2", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1 1H13", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }) }))); };

package/lib/esm/index.d.ts

@@ -16,7 +16,7 @@ declare class FuseImporter {
     private windowScrollPosition;
     close(): void;
     show(): Promise<void>;
-    addColumn<T extends FieldTypesAsUnion>({ options, ...requiredProps }: ColumnRequiredProps<T>): void;
+    addColumn<T extends FieldTypesAsUnion>(columnData: ColumnRequiredProps<T>): void;
     private renderImporterComponent;
     private createDivComponent;
     private createIframe;

package/lib/esm/index.js

@@ -45,17 +45,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-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;
-};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -75,6 +64,7 @@ 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 = {}; }
@@ -84,6 +74,28 @@ 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);
@@ -131,23 +143,22 @@ var FuseImporter = /** @class */ (function () {
             });
         });
     };
-    FuseImporter.prototype.addColumn = function (_a) {
-        var _b;
-        var options = _a.options, requiredProps = __rest(_a, ["options"]);
-        validateColumn(__assign(__assign({}, options), requiredProps));
-        var validations = __spreadArray(__spreadArray([], getDefaultValidations(requiredProps.column_type), true), ((options === null || options === void 0 ? void 0 : options.validations) || []), true);
-        var transformations = (_b = options === null || options === void 0 ? void 0 : options.transformations) !== null && _b !== void 0 ? _b : [];
+    FuseImporter.prototype.addColumn = function (columnData) {
+        var column_type = columnData.column_type, internal_key = columnData.internal_key, label = columnData.label, required = columnData.required, pattern = columnData.pattern, position = columnData.position, transformations = columnData.transformations, unique = columnData.unique, validations = columnData.validations, values = columnData.values;
+        validateColumn(columnData);
+        var treatedValidations = __spreadArray(__spreadArray([], getDefaultValidations(column_type), true), (validations || []), true);
+        var treatedTransformations = transformations !== null && transformations !== void 0 ? transformations : [];
         var column = {
-            column_type: requiredProps.column_type,
-            internal_key: requiredProps.internal_key,
-            label: requiredProps.label,
-            required: requiredProps.required,
-            pattern: (options === null || options === void 0 ? void 0 : options.pattern) || null,
-            position: (options === null || options === void 0 ? void 0 : options.position) || null,
-            unique: (options === null || options === void 0 ? void 0 : options.unique) || false,
-            values: requiredProps.column_type === "enum" ? (options === null || options === void 0 ? void 0 : options.values) || [] : [],
-            validations: validations,
-            transformations: transformations,
+            column_type: column_type,
+            internal_key: internal_key,
+            label: label,
+            required: required,
+            pattern: pattern || null,
+            position: position || null,
+            unique: unique || false,
+            values: column_type === "enum" ? values || [] : [],
+            validations: treatedValidations,
+            transformations: treatedTransformations,
         };
         this.dynamicColumns.push(column);
     };

package/lib/esm/locales/de.js

@@ -11,7 +11,7 @@ export default {
     },
     upload: {
         headers_preview: {
-            title: "Überprüfen Sie Ihre Spaltenüberschriften",
+            title: "Wählen Sie eine Kopfzeile aus",
             description: "Die Datei muss Spaltenüberschriften enthalten, um fortzufahren.",
             cancel: "Nein, Datei erneut hochladen",
             continue: "Ja, Weiter",

package/lib/esm/locales/en.js

@@ -11,7 +11,7 @@ export default {
     },
     upload: {
         headers_preview: {
-            title: "Verify Your Column Headers",
+            title: "Select a Header Row",
             description: "File must contain column headers to proceed.",
             cancel: "Re-upload file",
             continue: "Continue",

package/lib/esm/locales/es.js

@@ -11,7 +11,7 @@ export default {
     },
     upload: {
         headers_preview: {
-            title: "Verifica tus encabezados de columna",
+            title: "Seleccione una fila de encabezado",
             description: "El archivo debe contener encabezados de columna para continuar.",
             cancel: "No, vuelva a cargar el archivo",
             continue: "Sí, continuar",

package/lib/esm/locales/fr.js

@@ -11,7 +11,7 @@ export default {
     },
     upload: {
         headers_preview: {
-            title: "Vérifiez vos en-têtes de colonne",
+            title: "Sélectionnez une ligne d'en-tête",
             description: "Le fichier doit contenir des en-têtes de colonne pour continuer.",
             cancel: "Non, re-télécharger le fichier",
             continue: "Oui, continuer",

package/lib/esm/types.d.ts

@@ -5,7 +5,7 @@ export type SpreadsheetOptions = {
     batchValidationDelayMs?: number;
     batchValidationSize?: number;
     showCheckboxColumn?: boolean;
-    firstRowIsHeader?: boolean;
+    withSingleRowSelect?: boolean;
 };
 export type ImporterOptions = {
     zIndex?: number;
@@ -141,13 +141,14 @@ export type Field = {
     validations?: FieldValidation[];
     transformations?: FieldTransformation[];
 };
-export type ColumnRequiredProps<T extends FieldTypesAsUnion> = {
+export type ColumnRequiredProps<T extends FieldTypesAsUnion> = Partial<Pick<TemplateHeader, "unique" | "position" | "pattern">> & {
     internal_key: string;
     label: string;
     column_type: T;
     required: boolean;
-    options?: ColumnOptions<T>;
-};
+    validations?: ColumnValidations<T>[];
+    transformations?: ColumnTransformations<T>[];
+} & (T extends "enum" ? EnumOptions : T extends "time" ? TimeOptions : OtherOptions);
 export type ValidationTypesRules<T extends FieldTypesAsUnion> = T extends "integer" ? IntegerValidationRule : T extends "float" ? FloatValidationRule : T extends "string" ? StringValidationRule : T extends "email" ? EmailValidationRule : T extends "enum" ? EnumValidationRule : T extends "url" ? UrlValidationRule : T extends "boolean" ? BooleanValidationRule : T extends "date" ? DateValidationRule : T extends "datetime" ? DateTimeValidationRule : T extends "time" ? TimeValidationRule : never;
 export type TransformationTypesRules<T extends FieldTypesAsUnion> = T extends "integer" ? IntegerTransformationRule : T extends "float" ? FloatTransformationRule : T extends "string" ? StringTransformationRule : T extends "enum" ? EnumTransformationRule : T extends "url" ? UrlTransformationRule : T extends "date" | "datetime" | "time" ? DateDateTimesAndTimesTransformationRule : never;
 export type ValidationTypeOptions<T extends ValidationTypesRules<FieldTypesAsUnion>> = T extends "cannot_contain" | "contain" | "regex" ? {
@@ -186,10 +187,6 @@ type TimeOptions = {
 type OtherOptions = {
     values?: never;
 };
-export type ColumnOptions<T extends FieldTypesAsUnion> = Partial<Pick<TemplateHeader, "unique" | "position" | "pattern">> & {
-    validations?: ColumnValidations<T>[];
-    transformations?: ColumnTransformations<T>[];
-} & (T extends "enum" ? EnumOptions : T extends "time" ? TimeOptions : OtherOptions);
 type StringValidationRule = "cannot_contain" | "contain" | "max_length" | "min_length" | "length_exactly" | "unique_case_sensitive" | "unique_case_insensitive" | "regex";
 type StringTransformationRule = "sentence_case" | "capitalize" | "uppercase" | "lowercase" | "trim_whitespace";
 type IntegerValidationRule = "less_than" | "greater_than" | "even" | "odd" | "unique_case_sensitive" | "unique_case_insensitive" | "regex";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fuse-importer",
   "private": false,
-  "version": "0.0.1-staging",
+  "version": "0.0.1-testing",
   "description": "Flatirons Fuse is a customizable and powerful CSV Importer that works with all front-end languages",
   "browserslist": {
     "production": [
@@ -45,6 +45,7 @@
     "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",
     "qs": "^6.10.1",
@@ -70,8 +71,6 @@
     "@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",
@@ -93,4 +92,4 @@
     "src/*",
     "**/node_modules"
   ]
-}
+}