@rebasepro/admin 0.1.2 → 0.2.1

package/src/data_export/export/ExportCollectionAction.tsx

@@ -9,8 +9,23 @@ import {
 import { useCMSContext } from "../../hooks";
 import { CollectionActionsProps, Entity, EntityCollection, ExportConfig, RebaseContext, User } from "@rebasepro/types";
 import { getDefaultValuesFor } from "@rebasepro/common";
-import { Alert, BooleanSwitchWithLabel, Button, CircularProgress, cls, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Tooltip , iconSize } from "@rebasepro/ui";
-import { DownloadIcon } from "lucide-react";
+import {
+    Alert,
+    BooleanSwitchWithLabel,
+    Button,
+    CircularProgress,
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogTitle,
+    DownloadIcon,
+    IconButton,
+    iconSize,
+    Label,
+    RadioGroup,
+    RadioGroupItem,
+    Tooltip
+} from "@rebasepro/ui";
 import { downloadEntitiesExport } from "./export";
 
 const DOCS_LIMIT = 500;
@@ -70,7 +85,7 @@ export function ExportCollectionAction<M extends Record<string, unknown>, USER e
                     return {
                         [column.key]: await column.builder({
                             entity,
-                            context: context as unknown as RebaseContext
+                            context: context as RebaseContext
                         })
                     };
                 }))).reduce((a, b) => ({ ...a,
@@ -87,7 +102,7 @@ export function ExportCollectionAction<M extends Record<string, unknown>, USER e
                         return {
                             [field.key]: await field.value({
                                 entity,
-                                context: context as unknown as RebaseContext
+                                context: context as RebaseContext
                             })
                         };
                     }))).reduce((a, b) => ({ ...a,
@@ -185,45 +200,29 @@ export function ExportCollectionAction<M extends Record<string, unknown>, USER e
 
                 <div className={"flex flex-row gap-4"}>
                     <div className={"p-4 flex flex-col"}>
-                        <div className="flex items-center">
-                            <input id="radio-csv" type="radio" value="csv" name="exportType"
-                                checked={exportType === "csv"}
-                                onChange={() => setExportType("csv")}
-                                className={cls("w-4 bg-surface-100 border-surface-300 dark:bg-surface-700 dark:border-surface-600")}/>
-                            <label htmlFor="radio-csv"
-                                className="p-2 text-sm font-medium text-surface-900 dark:text-surface-300">CSV</label>
-                        </div>
-                        <div className="flex items-center">
-                            <input id="radio-json" type="radio" value="json" name="exportType"
-                                checked={exportType === "json"}
-                                onChange={() => setExportType("json")}
-                                className={cls("w-4 bg-surface-100 border-surface-300 dark:bg-surface-700 dark:border-surface-600")}/>
-                            <label htmlFor="radio-json"
-                                className="p-2 text-sm font-medium text-surface-900 dark:text-surface-300">JSON</label>
-                        </div>
+                        <RadioGroup value={exportType} onValueChange={(v) => setExportType(v as "csv" | "json")}>
+                            <div className="flex items-center gap-2">
+                                <RadioGroupItem value="csv" id="radio-csv"/>
+                                <Label htmlFor="radio-csv">CSV</Label>
+                            </div>
+                            <div className="flex items-center gap-2">
+                                <RadioGroupItem value="json" id="radio-json"/>
+                                <Label htmlFor="radio-json">JSON</Label>
+                            </div>
+                        </RadioGroup>
                     </div>
 
                     <div className={"p-4 flex flex-col"}>
-                        <div className="flex items-center">
-                            <input id="radio-timestamp" type="radio" value="timestamp" name="dateExportType"
-                                checked={dateExportType === "timestamp"}
-                                onChange={() => setDateExportType("timestamp")}
-                                className={cls("w-4 bg-surface-100 border-surface-300 dark:bg-surface-700 dark:border-surface-600")}/>
-                            <label htmlFor="radio-timestamp"
-                                className="p-2 text-sm font-medium text-surface-900 dark:text-surface-300">Dates
-                                as
-                                timestamps ({dateRef.current.getTime()})</label>
-                        </div>
-                        <div className="flex items-center">
-                            <input id="radio-string" type="radio" value="string" name="dateExportType"
-                                checked={dateExportType === "string"}
-                                onChange={() => setDateExportType("string")}
-                                className={cls("w-4 bg-surface-100 border-surface-300 dark:bg-surface-700 dark:border-surface-600")}/>
-                            <label htmlFor="radio-string"
-                                className="p-2 text-sm font-medium text-surface-900 dark:text-surface-300">Dates
-                                as
-                                strings ({dateRef.current.toISOString()})</label>
-                        </div>
+                        <RadioGroup value={dateExportType} onValueChange={(v) => setDateExportType(v as "timestamp" | "string")}>
+                            <div className="flex items-center gap-2">
+                                <RadioGroupItem value="timestamp" id="radio-timestamp"/>
+                                <Label htmlFor="radio-timestamp">Dates as timestamps ({dateRef.current.getTime()})</Label>
+                            </div>
+                            <div className="flex items-center gap-2">
+                                <RadioGroupItem value="string" id="radio-string"/>
+                                <Label htmlFor="radio-string">Dates as strings ({dateRef.current.toISOString()})</Label>
+                            </div>
+                        </RadioGroup>
                     </div>
                 </div>
 

package/src/data_import/components/DataNewPropertiesMapping.tsx

@@ -1,8 +1,21 @@
 
 import { getPropertyInPath } from "../../util";
 import { Properties, Property } from "@rebasepro/types";
-import { BooleanSwitchWithLabel, DateTimeField, ExpandablePanel, Select, SelectItem, Table, TableBody, TableCell, TableHeader, TableRow, TextField, Typography } from "@rebasepro/ui";
-import { ChevronRightIcon } from "lucide-react";
+import {
+    BooleanSwitchWithLabel,
+    ChevronRightIcon,
+    DateTimeField,
+    ExpandablePanel,
+    Select,
+    SelectItem,
+    Table,
+    TableBody,
+    TableCell,
+    TableHeader,
+    TableRow,
+    TextField,
+    Typography
+} from "@rebasepro/ui";
 import { getIn, setIn } from "@rebasepro/formex";
 import { ImportConfig } from "../types";
 

package/src/data_import/components/ImportFileUpload.tsx

@@ -1,5 +1,4 @@
-import { FileUpload } from "@rebasepro/ui";
-import { UploadIcon } from "lucide-react";
+import { FileUpload, UploadIcon } from "@rebasepro/ui";
 import { convertFileToJson } from "../utils/file_to_json";
 import { useSnackbarController } from "@rebasepro/core";
 

package/src/data_import/components/ImportNewPropertyFieldPreview.tsx

@@ -5,8 +5,7 @@ import {
     getFieldConfig,
     PropertyConfigBadge
 } from "../../components";
-import { ErrorBoundary, IconButton, TextField } from "@rebasepro/ui";
-import { PencilIcon } from "lucide-react";
+import { ErrorBoundary, IconButton, PencilIcon, TextField } from "@rebasepro/ui";
 
 export function ImportNewPropertyFieldPreview({
     propertyKey,

package/src/data_import/import/ImportCollectionAction.tsx

@@ -13,8 +13,22 @@ import {
 } from "../../components";
 import { EntityCollectionTable } from "../../components/EntityCollectionTable/EntityCollectionTable";
 import { useCollectionRegistryController } from "../../hooks";
-import { Button, cls, defaultBorderMixin, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, Select, SelectItem, Tooltip, Typography , iconSize } from "@rebasepro/ui";
-import { UploadIcon } from "lucide-react";
+import {
+    Button,
+    cls,
+    defaultBorderMixin,
+    Dialog,
+    DialogActions,
+    DialogContent,
+    DialogTitle,
+    IconButton,
+    iconSize,
+    Select,
+    SelectItem,
+    Tooltip,
+    Typography,
+    UploadIcon
+} from "@rebasepro/ui";
 import { buildEntityPropertiesFromData } from "@rebasepro/schema-inference";
 import { useImportConfig } from "../hooks";
 import { convertDataToEntity, getInferenceType } from "../utils";
@@ -66,7 +80,7 @@ export function ImportCollectionAction<M extends Record<string, unknown>, USER e
 
         if (data.length > 0) {
             const originProperties = await buildEntityPropertiesFromData(data, getInferenceType);
-            importConfig.setOriginProperties(originProperties as any);
+            importConfig.setOriginProperties(originProperties as Properties);
 
             const headersMapping = buildHeadersMappingFromData(data, collection?.properties);
             importConfig.setHeadersMapping(headersMapping);
@@ -162,7 +176,7 @@ export function ImportCollectionAction<M extends Record<string, unknown>, USER e
 
                 {step === "import_data_saving" && importConfig &&
                     <ImportSaveInProgress importConfig={importConfig}
-                        collection={collection as unknown as EntityCollection}
+                        collection={collection as EntityCollection}
                         path={path}
                         onImportSuccess={(importedCollection) => {
                             handleClose();
@@ -406,12 +420,11 @@ function buildHeadersMappingFromData(objArr: object[], properties?: Properties)
     const headersMapping: Record<string, string> = {};
     objArr.filter(Boolean).forEach((obj) => {
         Object.keys(obj).forEach((key) => {
-            // @ts-ignore
-            const child = obj[key];
-            if (typeof child === "object" && !Array.isArray(child)) {
+            const child = (obj as Record<string, unknown>)[key];
+            if (child != null && typeof child === "object" && !Array.isArray(child)) {
                 const childProperty = properties?.[key];
                 const childProperties = childProperty && "properties" in childProperty ? childProperty.properties : undefined;
-                const childHeadersMapping = buildHeadersMappingFromData([child], childProperties);
+                const childHeadersMapping = buildHeadersMappingFromData([child as object], childProperties);
                 Object.entries(childHeadersMapping).forEach(([subKey, mapping]) => {
                     headersMapping[`${key}.${subKey}`] = `${key}.${mapping}`;
                 });

package/src/data_import/utils/data.ts

@@ -1,5 +1,5 @@
 import { getPropertyInPath } from "../../util";
-import { AuthController, Entity, EntityCollection, EntityReference, CollectionRegistryController, Properties, Property } from "@rebasepro/types";
+import { AuthController, Entity, EntityCollection, EntityReference, CollectionRegistryController, Properties, Property, Vector } from "@rebasepro/types";
 import { isPropertyBuilder } from "@rebasepro/common";
 import { unflattenObject } from "./file_to_json";
 import { getIn } from "@rebasepro/formex";
@@ -54,14 +54,13 @@ export function convertDataToEntity(authController: AuthController,
     };
 }
 
-export function flattenEntry(obj: any, parent = ""): any {
-    return Object.keys(obj).reduce((acc, key) => {
+export function flattenEntry(obj: Record<string, unknown>, parent = ""): Record<string, unknown> {
+    return Object.keys(obj).reduce<Record<string, unknown>>((acc, key) => {
         const prefixedKey = parent ? `${parent}.${key}` : key;
 
         if (typeof obj[key] === "object" && !(obj[key] instanceof Date) && obj[key] !== null && !Array.isArray(obj[key])) {
-            Object.assign(acc, flattenEntry(obj[key], prefixedKey));
+            Object.assign(acc, flattenEntry(obj[key] as Record<string, unknown>, prefixedKey));
         } else {
-            // @ts-ignore
             acc[prefixedKey] = obj[key];
         }
 
@@ -78,6 +77,25 @@ export function processValueMapping(authController: AuthController, value: any,
     const from = inferTypeFromValue(value);
     const to = usedProperty.type;
 
+    if (to === "vector") {
+        if (value && typeof value === "object" && "value" in value && Array.isArray(value.value)) {
+            return new Vector(value.value);
+        } else if (Array.isArray(value)) {
+            return new Vector(value.map(Number));
+        } else if (typeof value === "string") {
+            let cleaned = value.trim();
+            if (cleaned.startsWith("[") && cleaned.endsWith("]")) {
+                cleaned = cleaned.slice(1, -1);
+            }
+            if (cleaned === "") return null;
+            return new Vector(cleaned.split(",").map(v => {
+                const num = Number(v.trim());
+                return isNaN(num) ? 0 : num;
+            }));
+        }
+        return value;
+    }
+
     if (from === "array" && to === "array" && Array.isArray(value) && usedProperty.of && !Array.isArray(usedProperty.of) && !isPropertyBuilder(usedProperty.of)) {
         return value.map(v => processValueMapping(authController, v, navigation, usedProperty.of as Property));
     } else if (from === "string" && to === "number" && typeof value === "string") {

package/src/data_import/utils/file_headers.ts

@@ -1,90 +1,14 @@
-import * as XLSX from "xlsx";
-export function getXLSXHeaders(sheet: any) {
-    let header = 0; let offset = 1;
-    const hdr = [];
-    const o:any = {};
-    if (sheet == null || sheet["!ref"] == null) return [];
-    const range = o.range !== undefined ? o.range : sheet["!ref"];
-    let r;
-    if (o.header === 1) header = 1;
-    else if (o.header === "A") header = 2;
-    else if (Array.isArray(o.header)) header = 3;
-    switch (typeof range) {
-        case "string":
-            r = safeDecodeRange(range);
-            break;
-        case "number":
-            r = safeDecodeRange(sheet["!ref"]);
-            r.s.r = range;
-            break;
-        default:
-            r = range;
-    }
-    if (header > 0) offset = 0;
-    const rr = XLSX.utils.encode_row(r.s.r);
-    const cols = new Array(r.e.c - r.s.c + 1);
-    for (let C = r.s.c; C <= r.e.c; ++C) {
-        cols[C] = XLSX.utils.encode_col(C);
-        const val = sheet[cols[C] + rr];
-        switch (header) {
-            case 1:
-                hdr.push(C);
-                break;
-            case 2:
-                hdr.push(cols[C]);
-                break;
-            case 3:
-                hdr.push(o.header[C - r.s.c]);
-                break;
-            default:
-                if (val === undefined) continue;
-                hdr.push(XLSX.utils.format_cell(val));
-        }
-    }
-    return hdr;
-}
-
-function safeDecodeRange(range:any) {
-    const o = {
-        s: {
-            c: 0,
-            r: 0
-        },
-        e: {
-            c: 0,
-            r: 0
-        }
-    };
-    let idx = 0; let i = 0; let cc = 0;
-    const len = range.length;
-    for (idx = 0; i < len; ++i) {
-        if ((cc = range.charCodeAt(i) - 64) < 1 || cc > 26) break;
-        idx = 26 * idx + cc;
-    }
-    o.s.c = --idx;
-
-    for (idx = 0; i < len; ++i) {
-        if ((cc = range.charCodeAt(i) - 48) < 0 || cc > 9) break;
-        idx = 10 * idx + cc;
-    }
-    o.s.r = --idx;
-
-    if (i === len || range.charCodeAt(++i) === 58) {
-        o.e.c = o.s.c;
-        o.e.r = o.s.r;
-        return o;
-    }
-
-    for (idx = 0; i !== len; ++i) {
-        if ((cc = range.charCodeAt(i) - 64) < 1 || cc > 26) break;
-        idx = 26 * idx + cc;
-    }
-    o.e.c = --idx;
-
-    for (idx = 0; i !== len; ++i) {
-        if ((cc = range.charCodeAt(i) - 48) < 0 || cc > 9) break;
-        idx = 10 * idx + cc;
-    }
-    o.e.r = --idx;
-    return o;
+import type { Worksheet } from "exceljs";
+
+/**
+ * Extract column headers from the first row of an ExcelJS worksheet.
+ * Returns an array of header strings in column order.
+ */
+export function getWorksheetHeaders(worksheet: Worksheet): string[] {
+    const headers: string[] = [];
+    const headerRow = worksheet.getRow(1);
+    headerRow.eachCell({ includeEmpty: false }, (cell, colNumber) => {
+        headers[colNumber - 1] = cell.text ?? `Column${colNumber}`;
+    });
+    return headers.filter(Boolean);
 }

package/src/data_import/utils/file_to_json.ts

@@ -1,5 +1,9 @@
-import * as XLSX from "xlsx";
-import { getXLSXHeaders } from "./file_headers";
+import ExcelJS from "exceljs";
+import { getWorksheetHeaders } from "./file_headers";
+import { mapJsonParse, unflattenObject } from "./transforms";
+
+// Re-export for backwards compat (tests import from this file)
+export { unflattenObject } from "./transforms";
 
 type ConversionResult = {
     data: object[];
@@ -18,7 +22,6 @@ export function convertFileToJson(file: File): Promise<ConversionResult> {
                     if (!Array.isArray(jsonData)) {
                         reject(new Error("JSON file should contain an array of objects"));
                     } else {
-                        // Assuming all objects in the array have the same structure/order
                         const propertiesOrder = jsonData.length > 0 ? Object.keys(jsonData[0]) : [];
                         resolve({
                             data: jsonData,
@@ -34,73 +37,45 @@ export function convertFileToJson(file: File): Promise<ConversionResult> {
         } else {
             console.debug("Converting Excel file to JSON", file.name);
             const reader = new FileReader();
-            reader.onload = function (e) {
-                const data = new Uint8Array(e.target?.result as ArrayBuffer);
-                const workbook = XLSX.read(data, {
-                    type: "array",
-                    codepage: 65001,
-                    cellDates: true
-                });
-                const worksheetName = workbook.SheetNames[0];
-                const worksheet = workbook.Sheets[worksheetName];
-                const parsedData: Array<any> = XLSX.utils.sheet_to_json(worksheet);
-                const headers = getXLSXHeaders(worksheet);
-                const cleanedData = parsedData.map(mapJsonParse);
-                const jsonData = cleanedData.map(unflattenObject);
-                resolve({
-                    data: jsonData,
-                    propertiesOrder: headers
-                });
-            };
-            reader.readAsArrayBuffer(file);
-        }
-    });
-}
-
-function mapJsonParse(obj: Record<string, any>) {
-    return Object.keys(obj).reduce((acc: Record<string, any>, key) => {
-        try {
-            acc[key] = JSON.parse(obj[key]);
-        } catch (e) {
-            acc[key] = obj[key];
-        }
-        return acc;
-    }, {});
-}
-
-/**
- * Take an object with keys of type `address.street`, `address.city` and
- * convert it to an object with nested objects like `{ address: { street: ..., city: ... } }`
- * @param flatObj
- */
-export function unflattenObject(flatObj: { [key: string]: any }) {
-    return Object.keys(flatObj).reduce((nestedObj, key) => {
-        let currentObj = nestedObj;
-        const keyParts = key.split(".");
-        keyParts.forEach((keyPart, i) => {
+            reader.onload = async function (e) {
+                try {
+                    const buffer = e.target?.result as ArrayBuffer;
+                    const workbook = new ExcelJS.Workbook();
+                    await workbook.xlsx.load(buffer);
+                    const worksheet = workbook.worksheets[0];
+                    if (!worksheet) {
+                        reject(new Error("No worksheets found in file"));
+                        return;
+                    }
 
-            if (/^[\w]+\[\d+\]$/.test(keyPart)) {
-                const mainPropertyName = keyPart.slice(0, keyPart.indexOf("["));
-                const index = parseInt(keyPart.slice(keyPart.indexOf("[") + 1, keyPart.indexOf("]")));
+                    const headers = getWorksheetHeaders(worksheet);
 
-                if (!currentObj[mainPropertyName]) {
-                    currentObj[mainPropertyName] = []
-                }
+                    // Convert rows to JSON objects (skip header row)
+                    const parsedData: Array<Record<string, any>> = [];
+                    worksheet.eachRow({ includeEmpty: false }, (row, rowNumber) => {
+                        if (rowNumber === 1) return;
+                        const obj: Record<string, any> = {};
+                        row.eachCell({ includeEmpty: false }, (cell, colNumber) => {
+                            const header = headers[colNumber - 1];
+                            if (header) {
+                                obj[header] = cell.value;
+                            }
+                        });
+                        parsedData.push(obj);
+                    });
 
-                if (i !== keyParts.length - 1) {
-                    currentObj[mainPropertyName][index] = currentObj[mainPropertyName][index] || {};
-                    currentObj = currentObj[mainPropertyName][index];
-                } else {
-                    currentObj[mainPropertyName][index] = flatObj[key];
+                    const cleanedData = parsedData.map(mapJsonParse);
+                    const jsonData = cleanedData.map(unflattenObject);
+                    resolve({
+                        data: jsonData,
+                        propertiesOrder: headers
+                    });
+                } catch (err) {
+                    console.error("Error parsing Excel file", err);
+                    reject(err);
                 }
-            } else if (i !== keyParts.length - 1) {
-                currentObj[keyPart] = currentObj[keyPart] || {};
-                currentObj = currentObj[keyPart];
-            } else {
-                currentObj[keyPart] = flatObj[key];
-            }
-
-        });
-        return nestedObj;
-    }, {} as { [key: string]: any });
+            };
+            reader.readAsArrayBuffer(file);
+        }
+    });
 }

package/src/data_import/utils/transforms.ts

@@ -0,0 +1,47 @@
+/**
+ * Take an object with keys of type `address.street`, `address.city` and
+ * convert it to an object with nested objects like `{ address: { street: ..., city: ... } }`
+ * @param flatObj
+ */
+export function unflattenObject(flatObj: { [key: string]: any }) {
+    return Object.keys(flatObj).reduce((nestedObj, key) => {
+        let currentObj = nestedObj;
+        const keyParts = key.split(".");
+        keyParts.forEach((keyPart, i) => {
+
+            if (/^[\w]+\[\d+\]$/.test(keyPart)) {
+                const mainPropertyName = keyPart.slice(0, keyPart.indexOf("["));
+                const index = parseInt(keyPart.slice(keyPart.indexOf("[") + 1, keyPart.indexOf("]")));
+
+                if (!currentObj[mainPropertyName]) {
+                    currentObj[mainPropertyName] = []
+                }
+
+                if (i !== keyParts.length - 1) {
+                    currentObj[mainPropertyName][index] = currentObj[mainPropertyName][index] || {};
+                    currentObj = currentObj[mainPropertyName][index];
+                } else {
+                    currentObj[mainPropertyName][index] = flatObj[key];
+                }
+            } else if (i !== keyParts.length - 1) {
+                currentObj[keyPart] = currentObj[keyPart] || {};
+                currentObj = currentObj[keyPart];
+            } else {
+                currentObj[keyPart] = flatObj[key];
+            }
+
+        });
+        return nestedObj;
+    }, {} as { [key: string]: any });
+}
+
+export function mapJsonParse(obj: Record<string, any>) {
+    return Object.keys(obj).reduce((acc: Record<string, any>, key) => {
+        try {
+            acc[key] = JSON.parse(obj[key]);
+        } catch (e) {
+            acc[key] = obj[key];
+        }
+        return acc;
+    }, {});
+}

package/src/editor/components/SlashCommandMenu.tsx

@@ -4,8 +4,23 @@ import { Fragment, DOMParser } from "prosemirror-model";
 import { useProseMirrorContext } from "../hooks/useProseMirrorContext";
 import { autoUpdate, computePosition, flip, offset, shift, type VirtualElement } from "@floating-ui/dom";
 import { SlashCommandPluginKey } from "../plugins/slashCommandPlugin";
-import { cls, defaultBorderMixin , iconSize } from "@rebasepro/ui";
-import { CheckSquareIcon, Heading1Icon, Heading2Icon, Heading3Icon, Wand2Icon, TableIcon, TypeIcon, ListIcon, ListOrderedIcon, QuoteIcon, CodeIcon, ImageIcon } from "lucide-react";
+import {
+    CheckSquareIcon,
+    cls,
+    CodeIcon,
+    defaultBorderMixin,
+    Heading1Icon,
+    Heading2Icon,
+    Heading3Icon,
+    iconSize,
+    ImageIcon,
+    ListIcon,
+    ListOrderedIcon,
+    QuoteIcon,
+    TableIcon,
+    TypeIcon,
+    Wand2Icon
+} from "@rebasepro/ui";
 import { setBlockType, wrapIn } from "prosemirror-commands";
 import { wrapInList } from "prosemirror-schema-list";
 import { schema } from "../schema";

package/src/editor/components/editor-bubble-item.tsx

@@ -1,5 +1,5 @@
 import { type ComponentPropsWithoutRef, type ReactNode, forwardRef } from "react";
-import { Slot } from "@radix-ui/react-slot";
+import { Slot } from "@rebasepro/ui";
 import { useProseMirrorContext } from "../hooks/useProseMirrorContext";
 
 interface EditorBubbleItemProps {

package/src/editor/extensions/Image/index.ts

@@ -69,7 +69,7 @@ export const createDropImagePlugin = (upload: UploadFn): Plugin => {
                     const images = files.filter(file => /image/i.test(file.type));
 
                     if (images.length === 0) {
-                        console.log("No images found in dropped files");
+                        console.debug("No images found in dropped files");
                         return false;
                     }
 

package/src/editor/extensions/Image.ts

@@ -99,7 +99,7 @@ export const createDropImagePlugin = (upload: UploadFn): Plugin => {
                     const images = files.filter(file => /image/i.test(file.type));
 
                     if (images.length === 0) {
-                        console.log("No images found in dropped files");
+                        console.debug("No images found in dropped files");
                         return false;
                     }
 

package/src/editor/selectors/color-selector.tsx

@@ -1,7 +1,6 @@
 import type { Dispatch, SetStateAction } from "react";
 import { EditorBubbleItem } from "../components";
-import { Button, Popover } from "@rebasepro/ui";
-import { CheckIcon, ChevronDownIcon } from "lucide-react";
+import { Button, CheckIcon, ChevronDownIcon, Popover } from "@rebasepro/ui";
 import { useProseMirrorContext } from "../hooks/useProseMirrorContext";
 import { isMarkActive, getMarkAttributes, setMark, unsetMark } from "../utils/prosemirror-utils";
 import { schema } from "../schema";

package/src/editor/selectors/link-selector.tsx

@@ -1,6 +1,5 @@
 import { useEffect, useRef } from "react";
-import { Button, cls, focusedDisabled, Popover , iconSize } from "@rebasepro/ui";
-import { CheckIcon, Trash2Icon } from "lucide-react";
+import { Button, CheckIcon, cls, focusedDisabled, iconSize, Popover, Trash2Icon } from "@rebasepro/ui";
 import { useTranslation } from "@rebasepro/core";
 import { useProseMirrorContext } from "../hooks/useProseMirrorContext";
 import { getMarkAttributes, isMarkActive, setMark, unsetMark } from "../utils/prosemirror-utils";

package/src/editor/selectors/node-selector.tsx

@@ -3,8 +3,22 @@ import { EditorState, Transaction } from "prosemirror-state";
 import { EditorBubbleItem } from "../components";
 import { useTranslation } from "@rebasepro/core";
 
-import { Button, Popover , iconSize } from "@rebasepro/ui";
-import { CheckSquareIcon, Heading3Icon, Heading1Icon, Heading2Icon, CheckIcon, CodeIcon, ListIcon, ListOrderedIcon, QuoteIcon, ChevronDownIcon, TypeIcon } from "lucide-react";
+import {
+    Button,
+    CheckIcon,
+    CheckSquareIcon,
+    ChevronDownIcon,
+    CodeIcon,
+    Heading1Icon,
+    Heading2Icon,
+    Heading3Icon,
+    iconSize,
+    ListIcon,
+    ListOrderedIcon,
+    Popover,
+    QuoteIcon,
+    TypeIcon
+} from "@rebasepro/ui";
 import { useProseMirrorContext } from "../hooks/useProseMirrorContext";
 import { isNodeActive } from "../utils/prosemirror-utils";
 import { schema } from "../schema";