Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3682 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3682 Rev 3684
Línea 4... Línea 4...
4 
export function Grid({
 4 
export function Grid({
5 
  items = [],
 5 
  items = [],
6 
  renderItem = () => {},
 6 
  renderItem = () => {},
7 
  emptyMessage = '',
 7 
  emptyMessage = '',
8 
  keyExtractor = (item) => item,
 8 
  keyExtractor = (item) => item,
9 
  autoFit = true,
 - 
 
10 
  minWidth = 200,
 - 
 
11 
  maxWidth = 250,
 - 
 
12 
  columns = 3,
 9 
  columns = 3,
13 
  gap = 1,
 10 
  gap = 1,
14 
  renderFooter
 11 
  renderFooter
15 
}) {
 12 
}) {
16 
  if (!items || !items.length) {
 13 
  if (!items || !items.length) {
Línea 20... Línea 17...
20 
  return (
 17 
  return (
21 
    <>
 18 
    <>
22 
      <Box
 19 
      <Box
23 
        sx={{
 20 
        sx={{
24 
          display: 'grid',
 21 
          display: 'grid',
25 
          gridTemplateColumns: autoFit
 - 
 
26 
            ? `repeat(auto-fit, minmax(${minWidth}px, ${maxWidth}px))`
 - 
 
27 
            : `repeat(${columns}, 1fr)`,
 22 
          gridTemplateColumns: { xs: 'repeat(1, 1fr)', md: `repeat(${columns}, 1fr)` },
28 
          gap
 23 
          gap
29 
        }}
 24 
        }}
30 
      >
 25 
      >
31 
        {items.map((item, index) => (
 26 
        {items.map((item, index) => (
32 
          <Box key={keyExtractor(item, index)}>{renderItem(item, index)}</Box>
 27 
          <Box key={keyExtractor(item, index)}>{renderItem(item, index)}</Box>