@rebasepro/cms 0.17.3 → 0.18.1

package/src/components/CollectionTableBinding/fields/TableReferenceField.tsx

@@ -1,193 +0,0 @@
-import { useSelectionDialog } from "../../../hooks/useSelectionDialog";
-
-import React, { useCallback } from "react";
-import { deepEqual as equal } from "fast-equals"
-
-import { ReferencePreview } from "../../../preview";
-import { Entity, EntityReference, FilterValues } from "@rebasepro/types";
-import { CollectionSize, AdminCollection } from "@rebasepro/cms-types";
-
-import { getPreviewSizeFrom } from "../../../preview/util";
-import { useComponentOverride, ErrorView, CollectionScopeProvider } from "@rebasepro/app";
-import { cls, PencilIcon } from "@rebasepro/ui";
-import { EntityPreviewContainer } from "../../EntityPreviewBinding";
-import { getReferenceFrom } from "@rebasepro/common";
-import { useCollectionRegistryController } from "../../../hooks/navigation/contexts/CollectionRegistryContext";
-
-type TableReferenceFieldProps = {
-    name: string;
-    disabled: boolean;
-    internalValue: EntityReference | EntityReference[] | undefined | null;
-    updateValue: (newValue: (EntityReference | EntityReference[] | null)) => void;
-    size: CollectionSize;
-    multiselect: boolean;
-    previewProperties?: string[];
-    title?: string;
-    path: string;
-    fixedFilter?: FilterValues<string>;
-    includeId?: boolean;
-    includeEntityLink?: boolean;
-};
-
-const DefaultMissingReference: React.FC<{ path: string }> = () => null;
-
-function TableReferenceFieldResolver(props: TableReferenceFieldProps & { collection: AdminCollection | undefined }) {
-    const ResolvedMissingReference = useComponentOverride("Entity.MissingReference", DefaultMissingReference);
-    const { path, collection } = props;
-
-    if (!collection) {
-        if (ResolvedMissingReference !== DefaultMissingReference) {
-            return <ResolvedMissingReference path={path}/>;
-        } else {
-            return <ErrorView error={`Collection not found: ${path}`}/>;
-        }
-    }
-    return <TableReferenceFieldInternal {...props} collection={collection}/>;
-}
-
-export function TableReferenceField(props: TableReferenceFieldProps) {
-    const collectionRegistryController = useCollectionRegistryController();
-    const { path } = props;
-    const collection = collectionRegistryController.getCollection(path);
-
-    const content = (
-        <TableReferenceFieldResolver
-            {...props}
-            collection={collection}
-        />
-    );
-
-    if (collection) {
-        return (
-            <CollectionScopeProvider collection={collection}>
-                {content}
-            </CollectionScopeProvider>
-        );
-    }
-    return content;
-}
-
-export const TableReferenceFieldInternal = React.memo(
-    function TableReferenceFieldInternal(props: TableReferenceFieldProps & {
-        collection: AdminCollection;
-    }) {
-        const {
-            name,
-            internalValue,
-            updateValue,
-            multiselect,
-            path,
-            size,
-            previewProperties,
-            title,
-            disabled,
-            fixedFilter,
-            collection,
-            includeId,
-            includeEntityLink
-        } = props;
-
-        const onSingleEntitySelected = useCallback((entity: Entity<any>) => {
-            updateValue(entity ? getReferenceFrom(entity) : null);
-        }, [updateValue]);
-
-        const onMultipleEntitiesSelected = useCallback((entities: Entity<any>[]) => {
-            updateValue(entities.map((e) => getReferenceFrom(e)));
-        }, [updateValue]);
-
-        const selectedEntityIds = internalValue
-            ? (Array.isArray(internalValue)
-                ? internalValue.map((ref) => ref.id)
-                : internalValue.id ? [internalValue.id] : [])
-            : [];
-
-        const referenceDialogController = useSelectionDialog({
-            multiselect,
-            path,
-            collection,
-            onMultipleEntitiesSelected,
-            onSingleEntitySelected,
-            selectedEntityIds,
-            fixedFilter
-        }
-        );
-
-        const handleOpen = () => {
-            if (disabled)
-                return;
-            referenceDialogController.open();
-        };
-
-        const valueNotSet = !internalValue || (Array.isArray(internalValue) && internalValue.length === 0);
-
-        const buildSingleReferenceField = () => {
-            if (internalValue && !Array.isArray(internalValue) && internalValue.isEntityReference && internalValue.isEntityReference())
-                return <ReferencePreview
-                    onClick={disabled ? undefined : handleOpen}
-                    size={getPreviewSizeFrom(size)}
-                    reference={internalValue as EntityReference}
-                    hover={!disabled}
-                    disabled={!path}
-                    previewProperties={previewProperties}
-                    includeId={includeId}
-                    includeEntityLink={includeEntityLink}
-                />;
-            else
-                return <EntityPreviewContainer
-                    onClick={disabled ? undefined : handleOpen}
-                    size={getPreviewSizeFrom(size)}>
-                    <ErrorView title="Value is not a reference." error={"Click to edit"}/>
-                </EntityPreviewContainer>;
-        };
-
-        const buildMultipleReferenceField = () => {
-            if (Array.isArray(internalValue))
-                return <>
-                    {internalValue.map((reference, index) =>
-                        <div className="w-full my-0.5"
-                            key={`preview_array_ref_${name}_${index}`}>
-                            <ReferencePreview
-                                onClick={disabled ? undefined : handleOpen}
-                                size={"small"}
-                                reference={reference}
-                                hover={!disabled}
-                                disabled={!path}
-                                previewProperties={previewProperties}
-                                includeId={includeId}
-                                includeEntityLink={includeEntityLink}
-                            />
-                        </div>
-                    )
-                    }
-                </>;
-            else
-                return <ErrorView error={"Data is not an array of references"}/>;
-        };
-
-        if (!collection)
-            return <ErrorView error={"The specified collection does not exist"}/>;
-
-        return (
-            <div className="w-full group">
-
-                {internalValue && !multiselect && buildSingleReferenceField()}
-
-                {internalValue && multiselect && buildMultipleReferenceField()}
-
-                {valueNotSet &&
-                    <EntityPreviewContainer
-                        className={cls("px-3 py-2 text-sm font-medium flex items-center",
-                            multiselect ? "gap-4" : "gap-6",
-                            disabled
-                                ? "text-surface-accent-500"
-                                : "cursor-pointer text-text-secondary dark:text-text-secondary-dark hover:bg-surface-accent-50 dark:hover:bg-surface-800 group-hover:bg-surface-accent-50 dark:group-hover:bg-surface-800")}
-                        onClick={handleOpen}
-                        size={"medium"}>
-                        <PencilIcon
-                            className={"ml-2 mr-1 text-surface-300 dark:text-surface-600"}/>
-                        {title}
-                    </EntityPreviewContainer>}
-
-            </div>
-        );
-    }, equal);

