@reactjsonforms/antd-renderers/lib/additional/ListWithDetailMasterItem.js

Ant Design Renderer Set for JSON Forms

import { withJsonFormsMasterListItemProps } from '@reactjsonforms/react';
import { DeleteFilled } from '@ant-design/icons';
import { Avatar, Button, List, Tooltip } from 'antd';
import React, { useMemo } from 'react';
const ListWithDetailMasterItem = ({ index, childLabel, selected, handleSelect, removeItem, path, }) => {
    const avatarStyle = useMemo(() => (selected ? { backgroundColor: '#1890FF' } : {}), [selected]);
    return (React.createElement(List.Item, { key: index, onClick: handleSelect(index), actions: [
            React.createElement(Tooltip, { title: 'Delete', key: 'action_1' },
                React.createElement(Button, { icon: React.createElement(DeleteFilled, { rev: undefined }), onClick: removeItem(path, index) })),
        ] },
        React.createElement(List.Item.Meta, { avatar: React.createElement(Avatar, { style: avatarStyle }, index + 1), title: childLabel })));
};
export default withJsonFormsMasterListItemProps(ListWithDetailMasterItem);
//# sourceMappingURL=ListWithDetailMasterItem.js.map