@rebasepro/cms 0.17.3 → 0.18.1

package/src/data_import/components/ImportFileUpload.tsx

@@ -1,42 +0,0 @@
-import { FileUpload, UploadIcon } from "@rebasepro/ui";
-import { convertFileToJson } from "../utils/file_to_json";
-import { useSnackbarController } from "@rebasepro/app";
-
-export function ImportFileUpload({ onDataAdded }: {
-    onDataAdded: (data: object[], propertiesOrder?: string[]) => void
-}) {
-    const snackbarController = useSnackbarController();
-    return <FileUpload
-        accept={{
-            "text/*": [".csv", ".xls", ".xlsx"],
-            "application/vnd.ms-excel": [".xls", ".xlsx"],
-            "application/msexcel": [".xls", ".xlsx"],
-            "application/vnd.ms-office": [".xls", ".xlsx"],
-            "application/xls": [".xls", ".xlsx"],
-            "application/x-xls": [".xls", ".xlsx"],
-            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [".xls", ".xlsx"],
-            "application/json": [".json"]
-        }}
-        preventDropOnDocument={true}
-        size={"small"}
-        maxFiles={1}
-        uploadDescription={<><UploadIcon/>Drag and drop a file here or click to upload</>}
-        onFilesAdded={(files: File[]) => {
-            if (files.length > 0) {
-                convertFileToJson(files[0])
-                    .then(({
-                        data,
-                        propertiesOrder
-                    }) => {
-                        onDataAdded(data, propertiesOrder);
-                    })
-                    .catch((error) => {
-                        console.error("Error parsing file", error);
-                        snackbarController.open({
-                            type: "error",
-                            message: error.message
-                        });
-                    });
-            }
-        }}/>
-}

package/src/data_import/components/ImportNewPropertyFieldPreview.tsx

@@ -1,58 +0,0 @@
-import React from "react";
-import { useCustomizationController } from "@rebasepro/app";
-import { Property } from "@rebasepro/types";
-import { getFieldConfig } from "../../components/field_configs";
-import { PropertyConfigBadge } from "../../components/PropertyConfigBadge";
-import { ErrorBoundary, IconButton, PencilIcon, TextField } from "@rebasepro/ui";
-
-export function ImportNewPropertyFieldPreview({
-    propertyKey,
-    property,
-    onEditClick,
-    includeName = true,
-    onPropertyNameChanged,
-    propertyTypeView
-}: {
-    propertyKey: string | null,
-    property: Property | null
-    includeName?: boolean,
-    onEditClick?: () => void,
-    onPropertyNameChanged?: (propertyKey: string, value: string) => void,
-    propertyTypeView?: any
-}) {
-
-    const { propertyConfigs } = useCustomizationController();
-    const widget = property ? getFieldConfig(property, propertyConfigs) : null;
-
-    return <ErrorBoundary>
-        <div
-            className="flex flex-row w-full items-center">
-
-            <div className={"mx-4"}>
-                {propertyTypeView ?? <PropertyConfigBadge propertyConfig={widget ?? undefined}/>}
-            </div>
-
-            <div className="w-full flex flex-col grow">
-
-                <div className={"flex flex-row items-center gap-2"}>
-                    {includeName &&
-                        <TextField
-                            size={"medium"}
-                            aria-label={propertyKey ? `Name of property ${propertyKey}` : "Property name"}
-                            className={"text-base grow"}
-                            value={property?.name ?? ""}
-                            onChange={(e) => {
-                                if (onPropertyNameChanged && propertyKey)
-                                    onPropertyNameChanged(propertyKey, e.target.value);
-                            }}/>}
-
-                    <IconButton onClick={onEditClick} size={"small"}>
-                        <PencilIcon/>
-                    </IconButton>
-                </div>
-
-            </div>
-
-        </div>
-    </ErrorBoundary>
-}

package/src/data_import/components/ImportSaveInProgress.tsx