package/src/components/CollectionTableBinding/fields/TableRelationField.tsx

@@ -1,192 +0,0 @@
-import { useSelectionDialog } from "../../../hooks/useSelectionDialog";
-
-import { getCollectionDataPath } from "@rebasepro/types";
-import React, { useCallback } from "react";
-import { deepEqual as equal } from "fast-equals"
-
-import { RelationPreview } from "../../../preview";
-import { Entity, EntityRelation, FilterValues, Relation } from "@rebasepro/types";
-import { CollectionSize, AdminCollection } from "@rebasepro/cms-types";
-
-import { getPreviewSizeFrom } from "../../../preview/util";
-import { } from "@rebasepro/app";
-import { ErrorView } from "@rebasepro/app";
-import { cls, PencilIcon } from "@rebasepro/ui";
-import { EntityPreviewContainer } from "../../EntityPreviewBinding";
-import { getRelationFrom, normalizeToEntityRelation } from "@rebasepro/common";
-import { TableMultipleRelationField } from "./TableMultipleRelationField";
-
-/** Whether an authored relation yields many rows. Derived from its kind. */
-function relationCardinality(relation: { kind?: string; cardinality?: string } | undefined): "one" | "many" | undefined {
-    if (!relation) return undefined;
-    if (relation.kind === "via") return relation.cardinality as "one" | "many" | undefined;
-    if (relation.kind === "hasMany" || relation.kind === "manyToMany") return "many";
-    if (relation.kind === "belongsTo" || relation.kind === "hasOne") return "one";
-    return relation.cardinality as "one" | "many" | undefined;
-}
-
-
-type TableRelationFieldProps = {
-    name: string;
-    disabled: boolean;
-    internalValue: EntityRelation | EntityRelation[] | undefined | null;
-    updateValue: (newValue: (EntityRelation | EntityRelation[] | null)) => void;
-    size: CollectionSize;
-    multiselect: boolean;
-    previewProperties?: string[];
-    title?: string;
-    relation: Relation;
-    fixedFilter?: FilterValues<string>;
-    includeId?: boolean;
-    includeEntityLink?: boolean;
-};
-
-export function TableRelationField(props: TableRelationFieldProps) {
-    const collection = props.relation.target();
-
-    // Check if this is a many-to-many relation
-    const manyRelation = relationCardinality(props.relation) === "many";
-
-    if (manyRelation) {
-        return <TableMultipleRelationField
-            name={props.name}
-            disabled={props.disabled}
-            internalValue={Array.isArray(props.internalValue) ? props.internalValue : []}
-            updateValue={(newValue) => props.updateValue(newValue)}
-            size={props.size}
-            previewProperties={props.previewProperties}
-            title={props.title}
-            relation={props.relation}
-            fixedFilter={props.fixedFilter}
-            includeId={props.includeId}
-            includeEntityLink={props.includeEntityLink}
-        />;
-    }
-
-    return <TableRelationFieldInternal {...props} collection={collection}/>;
-}
-
-export const TableRelationFieldInternal = React.memo(
-    function TableRelationFieldInternal(props: TableRelationFieldProps & {
-        collection: AdminCollection;
-    }) {
-        const {
-            name,
-            internalValue,
-            updateValue,
-            multiselect,
-            relation,
-            size,
-            previewProperties,
-            title,
-            disabled,
-            fixedFilter,
-            collection,
-            includeId,
-            includeEntityLink
-        } = props;
-
-        const onSingleEntitySelected = useCallback((entity: Entity<any>) => {
-            updateValue(entity ? getRelationFrom(entity) : null);
-        }, [updateValue]);
-
-        const onMultipleEntitiesSelected = useCallback((entities: Entity<any>[]) => {
-            updateValue(entities.map((e) => getRelationFrom(e)));
-        }, [updateValue]);
-
-        const selectedEntityIds = internalValue
-            ? (Array.isArray(internalValue)
-                ? internalValue.map((ref) => ref.id)
-                : internalValue.id ? [internalValue.id] : [])
-            : [];
-
-        const relationDialogController = useSelectionDialog({
-            multiselect,
-            path: getCollectionDataPath(collection),
-            collection,
-            onMultipleEntitiesSelected,
-            onSingleEntitySelected,
-            selectedEntityIds,
-            fixedFilter
-        }
-        );
-
-        const handleOpen = () => {
-            if (disabled)
-                return;
-            relationDialogController.open();
-        };
-
-        const valueNotSet = !internalValue || (Array.isArray(internalValue) && internalValue.length === 0);
-
-        const buildSingleRelationField = () => {
-            const normalizedRelation = normalizeToEntityRelation(internalValue);
-
-            if (normalizedRelation)
-                return <RelationPreview
-                    onClick={disabled ? undefined : handleOpen}
-                    size={getPreviewSizeFrom(size)}
-                    relation={normalizedRelation}
-                    hover={!disabled}
-                    previewProperties={previewProperties}
-                    includeId={includeId}
-                    includeEntityLink={includeEntityLink}
-                />;
-            else
-                return <EntityPreviewContainer
-                    onClick={disabled ? undefined : handleOpen}
-                    size={getPreviewSizeFrom(size)}>
-                    <ErrorView title="Value is not a relation." error={"Click to edit"}/>
-                </EntityPreviewContainer>;
-        };
-
-        const buildMultipleRelationField = () => {
-            if (Array.isArray(internalValue))
-                return <>
-                    {internalValue.map((relationItem, index) =>
-                        <div className="w-full my-0.5"
-                            key={`preview_array_ref_${name}_${index}`}>
-                            <RelationPreview
-                                onClick={disabled ? undefined : handleOpen}
-                                size={"small"}
-                                relation={relationItem}
-                                hover={!disabled}
-                                previewProperties={previewProperties}
-                                includeId={includeId}
-                                includeEntityLink={includeEntityLink}
-                            />
-                        </div>
-                    )
-                    }
-                </>;
-            else
-                return <ErrorView error={"Data is not an array of relations"}/>;
-        };
-
-        if (!collection)
-            return <ErrorView error={"The specified collection does not exist"}/>;
-
-        return (
-            <div className="w-full group">
-
-                {internalValue && !multiselect && buildSingleRelationField()}
-
-                {internalValue && multiselect && buildMultipleRelationField()}
-
-                {valueNotSet &&
-                    <EntityPreviewContainer
-                        className={cls("px-3 py-2 text-sm font-medium flex items-center",
-                            multiselect ? "gap-4" : "gap-6",
-                            disabled
-                                ? "text-surface-accent-500"
-                                : "cursor-pointer text-text-secondary dark:text-text-secondary-dark hover:bg-surface-accent-50 dark:hover:bg-surface-800 group-hover:bg-surface-accent-50 dark:group-hover:bg-surface-800")}
-                        onClick={handleOpen}
-                        size={"medium"}>
-                        <PencilIcon
-                            className={"ml-2 mr-1 text-surface-300 dark:text-surface-600"}/>
-                        {title}
-                    </EntityPreviewContainer>}
-
-            </div>
-        );
-    }, equal);

