{"version":3,"file":"ResponsiveTable-B0dFFQpp.js","sources":["../../src/components/Tables/MobileTable.tsx","../../src/components/Tables/ResponsiveTable.tsx"],"sourcesContent":["import { Box, Flex, MantineTheme, Stack, Title, useMantineTheme } from '@mantine/core'\nimport React from 'react'\n\nimport { useAuth } from '@/plugins/auth'\n\nimport { useErrorMessages } from '../../constants/content'\nimport { Transfer } from '../../schemas/types'\nimport { StyledStack } from '../../styled/components'\nimport ErrorMessage from '../ErrorMessage'\nimport Loading from '../Loading'\nimport NoData from '../NoData'\n\ninterface MobileTableProps {\n  dashboard?: boolean\n  title: string\n  data: any[] | null\n  dataToRow: (\n    address: `0x${string}` | string,\n    transaction: Transfer,\n    prevTxHash: string,\n    theme: MantineTheme\n  ) => JSX.Element\n  loading: boolean\n  error: any\n  header?: JSX.Element | React.ReactNode\n  headerButton?: JSX.Element | React.ReactNode\n  filter?: JSX.Element | React.ReactNode\n  footer?: JSX.Element | React.ReactNode\n}\n\nconst MobileTable: React.FC<MobileTableProps> = ({\n  dashboard = false,\n  title,\n  data,\n  dataToRow,\n  loading,\n  error,\n  header,\n  headerButton,\n  filter,\n  footer,\n}) => {\n  const theme = useMantineTheme()\n  const { address } = useAuth()\n  const errorMessages = useErrorMessages()\n  return (\n    <StyledStack style={{ gap: dashboard ? '4px' : '16px' }}>\n      <Stack\n        style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' }}\n      >\n        <Stack style={{ flexDirection: 'row', alignItems: 'center' }}>\n          <Title order={4}>{title}</Title>\n          <Box>{headerButton}</Box>\n        </Stack>\n        {filter}\n      </Stack>\n      {header}\n      {!error && (\n        <Flex direction=\"column\" gap=\"10px\">\n          <Stack style={{ minHeight: '600px' }}>\n            {!loading ? (\n              data && data.length > 0 ? (\n                <Stack>\n                  {data.map((elem, index) =>\n                    dataToRow(\n                      address?.toLocaleLowerCase() || '',\n                      elem,\n                      index > 0 ? data[index - 1].txnHash : '',\n                      theme\n                    )\n                  )}\n                </Stack>\n              ) : (\n                !error && <NoData missing=\"activity\" />\n              )\n            ) : (\n              <Loading />\n            )}\n          </Stack>\n          <Stack style={{ alignItems: 'center' }}>{footer}</Stack>\n        </Flex>\n      )}\n      {error && <ErrorMessage message={errorMessages.indexerConnection} details={error.message} />}\n    </StyledStack>\n  )\n}\n\nexport default MobileTable\n","import { Box, Flex, MantineTheme, Stack, Table, Title, useMantineTheme } from '@mantine/core'\nimport React from 'react'\nimport { useTranslation } from 'react-i18next'\n\nimport { useErrorMessages } from '@/constants/content'\nimport { useAuth } from '@/plugins/auth'\n\nimport { StyledStack } from '../../styled/components'\nimport { baseTxUrl } from '../../utils/table'\nimport ErrorMessage from '../ErrorMessage'\nimport Loading from '../Loading'\nimport NoData from '../NoData'\nimport classes from './ResponsiveTable.module.css'\n\ninterface ResponsiveTableProps {\n  dashboard?: boolean\n  backgroundColor?: string\n  title: string\n  data: any[] | null\n  dataToRow: (\n    t: (key: string, fallback: string) => string,\n    address: `0x${string}` | string,\n    transaction: any,\n    collectionCreator: string,\n    theme: MantineTheme,\n    recent: boolean\n  ) => any[]\n  columns: (JSX.Element | React.ReactNode)[]\n  loading: boolean\n  error: any\n  collectionCreator?: string\n  header?: JSX.Element | React.ReactNode\n  headerButton?: JSX.Element | React.ReactNode\n  footer?: JSX.Element | React.ReactNode\n  recent?: boolean\n}\n\nconst ResponsiveTable: React.FC<ResponsiveTableProps> = ({\n  dashboard = false,\n  backgroundColor = '',\n  title,\n  data,\n  dataToRow,\n  collectionCreator = '',\n  columns,\n  loading,\n  error,\n  header,\n  headerButton,\n  footer,\n  recent = false,\n}) => {\n  const { t } = useTranslation()\n  const theme = useMantineTheme()\n  const errorMessages = useErrorMessages()\n  const { address } = useAuth()\n\n  return (\n    <StyledStack style={{ gap: dashboard ? '4px' : '16px', height: '100%' }}>\n      <Stack\n        style={{\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n          alignItems: 'baseline',\n        }}\n      >\n        <Stack\n          style={{\n            flexDirection: 'row',\n          }}\n        >\n          <Title order={2}>{title}</Title>\n          <Box style={{ margin: 'auto' }}>{headerButton}</Box>\n        </Stack>\n        {footer}\n      </Stack>\n      {header}\n      <Flex direction=\"column\" gap=\"10px\" style={{ height: '100%' }}>\n        <Stack style={{ height: '100%' }}>\n          {!loading ? (\n            <>\n              <Table\n                className={classes.table}\n                style={{ backgroundColor: backgroundColor || theme.colors.background[0] }}\n                withColumnBorders={false}\n              >\n                <thead>\n                  <tr>\n                    {columns.map((column, index) => (\n                      <td key={`${String(index)}`} className={classes.tableHeading}>\n                        {column}\n                      </td>\n                    ))}\n                  </tr>\n                </thead>\n                {data && data.length > 0 && (\n                  <tbody>\n                    {data.map((elem, index) => (\n                      <tr key={`${elem}${String(index)}`}>\n                        {dataToRow(\n                          t,\n                          address?.toLocaleLowerCase() || '',\n                          elem,\n                          collectionCreator,\n                          theme,\n                          recent\n                        ).map((row, index2) => (\n                          <td\n                            key={`${row}${String(index2)}`}\n                            className={classes.tableCell}\n                            onClick={() => {\n                              window.open(`${baseTxUrl}${elem.txnHash}`, '_blank')\n                            }}\n                          >\n                            {index2 === 0 || index2 === 1 || index2 === 3 ? (\n                              <div className={classes.tableCellAddress}>\n                                {React.cloneElement(row, {\n                                  onClick: (event: any) => event.stopPropagation(),\n                                })}\n                              </div>\n                            ) : (\n                              row\n                            )}\n                          </td>\n                        ))}\n                      </tr>\n                    ))}\n                  </tbody>\n                )}\n              </Table>\n              {!(data && data.length > 0) && !error && <NoData missing=\"activity\" />}\n            </>\n          ) : (\n            <Loading />\n          )}\n          {error && (\n            <ErrorMessage message={errorMessages.indexerConnection} details={error.message} />\n          )}\n        </Stack>\n      </Flex>\n    </StyledStack>\n  )\n}\n\nexport default ResponsiveTable\n"],"names":["MobileTable","dashboard","title","data","dataToRow","loading","error","header","headerButton","filter","footer","theme","useMantineTheme","address","useAuth","errorMessages","useErrorMessages","jsxs","StyledStack","Stack","jsx","Title","Box","Flex","Loading","elem","index","NoData","ErrorMessage","ResponsiveTable","backgroundColor","collectionCreator","columns","recent","t","useTranslation","Fragment","Table","classes","column","row","index2","baseTxUrl","React","event"],"mappings":"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"}