| 1 | {"version":3,"sources":["DataTableHeader.tsx"],"names":["React","color","StyleSheet","View","black","white","withTheme","DataTableHeader","children","style","theme","rest","borderBottomColor","dark","alpha","rgb","string","styles","header","displayName","create","flexDirection","height","paddingHorizontal","borderBottomWidth","hairlineWidth"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAgCC,IAAhC,QAAuD,cAAvD;AACA,SAASC,KAAT,EAAgBC,KAAhB,QAA6B,qBAA7B;AACA,SAASC,SAAT,QAA0B,oBAA1B;;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;AAEA,MAAMC,eAAe,GAAG,QAAgD;AAAA,MAA/C;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,KAAZ;AAAmBC,IAAAA,KAAnB;AAA0B,OAAGC;AAA7B,GAA+C;AACtE,QAAMC,iBAAiB,GAAGX,KAAK,CAACS,KAAK,CAACG,IAAN,GAAaR,KAAb,GAAqBD,KAAtB,CAAL,CACvBU,KADuB,CACjB,IADiB,EAEvBC,GAFuB,GAGvBC,MAHuB,EAA1B;AAKA,sBACE,oBAAC,IAAD,eAAUL,IAAV;AAAgB,IAAA,KAAK,EAAE,CAACM,MAAM,CAACC,MAAR,EAAgB;AAAEN,MAAAA;AAAF,KAAhB,EAAuCH,KAAvC;AAAvB,MACGD,QADH,CADF;AAKD,CAXD;;AAaAD,eAAe,CAACY,WAAhB,GAA8B,kBAA9B;AAEA,MAAMF,MAAM,GAAGf,UAAU,CAACkB,MAAX,CAAkB;AAC/BF,EAAAA,MAAM,EAAE;AACNG,IAAAA,aAAa,EAAE,KADT;AAENC,IAAAA,MAAM,EAAE,EAFF;AAGNC,IAAAA,iBAAiB,EAAE,EAHb;AAINC,IAAAA,iBAAiB,EAAEtB,UAAU,CAACuB,aAAX,GAA2B;AAJxC;AADuB,CAAlB,CAAf;AASA,eAAenB,SAAS,CAACC,eAAD,CAAxB,C,CAEA;;AACA,SAASA,eAAT","sourcesContent":["import * as React from 'react';\nimport color from 'color';\nimport { StyleSheet, StyleProp, View, ViewStyle } from 'react-native';\nimport { black, white } from '../../styles/colors';\nimport { withTheme } from '../../core/theming';\n\ntype Props = React.ComponentPropsWithRef<typeof View> & {\n /**\n * Content of the `DataTableHeader`.\n */\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n /**\n * @optional\n */\n theme: ReactNativePaper.Theme;\n};\n\n/**\n * A component to display title in table header.\n *\n * <div class=\"screenshots\">\n * <figure>\n * <img class=\"medium\" src=\"screenshots/data-table-header.png\" />\n * </figure>\n * </div>\n *\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { DataTable } from 'react-native-paper';\n *\n * const MyComponent = () => (\n * <DataTable>\n * <DataTable.Header>\n * <DataTable.Title\n * sortDirection='descending'\n * >\n * Dessert\n * </DataTable.Title>\n * <DataTable.Title numeric>Calories</DataTable.Title>\n * <DataTable.Title numeric>Fat (g)</DataTable.Title>\n * </DataTable.Header>\n * </DataTable>\n * );\n *\n * export default MyComponent;\n * ```\n */\n\nconst DataTableHeader = ({ children, style, theme, ...rest }: Props) => {\n const borderBottomColor = color(theme.dark ? white : black)\n .alpha(0.12)\n .rgb()\n .string();\n\n return (\n <View {...rest} style={[styles.header, { borderBottomColor }, style]}>\n {children}\n </View>\n );\n};\n\nDataTableHeader.displayName = 'DataTable.Header';\n\nconst styles = StyleSheet.create({\n header: {\n flexDirection: 'row',\n height: 48,\n paddingHorizontal: 16,\n borderBottomWidth: StyleSheet.hairlineWidth * 2,\n },\n});\n\nexport default withTheme(DataTableHeader);\n\n// @component-docs ignore-next-line\nexport { DataTableHeader };\n"]} |