@@ -1,121 +0,0 @@
-import { useData } from "@rebasepro/app";
-import { Button, CenteredView, CircularProgress, Typography } from "@rebasepro/ui";
-import { useEffect, useRef, useState } from "react";
-import { ImportConfig } from "../types";
-import type { AdminCollection } from "@rebasepro/cms-types";
-import { IMPORT_BATCH_SIZE, ImportSaveError, saveImportedEntities } from "../utils/save_entities";
-
-export function ImportSaveInProgress<C extends AdminCollection<any>>
-    ({
-        path,
-        importConfig,
-        collection,
-        onImportSuccess
-    }:
-        {
-            path: string,
-            importConfig: ImportConfig,
-            collection: C,
-            onImportSuccess: (collection: C) => void
-        }) {
-
-    const [errorSaving, setErrorSaving] = useState<ImportSaveError | undefined>(undefined);
-    const dataClient = useData();
-
-    const savingRef = useRef<boolean>(false);
-
-    // Rows confirmed as written. A retry resumes here rather than re-sending
-    // rows that now exist and conflicting on its first batch, forever.
-    const committedRef = useRef<number>(0);
-    const bulkUnsupportedRef = useRef<{ current: boolean }>({ current: false });
-
-    const [processedEntities, setProcessedEntities] = useState<number>(0);
-
-    function save() {
-
-        if (savingRef.current)
-            return;
-
-        savingRef.current = true;
-        setErrorSaving(undefined);
-
-        saveImportedEntities(
-            dataClient,
-            path,
-            importConfig.entities,
-            {
-                offset: committedRef.current,
-                batchSize: IMPORT_BATCH_SIZE,
-                onBatchCommitted: (written) => {
-                    committedRef.current = written;
-                    setProcessedEntities(written);
-                },
-                bulkUnsupported: bulkUnsupportedRef.current
-            }
-        ).then(() => {
-            onImportSuccess(collection);
-            savingRef.current = false;
-        }).catch((e) => {
-            const error = e as ImportSaveError;
-            committedRef.current = error.committed ?? committedRef.current;
-            setProcessedEntities(committedRef.current);
-            setErrorSaving(error);
-            savingRef.current = false;
-        });
-    }
-
-    useEffect(() => {
-        save();
-    }, []);
-
-    if (errorSaving) {
-        const total = importConfig.entities.length;
-        const failedRows = errorSaving.failedTo - errorSaving.failedFrom > 1
-            ? `rows ${errorSaving.failedFrom + 1}–${errorSaving.failedTo}`
-            : `row ${errorSaving.failedFrom + 1}`;
-        return (
-            <CenteredView className={"flex flex-col gap-4 items-center"}>
-                <Typography variant={"h6"}>
-                    Error saving data
-                </Typography>
-
-                <Typography variant={"body2"} color={"error"}>
-                    {errorSaving.message}
-                </Typography>
-
-                <Typography variant={"body2"}>
-                    {errorSaving.committed} of {total} rows were imported.
-                    The import stopped on {failedRows}, which {errorSaving.failedTo - errorSaving.failedFrom > 1 ? "were" : "was"} not written.
-                </Typography>
-
-                <Button
-                    onClick={save}
-                >
-                    {errorSaving.committed > 0
-                        ? `Retry from row ${errorSaving.committed + 1}`
-                        : "Retry"}
-                </Button>
-            </CenteredView>
-        );
-    }
-
-    return (
-        <div className={"flex flex-col gap-4 items-center"}>
-            <CircularProgress/>
-
-            <Typography variant={"h6"}>
-                Saving data
-            </Typography>
-
-            <Typography variant={"body2"}>
-                {processedEntities}/{importConfig.entities.length} entities saved
-            </Typography>
-
-            <Typography variant={"caption"}>
-                Do not close this tab or the import will be interrupted.
-            </Typography>
-
-        </div>
-    );
-
-}

package/src/data_import/components/index.ts

@@ -1,4 +0,0 @@
-export * from "./DataNewPropertiesMapping";
-export * from "./ImportFileUpload";
-export * from "./ImportNewPropertyFieldPreview";
-export * from "./ImportSaveInProgress";

package/src/data_import/hooks/index.ts

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

package/src/data_import/hooks/useImportConfig.tsx

@@ -1,34 +0,0 @@
-import { useState } from "react";
-import { Entity, Property } from "@rebasepro/types";
-import { ImportConfig } from "../types";
-
-export const useImportConfig = (): ImportConfig => {
-
-    const [inUse, setInUse] = useState<boolean>(false);
-    const [defaultValues, setDefaultValues] = useState<Record<string, any>>({});
-    const [idColumn, setIdColumn] = useState<string | undefined>();
-    const [importData, setImportData] = useState<object[]>([]);
-    const [entities, setEntities] = useState<Entity<any>[]>([]);
-    const [headersMapping, setHeadersMapping] = useState<Record<string, string | null>>({});
-    const [headingsOrder, setHeadingsOrder] = useState<string[]>([]);
-    const [originProperties, setOriginProperties] = useState<Record<string, Property>>({});
-
-    return {
-        inUse,
-        setInUse,
-        idColumn,
-        setIdColumn,
-        entities,
-        setEntities,
-        importData,
-        setImportData,
-        headingsOrder: (headingsOrder ?? []).length > 0 ? headingsOrder : Object.keys(headersMapping),
-        setHeadingsOrder,
-        headersMapping,
-        setHeadersMapping,
-        originProperties,
-        setOriginProperties,
-        defaultValues,
-        setDefaultValues
-    };
-};