| 1 | {"version":3,"sources":["DataTable.tsx"],"names":["DataTable","children","style","rest","styles","container","Header","DataTableHeader","Title","DataTableTitle","Row","DataTableRow","Cell","DataTableCell","Pagination","DataTablePagination","StyleSheet","create","width"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;AAIA;;AAKA;;;;;;;;;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,KAAZ;AAAmB,KAAGC;AAAtB,CAAD,kBAChB,oBAAC,iBAAD,eAAUA,IAAV;AAAgB,EAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmBH,KAAnB;AAAvB,IACGD,QADH,CADF,C,CAMA;;;AACAD,SAAS,CAACM,MAAV,GAAmBC,yBAAnB,C,CAEA;;AACAP,SAAS,CAACQ,KAAV,GAAkBC,wBAAlB,C,CAEA;;AACAT,SAAS,CAACU,GAAV,GAAgBC,sBAAhB,C,CAEA;;AACAX,SAAS,CAACY,IAAV,GAAiBC,sBAAjB,C,CAEA;;AACAb,SAAS,CAACc,UAAV,GAAuBC,6BAAvB;;AAEA,MAAMX,MAAM,GAAGY,wBAAWC,MAAX,CAAkB;AAC/BZ,EAAAA,SAAS,EAAE;AACTa,IAAAA,KAAK,EAAE;AADE;AADoB,CAAlB,CAAf;;eAMelB,S","sourcesContent":["import * as React from 'react';\nimport { StyleSheet, StyleProp, View, ViewStyle } from 'react-native';\nimport DataTableCell from './DataTableCell';\nimport DataTableHeader, {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n DataTableHeader as _DataTableHeader,\n} from './DataTableHeader';\nimport DataTableTitle, {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n DataTableTitle as _DataTableTitle,\n} from './DataTableTitle';\nimport DataTablePagination, {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n DataTablePagination as _DataTablePagination,\n} from './DataTablePagination';\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport DataTableRow, { DataTableRow as _DataTableRow } from './DataTableRow';\n\ntype Props = React.ComponentPropsWithRef<typeof View> & {\n /**\n * Content of the `DataTable`.\n */\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n};\n\n/**\n * Data tables allow displaying sets of data.\n *\n * <div class=\"screenshots\">\n * <figure>\n * <img class=\"large\" src=\"screenshots/data-table.png\" />\n * <figcaption>Data table</figcaption>\n * </figure>\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { DataTable } from 'react-native-paper';\n *\n * const optionsPerPage = [2, 3, 4];\n *\n * const MyComponent = () => {\n * const [page, setPage] = React.useState<number>(0);\n * const [itemsPerPage, setItemsPerPage] = React.useState(optionsPerPage[0]);\n *\n * React.useEffect(() => {\n * setPage(0);\n * }, [itemsPerPage]);\n *\n * return (\n * <DataTable>\n * <DataTable.Header>\n * <DataTable.Title>Dessert</DataTable.Title>\n * <DataTable.Title numeric>Calories</DataTable.Title>\n * <DataTable.Title numeric>Fat</DataTable.Title>\n * </DataTable.Header>\n *\n * <DataTable.Row>\n * <DataTable.Cell>Frozen yogurt</DataTable.Cell>\n * <DataTable.Cell numeric>159</DataTable.Cell>\n * <DataTable.Cell numeric>6.0</DataTable.Cell>\n * </DataTable.Row>\n *\n * <DataTable.Row>\n * <DataTable.Cell>Ice cream sandwich</DataTable.Cell>\n * <DataTable.Cell numeric>237</DataTable.Cell>\n * <DataTable.Cell numeric>8.0</DataTable.Cell>\n * </DataTable.Row>\n *\n * <DataTable.Pagination\n * page={page}\n * numberOfPages={3}\n * onPageChange={(page) => setPage(page)}\n * label=\"1-2 of 6\"\n * optionsPerPage={optionsPerPage}\n * itemsPerPage={itemsPerPage}\n * setItemsPerPage={setItemsPerPage}\n * showFastPagination\n * optionsLabel={'Rows per page'}\n * />\n * </DataTable>\n * );\n *}\n *\n * export default MyComponent;\n * ```\n */\nconst DataTable = ({ children, style, ...rest }: Props) => (\n <View {...rest} style={[styles.container, style]}>\n {children}\n </View>\n);\n\n// @component ./DataTableHeader.tsx\nDataTable.Header = DataTableHeader;\n\n// @component ./DataTableTitle.tsx\nDataTable.Title = DataTableTitle;\n\n// @component ./DataTableRow.tsx\nDataTable.Row = DataTableRow;\n\n// @component ./DataTableCell.tsx\nDataTable.Cell = DataTableCell;\n\n// @component ./DataTablePagination.tsx\nDataTable.Pagination = DataTablePagination;\n\nconst styles = StyleSheet.create({\n container: {\n width: '100%',\n },\n});\n\nexport default DataTable;\n"]} |