una/neo/packages/app/components/elements/simple-list.js

import { View, Row } from 'app/design/view';
import { Text } from 'app/design/typography';
import Time from 'app/ui/atoms/time';
import Html from 'app/ui/atoms/html';
import { BlockWrapper } from 'app/components/block-wrapper'
import { looksLikeHtml, stripTags } from 'app/lib/util';

function normalize(s) {
    return stripTags(s)?.trim() || '';
}

export default function ElementSimpleList({ data, blockWrapperProps }) {
    const keys = Object.keys(data[0]);

    const renderData = (data) => {
        if (Number.isInteger(data) && data > 1000000000) {
            return <Time className='text-card-foreground' ts={data} format="datetime"></Time>
        }

        const isHtml = looksLikeHtml(data);
        const text = isHtml ? String(data ?? '') : normalize(data);

        if (isHtml) {
            return <Html data={text} />;
        }

        return <Text className='text-card-foreground'>{text}</Text>
    }

    const renderItem = (item, index, view) => {
        return (
            <View key={index} className={(view == 'row' ? 'flex-row gap-x-4' : '') + ' mb-4'}>
                <Text className='font-medium text-card-foreground'>{item[0]}: </Text>
                <Row>
                    {renderData(item[1])}
                    {
                        item[2] && <>
                            <Text className='text-xs text-card-foreground'> - </Text>
                            {renderData(item[2])}
                        </>
                    }
                </Row>
            </View>
        );
    };

    return (
        <BlockWrapper {...blockWrapperProps}>
            <View>
                {data.map((item, index) => {
                    if (Array.isArray(item[keys[0]])) {
                        return item.map((item1, index1) => renderItem(item1, index + '-' + index1, 'row'));
                    }
                    else {
                        return renderItem(Object.values(item), index);
                    }
                })}
            </View>
        </BlockWrapper>
    );
}