732e8912da
- Added Linaria to have compiled CSS on our optimized field displays - Refactored mocks for performance stories on fields - Refactored generateRecordChipData into a global context, computed only when we fetch object metadata items. - Refactored ChipFieldDisplay - Refactored PhoneFieldDisplay
26 lines
570 B
TypeScript
26 lines
570 B
TypeScript
import { styled } from '@linaria/react';
|
|
|
|
const StyledEllipsisDisplay = styled.div<{ maxWidth?: number }>`
|
|
max-width: ${({ maxWidth }) => maxWidth ?? '100%'};
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
`;
|
|
|
|
type EllipsisDisplayProps = {
|
|
children: React.ReactNode;
|
|
maxWidth?: number;
|
|
className?: string;
|
|
};
|
|
|
|
export const EllipsisDisplay = ({
|
|
children,
|
|
maxWidth,
|
|
className,
|
|
}: EllipsisDisplayProps) => (
|
|
<StyledEllipsisDisplay maxWidth={maxWidth} className={className}>
|
|
{children}
|
|
</StyledEllipsisDisplay>
|
|
);
|