package/src/components/CollectionTableBinding/fields/TableRelationSelectorField.tsx

@@ -1,42 +0,0 @@
-import React from "react";
-import { EntityRelation, FilterValues, Relation } from "@rebasepro/types";
-import { RelationSelector } from "../../RelationSelector";
-
-interface RelationSelectorFieldProps {
-    /** Field name */
-    name: string;
-    /** Whether the field is disabled */
-    disabled?: boolean;
-    /** Current value - can be single EntityRelation or array for multiple selection */
-    internalValue: EntityRelation | EntityRelation[] | undefined | null;
-    /** Callback when value changes */
-    updateValue: (newValue: EntityRelation | EntityRelation[] | null) => void;
-    /** The relation configuration */
-    relation: Relation;
-    /** Force filter to be applied to the relation search */
-    fixedFilter?: FilterValues<string>;
-    /** Collection size for display */
-    size?: "small" | "medium";
-}
-
-/** Thin wrapper around RelationSelector for table cells */
-export function TableRelationSelectorField({
-    disabled = false,
-    internalValue,
-    updateValue,
-    relation,
-    fixedFilter,
-    size = "medium"
-}: RelationSelectorFieldProps) {
-
-    return (
-        <RelationSelector
-            disabled={disabled}
-            size={size}
-            value={internalValue || null}
-            onValueChange={(newVal) => updateValue(newVal ?? null)}
-            relation={relation}
-            fixedFilter={fixedFilter}
-        />
-    );
-}