import React from 'react' import { useRecordContext } from 'react-admin' import styled from 'styled-components' import { get } from 'lodash' const TextField = styled.div` width: ${(props) => props.width}; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; ` const EllipsisTextField = ({ source, width = '100%' }) => { const record = useRecordContext() return record ? ( {get(record, source)} ) : null } export default EllipsisTextField