import { jsx } from 'react/jsx-runtime';
import { Typography, Tooltip } from '@strapi/design-system';
import isEmpty from 'lodash/isEmpty';
import { Link } from 'react-router-dom';
import { CellValue } from './CellValue.mjs';
import { RepeatableComponent, SingleComponent } from './Components.mjs';
import { MediaSingle, MediaMultiple } from './Media.mjs';
import { RelationSingle, RelationMultiple } from './Relations.mjs';

const CellContent = ({ content, mainField, attribute, rowId, name, linkTo })=>{
    const isIdColumn = name === 'id';
    if (!hasContent(content, mainField, attribute)) {
        return /*#__PURE__*/ jsx(Typography, {
            textColor: "neutral800",
            paddingLeft: attribute.type === 'relation' || attribute.type === 'component' ? '1.6rem' : 0,
            paddingRight: attribute.type === 'relation' || attribute.type === 'component' ? '1.6rem' : 0,
            children: "-"
        });
    }
    // Primary scalar column: render the value as a link to the entry so it gets
    // native open-in-new-tab semantics. stopPropagation prevents the row's own
    // onClick from firing a second navigation; React Router's Link still handles
    // the click (stopPropagation does not preventDefault).
    if (linkTo) {
        const link = /*#__PURE__*/ jsx(Typography, {
            tag: Link,
            to: linkTo,
            onClick: (e)=>e.stopPropagation(),
            maxWidth: "30rem",
            ellipsis: true,
            textColor: "neutral800",
            children: /*#__PURE__*/ jsx(CellValue, {
                isIdColumn: isIdColumn,
                type: attribute.type,
                value: content
            })
        });
        return attribute.type === 'string' ? /*#__PURE__*/ jsx(Tooltip, {
            label: content,
            children: link
        }) : link;
    }
    switch(attribute.type){
        case 'media':
            if (!attribute.multiple) {
                return /*#__PURE__*/ jsx(MediaSingle, {
                    ...content
                });
            }
            return /*#__PURE__*/ jsx(MediaMultiple, {
                content: content
            });
        case 'relation':
            {
                if (isSingleRelation(attribute.relation)) {
                    return /*#__PURE__*/ jsx(RelationSingle, {
                        mainField: mainField,
                        content: content
                    });
                }
                return /*#__PURE__*/ jsx(RelationMultiple, {
                    rowId: rowId,
                    mainField: mainField,
                    content: content,
                    name: name
                });
            }
        case 'component':
            if (attribute.repeatable) {
                return /*#__PURE__*/ jsx(RepeatableComponent, {
                    mainField: mainField,
                    content: content
                });
            }
            return /*#__PURE__*/ jsx(SingleComponent, {
                mainField: mainField,
                content: content
            });
        case 'string':
            return /*#__PURE__*/ jsx(Tooltip, {
                label: content,
                children: /*#__PURE__*/ jsx(Typography, {
                    maxWidth: "30rem",
                    ellipsis: true,
                    textColor: "neutral800",
                    children: /*#__PURE__*/ jsx(CellValue, {
                        isIdColumn: isIdColumn,
                        type: attribute.type,
                        value: content
                    })
                })
            });
        default:
            return /*#__PURE__*/ jsx(Typography, {
                maxWidth: "30rem",
                ellipsis: true,
                textColor: "neutral800",
                children: /*#__PURE__*/ jsx(CellValue, {
                    isIdColumn: isIdColumn,
                    type: attribute.type,
                    value: content
                })
            });
    }
};
const hasContent = (content, mainField, attribute)=>{
    if (attribute.type === 'component') {
        // Repeatable fields show the ID as fallback, in case the mainField
        // doesn't have any content
        if (attribute.repeatable || !mainField) {
            return content?.length > 0;
        }
        const value = content?.[mainField.name];
        // relations, media ... show the id as fallback
        if (mainField.name === 'id' && ![
            undefined,
            null
        ].includes(value)) {
            return true;
        }
        return !isEmpty(value);
    }
    if (attribute.type === 'relation') {
        if (isSingleRelation(attribute.relation)) {
            return !isEmpty(content);
        }
        if (Array.isArray(content)) {
            return content.length > 0;
        }
        return content?.count > 0;
    }
    /*
      Biginteger fields need to be treated as strings, as `isNumber`
      doesn't deal with them.
  */ if ([
        'integer',
        'decimal',
        'float',
        'number'
    ].includes(attribute.type)) {
        return typeof content === 'number';
    }
    if (attribute.type === 'boolean') {
        return content !== null;
    }
    return !isEmpty(content);
};
const isSingleRelation = (type)=>[
        'oneToOne',
        'manyToOne',
        'oneToOneMorph'
    ].includes(type);

export { CellContent, hasContent };
//# sourceMappingURL=CellContent.mjs.map