@draftbit/core 47.1.1-832f38.2 → 47.1.1-b7d86a.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/lib/commonjs/components/Accordion/AccordionItem.js +4 -23
  2. package/lib/commonjs/components/Container.js +4 -15
  3. package/lib/commonjs/constants.js +1 -1
  4. package/lib/commonjs/index.js +0 -37
  5. package/lib/commonjs/mappings/FlashList.js +8 -0
  6. package/lib/commonjs/mappings/FlatList.js +4 -0
  7. package/lib/commonjs/mappings/ScrollView.js +4 -0
  8. package/lib/commonjs/utilities.js +2 -2
  9. package/lib/module/index.js +0 -1
  10. package/lib/module/mappings/FlashList.js +9 -1
  11. package/lib/module/mappings/FlatList.js +5 -1
  12. package/lib/module/mappings/ScrollView.js +5 -1
  13. package/lib/module/utilities.js +3 -3
  14. package/lib/typescript/src/index.d.ts +0 -1
  15. package/lib/typescript/src/index.d.ts.map +1 -1
  16. package/lib/typescript/src/mappings/FlashList.d.ts +20 -0
  17. package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -1
  18. package/lib/typescript/src/mappings/FlatList.d.ts +10 -0
  19. package/lib/typescript/src/mappings/FlatList.d.ts.map +1 -1
  20. package/lib/typescript/src/mappings/ScrollView.d.ts +10 -0
  21. package/lib/typescript/src/mappings/ScrollView.d.ts.map +1 -1
  22. package/lib/typescript/src/utilities.d.ts +3 -3
  23. package/lib/typescript/src/utilities.d.ts.map +1 -1
  24. package/package.json +3 -3
  25. package/src/index.js +0 -1
  26. package/src/index.tsx +0 -9
  27. package/src/mappings/FlashList.js +9 -1
  28. package/src/mappings/FlashList.ts +9 -0
  29. package/src/mappings/FlatList.js +5 -1
  30. package/src/mappings/FlatList.ts +5 -0
  31. package/src/mappings/ScrollView.js +5 -1
  32. package/src/mappings/ScrollView.ts +5 -0
  33. package/src/utilities.js +2 -5
  34. package/src/utilities.ts +2 -13
  35. package/lib/commonjs/components/Table/Table.js +0 -28
  36. package/lib/commonjs/components/Table/TableCell.js +0 -42
  37. package/lib/commonjs/components/Table/TableHeader.js +0 -32
  38. package/lib/commonjs/components/Table/TablePaginator.js +0 -12
  39. package/lib/commonjs/components/Table/TableRow.js +0 -38
  40. package/lib/commonjs/components/Table/TableTitle.js +0 -53
  41. package/lib/commonjs/components/Table/index.js +0 -48
  42. package/lib/commonjs/mappings/Table.js +0 -100
  43. package/lib/module/components/Table/Table.js +0 -20
  44. package/lib/module/components/Table/TableCell.js +0 -34
  45. package/lib/module/components/Table/TableHeader.js +0 -24
  46. package/lib/module/components/Table/TablePaginator.js +0 -4
  47. package/lib/module/components/Table/TableRow.js +0 -30
  48. package/lib/module/components/Table/TableTitle.js +0 -45
  49. package/lib/module/components/Table/index.js +0 -6
  50. package/lib/module/mappings/Table.js +0 -93
  51. package/lib/typescript/src/components/Table/Table.d.ts +0 -9
  52. package/lib/typescript/src/components/Table/Table.d.ts.map +0 -1
  53. package/lib/typescript/src/components/Table/TableCell.d.ts +0 -11
  54. package/lib/typescript/src/components/Table/TableCell.d.ts.map +0 -1
  55. package/lib/typescript/src/components/Table/TableHeader.d.ts +0 -13
  56. package/lib/typescript/src/components/Table/TableHeader.d.ts.map +0 -1
  57. package/lib/typescript/src/components/Table/TablePaginator.d.ts +0 -4
  58. package/lib/typescript/src/components/Table/TablePaginator.d.ts.map +0 -1
  59. package/lib/typescript/src/components/Table/TableRow.d.ts +0 -13
  60. package/lib/typescript/src/components/Table/TableRow.d.ts.map +0 -1
  61. package/lib/typescript/src/components/Table/TableTitle.d.ts +0 -13
  62. package/lib/typescript/src/components/Table/TableTitle.d.ts.map +0 -1
  63. package/lib/typescript/src/components/Table/index.d.ts +0 -7
  64. package/lib/typescript/src/components/Table/index.d.ts.map +0 -1
  65. package/lib/typescript/src/mappings/Table.d.ts +0 -149
  66. package/lib/typescript/src/mappings/Table.d.ts.map +0 -1
  67. package/src/components/Table/Table.js +0 -10
  68. package/src/components/Table/Table.tsx +0 -22
  69. package/src/components/Table/TableCell.js +0 -21
  70. package/src/components/Table/TableCell.tsx +0 -44
  71. package/src/components/Table/TableHeader.js +0 -11
  72. package/src/components/Table/TableHeader.tsx +0 -28
  73. package/src/components/Table/TablePaginator.js +0 -5
  74. package/src/components/Table/TablePaginator.tsx +0 -10
  75. package/src/components/Table/TableRow.js +0 -16
  76. package/src/components/Table/TableRow.tsx +0 -31
  77. package/src/components/Table/TableTitle.js +0 -28
  78. package/src/components/Table/TableTitle.tsx +0 -58
  79. package/src/components/Table/index.js +0 -6
  80. package/src/components/Table/index.tsx +0 -6
  81. package/src/mappings/Table.js +0 -136
  82. package/src/mappings/Table.ts +0 -144
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAG5E,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,SAAS,iDAMZ,cAAc,gBAahB,CAAC;AAaF,eAAe,SAAS,CAAC"}
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- import { StyleProp, ViewStyle } from "react-native";
3
- import { Theme } from "../../styles/DefaultTheme";
4
- export interface TableHeaderProps {
5
- children: React.ReactNode;
6
- style?: StyleProp<ViewStyle>;
7
- theme: Theme;
8
- }
9
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<TableHeaderProps, "theme"> & {
10
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
11
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<TableHeaderProps> & (({ children, style, theme, ...rest }: TableHeaderProps) => JSX.Element), {}>;
12
- export default _default;
13
- //# sourceMappingURL=TableHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGlD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AAkBD,wBAAsC"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare const TablePaginator: () => JSX.Element;
3
- export default TablePaginator;
4
- //# sourceMappingURL=TablePaginator.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TablePaginator.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TablePaginator.tsx"],"names":[],"mappings":";AAGA,QAAA,MAAM,cAAc,mBAInB,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- import { StyleProp, ViewStyle } from "react-native";
3
- import { Theme } from "../../styles/DefaultTheme";
4
- export interface TableRowProps {
5
- children: React.ReactNode;
6
- style?: StyleProp<ViewStyle>;
7
- theme: Theme;
8
- }
9
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<TableRowProps, "theme"> & {
10
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
11
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<TableRowProps> & (({ children, style, theme, ...rest }: TableRowProps) => JSX.Element), {}>;
12
- export default _default;
13
- //# sourceMappingURL=TableRow.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AAsBD,wBAAmC"}
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- import { StyleProp, ViewStyle } from "react-native";
3
- export interface TableCellProps {
4
- children: React.ReactNode;
5
- numeric?: boolean;
6
- isAscending: boolean;
7
- numberOfLines?: number;
8
- title?: string;
9
- style?: StyleProp<ViewStyle>;
10
- }
11
- declare const TableTitle: ({ children, style, numeric, isAscending, numberOfLines, title, ...rest }: TableCellProps) => JSX.Element;
12
- export default TableTitle;
13
- //# sourceMappingURL=TableTitle.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableTitle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/TableTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAG5E,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,UAAU,6EAQb,cAAc,gBAgBhB,CAAC;AAoBF,eAAe,UAAU,CAAC"}
@@ -1,7 +0,0 @@
1
- export { default as Table } from "./Table";
2
- export { default as TableHeader } from "./TableHeader";
3
- export { default as TablePaginator } from "./TablePaginator";
4
- export { default as TableRow } from "./TableRow";
5
- export { default as TableCell } from "./TableCell";
6
- export { default as TableTitle } from "./TableTitle";
7
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
@@ -1,149 +0,0 @@
1
- export declare const SEED_DATA: ({
2
- name: string;
3
- tag: string;
4
- category: string;
5
- stylesPanelSections: string[];
6
- layout: {
7
- width: string;
8
- paddingLeft?: undefined;
9
- paddingRight?: undefined;
10
- borderBottomWidth?: undefined;
11
- borderStyle?: undefined;
12
- paddingTop?: undefined;
13
- paddingBottom?: undefined;
14
- backgroundColor?: undefined;
15
- fontSize?: undefined;
16
- };
17
- props: {
18
- numeric?: undefined;
19
- value?: undefined;
20
- isAscending?: undefined;
21
- numberOfLines?: undefined;
22
- };
23
- } | {
24
- name: string;
25
- tag: string;
26
- category: string;
27
- stylesPanelSections: string[];
28
- layout: {
29
- paddingLeft: number;
30
- paddingRight: number;
31
- borderBottomWidth: number;
32
- borderStyle: string;
33
- width?: undefined;
34
- paddingTop?: undefined;
35
- paddingBottom?: undefined;
36
- backgroundColor?: undefined;
37
- fontSize?: undefined;
38
- };
39
- props: {
40
- numeric?: undefined;
41
- value?: undefined;
42
- isAscending?: undefined;
43
- numberOfLines?: undefined;
44
- };
45
- } | {
46
- name: string;
47
- tag: string;
48
- category: string;
49
- layout: {
50
- paddingTop: number;
51
- paddingBottom: number;
52
- paddingLeft: number;
53
- paddingRight: number;
54
- width?: undefined;
55
- borderBottomWidth?: undefined;
56
- borderStyle?: undefined;
57
- backgroundColor?: undefined;
58
- fontSize?: undefined;
59
- };
60
- stylesPanelSections: string[];
61
- props: {
62
- numeric: {
63
- label: string;
64
- description: string;
65
- formType: string;
66
- propType: string;
67
- defaultValue: boolean;
68
- editable: boolean;
69
- required: boolean;
70
- group: string;
71
- };
72
- value: any;
73
- isAscending?: undefined;
74
- numberOfLines?: undefined;
75
- };
76
- } | {
77
- name: string;
78
- tag: string;
79
- category: string;
80
- stylesPanelSections: string[];
81
- layout: {
82
- paddingLeft: number;
83
- paddingRight: number;
84
- borderBottomWidth: number;
85
- borderStyle: string;
86
- backgroundColor: string;
87
- width?: undefined;
88
- paddingTop?: undefined;
89
- paddingBottom?: undefined;
90
- fontSize?: undefined;
91
- };
92
- props: {
93
- numeric?: undefined;
94
- value?: undefined;
95
- isAscending?: undefined;
96
- numberOfLines?: undefined;
97
- };
98
- } | {
99
- name: string;
100
- tag: string;
101
- category: string;
102
- stylesPanelSections: string[];
103
- layout: {
104
- fontSize: number;
105
- paddingTop: number;
106
- paddingBottom: number;
107
- paddingLeft: number;
108
- paddingRight: number;
109
- width?: undefined;
110
- borderBottomWidth?: undefined;
111
- borderStyle?: undefined;
112
- backgroundColor?: undefined;
113
- };
114
- props: {
115
- numeric: {
116
- label: string;
117
- description: string;
118
- formType: string;
119
- propType: string;
120
- defaultValue: boolean;
121
- editable: boolean;
122
- required: boolean;
123
- group: string;
124
- };
125
- value: any;
126
- isAscending: {
127
- label: string;
128
- description: string;
129
- formType: string;
130
- propType: string;
131
- defaultValue: boolean;
132
- editable: boolean;
133
- required: boolean;
134
- group: string;
135
- };
136
- numberOfLines: {
137
- label: string;
138
- description: string;
139
- formType: string;
140
- propType: string;
141
- group: string;
142
- defaultValue: null;
143
- editable: boolean;
144
- required: boolean;
145
- step: number;
146
- };
147
- };
148
- })[];
149
- //# sourceMappingURL=Table.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Table.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsIrB,CAAC"}
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { View, StyleSheet } from "react-native";
3
- const Table = ({ children, style, ...rest }) => (React.createElement(View, { ...rest, style: [styles.wrapper, style] }, children));
4
- const styles = StyleSheet.create({
5
- wrapper: {
6
- display: "flex",
7
- flexDirection: "column",
8
- },
9
- });
10
- export default Table;
@@ -1,22 +0,0 @@
1
- import React from "react";
2
- import { View, StyleProp, ViewStyle, StyleSheet } from "react-native";
3
-
4
- export interface TableProps {
5
- children: React.ReactNode;
6
- style?: StyleProp<ViewStyle>;
7
- }
8
-
9
- const Table = ({ children, style, ...rest }: TableProps) => (
10
- <View {...rest} style={[styles.wrapper, style]}>
11
- {children}
12
- </View>
13
- );
14
-
15
- const styles = StyleSheet.create({
16
- wrapper: {
17
- display: "flex",
18
- flexDirection: "column",
19
- },
20
- });
21
-
22
- export default Table;
@@ -1,21 +0,0 @@
1
- import React from "react";
2
- import { View, Text, StyleSheet } from "react-native";
3
- import { extractStyles } from "../../utilities";
4
- const TableCell = ({ children, style, numeric, value, ...rest }) => {
5
- const { textStyles, viewStyles } = extractStyles(style);
6
- return (React.createElement(View, { ...rest, style: [styles.wrapper, numeric && styles.right, viewStyles] },
7
- React.createElement(Text, { numberOfLines: 1, style: textStyles },
8
- children,
9
- value)));
10
- };
11
- const styles = StyleSheet.create({
12
- wrapper: {
13
- flex: 1,
14
- display: "flex",
15
- flexDirection: "row",
16
- },
17
- right: {
18
- justifyContent: "flex-end",
19
- },
20
- });
21
- export default TableCell;
@@ -1,44 +0,0 @@
1
- import React from "react";
2
- import { View, Text, StyleProp, ViewStyle, StyleSheet } from "react-native";
3
- import { extractStyles } from "../../utilities";
4
-
5
- export interface TableCellProps {
6
- children: React.ReactNode;
7
- numeric?: boolean;
8
- style?: StyleProp<ViewStyle>;
9
- value: string;
10
- }
11
-
12
- const TableCell = ({
13
- children,
14
- style,
15
- numeric,
16
- value,
17
- ...rest
18
- }: TableCellProps) => {
19
- const { textStyles, viewStyles } = extractStyles(style);
20
- return (
21
- <View
22
- {...rest}
23
- style={[styles.wrapper, numeric && styles.right, viewStyles]}
24
- >
25
- <Text numberOfLines={1} style={textStyles}>
26
- {children}
27
- {value}
28
- </Text>
29
- </View>
30
- );
31
- };
32
-
33
- const styles = StyleSheet.create({
34
- wrapper: {
35
- flex: 1,
36
- display: "flex",
37
- flexDirection: "row",
38
- },
39
- right: {
40
- justifyContent: "flex-end",
41
- },
42
- });
43
-
44
- export default TableCell;
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- import { View, StyleSheet } from "react-native";
3
- import { withTheme } from "../../theming";
4
- const TableHeader = ({ children, style, theme, ...rest }) => (React.createElement(View, { ...rest, style: [styles.wrapper, { borderBottomColor: theme.colors.medium }, style] }, children));
5
- const styles = StyleSheet.create({
6
- wrapper: {
7
- display: "flex",
8
- flexDirection: "row",
9
- },
10
- });
11
- export default withTheme(TableHeader);
@@ -1,28 +0,0 @@
1
- import React from "react";
2
- import { View, StyleProp, ViewStyle, StyleSheet } from "react-native";
3
- import { Theme } from "../../styles/DefaultTheme";
4
- import { withTheme } from "../../theming";
5
-
6
- export interface TableHeaderProps {
7
- children: React.ReactNode;
8
- style?: StyleProp<ViewStyle>;
9
- theme: Theme;
10
- }
11
-
12
- const TableHeader = ({ children, style, theme, ...rest }: TableHeaderProps) => (
13
- <View
14
- {...rest}
15
- style={[styles.wrapper, { borderBottomColor: theme.colors.medium }, style]}
16
- >
17
- {children}
18
- </View>
19
- );
20
-
21
- const styles = StyleSheet.create({
22
- wrapper: {
23
- display: "flex",
24
- flexDirection: "row",
25
- },
26
- });
27
-
28
- export default withTheme(TableHeader);
@@ -1,5 +0,0 @@
1
- import React from "react";
2
- import { View, Text } from "react-native";
3
- const TablePaginator = () => (React.createElement(View, null,
4
- React.createElement(Text, null, "Table Paginator")));
5
- export default TablePaginator;
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { View, Text } from "react-native";
3
-
4
- const TablePaginator = () => (
5
- <View>
6
- <Text>Table Paginator</Text>
7
- </View>
8
- );
9
-
10
- export default TablePaginator;
@@ -1,16 +0,0 @@
1
- import React from "react";
2
- import { View, StyleSheet } from "react-native";
3
- import { withTheme } from "../../theming";
4
- const TableRow = ({ children, style, theme, ...rest }) => (React.createElement(View, { ...rest, style: [styles.container, { borderBottomColor: theme.colors.light }, style] },
5
- React.createElement(View, { style: styles.content }, children)));
6
- const styles = StyleSheet.create({
7
- container: {
8
- display: "flex",
9
- flexDirection: "row",
10
- },
11
- content: {
12
- flex: 1,
13
- flexDirection: "row",
14
- },
15
- });
16
- export default withTheme(TableRow);
@@ -1,31 +0,0 @@
1
- import React from "react";
2
- import { View, StyleProp, ViewStyle, StyleSheet } from "react-native";
3
- import { Theme } from "../../styles/DefaultTheme";
4
- import { withTheme } from "../../theming";
5
- export interface TableRowProps {
6
- children: React.ReactNode;
7
- style?: StyleProp<ViewStyle>;
8
- theme: Theme;
9
- }
10
-
11
- const TableRow = ({ children, style, theme, ...rest }: TableRowProps) => (
12
- <View
13
- {...rest}
14
- style={[styles.container, { borderBottomColor: theme.colors.light }, style]}
15
- >
16
- <View style={styles.content}>{children}</View>
17
- </View>
18
- );
19
-
20
- const styles = StyleSheet.create({
21
- container: {
22
- display: "flex",
23
- flexDirection: "row",
24
- },
25
- content: {
26
- flex: 1,
27
- flexDirection: "row",
28
- },
29
- });
30
-
31
- export default withTheme(TableRow);
@@ -1,28 +0,0 @@
1
- import React from "react";
2
- import { View, Text, StyleSheet } from "react-native";
3
- import { extractStyles } from "../../utilities";
4
- const TableTitle = ({ children, style, numeric = false, isAscending = false, numberOfLines = 1, title, ...rest }) => {
5
- const { textStyles, viewStyles } = extractStyles(style);
6
- return (React.createElement(View, { ...rest, style: [styles.wrapper, numeric && styles.right, viewStyles] },
7
- React.createElement(Text, { style: [isAscending ? styles.sorted : { color: "gray" }, textStyles], numberOfLines: numberOfLines },
8
- children,
9
- title)));
10
- };
11
- const styles = StyleSheet.create({
12
- wrapper: {
13
- flex: 1,
14
- display: "flex",
15
- flexDirection: "row",
16
- },
17
- right: {
18
- justifyContent: "flex-end",
19
- },
20
- sorted: {
21
- // marginLeft: 8,
22
- },
23
- icon: {
24
- height: 24,
25
- justifyContent: "center",
26
- },
27
- });
28
- export default TableTitle;
@@ -1,58 +0,0 @@
1
- import React from "react";
2
- import { View, Text, StyleProp, ViewStyle, StyleSheet } from "react-native";
3
- import { extractStyles } from "../../utilities";
4
-
5
- export interface TableCellProps {
6
- children: React.ReactNode;
7
- numeric?: boolean;
8
- isAscending: boolean;
9
- numberOfLines?: number;
10
- title?: string;
11
- style?: StyleProp<ViewStyle>;
12
- }
13
-
14
- const TableTitle = ({
15
- children,
16
- style,
17
- numeric = false,
18
- isAscending = false,
19
- numberOfLines = 1,
20
- title,
21
- ...rest
22
- }: TableCellProps) => {
23
- const { textStyles, viewStyles } = extractStyles(style);
24
- return (
25
- <View
26
- {...rest}
27
- style={[styles.wrapper, numeric && styles.right, viewStyles]}
28
- >
29
- <Text
30
- style={[isAscending ? styles.sorted : { color: "gray" }, textStyles]}
31
- numberOfLines={numberOfLines}
32
- >
33
- {children}
34
- {title}
35
- </Text>
36
- </View>
37
- );
38
- };
39
-
40
- const styles = StyleSheet.create({
41
- wrapper: {
42
- flex: 1,
43
- display: "flex",
44
- flexDirection: "row",
45
- },
46
- right: {
47
- justifyContent: "flex-end",
48
- },
49
- sorted: {
50
- // marginLeft: 8,
51
- },
52
- icon: {
53
- height: 24,
54
- justifyContent: "center",
55
- },
56
- });
57
-
58
- export default TableTitle;
@@ -1,6 +0,0 @@
1
- export { default as Table } from "./Table";
2
- export { default as TableHeader } from "./TableHeader";
3
- export { default as TablePaginator } from "./TablePaginator";
4
- export { default as TableRow } from "./TableRow";
5
- export { default as TableCell } from "./TableCell";
6
- export { default as TableTitle } from "./TableTitle";
@@ -1,6 +0,0 @@
1
- export { default as Table } from "./Table";
2
- export { default as TableHeader } from "./TableHeader";
3
- export { default as TablePaginator } from "./TablePaginator";
4
- export { default as TableRow } from "./TableRow";
5
- export { default as TableCell } from "./TableCell";
6
- export { default as TableTitle } from "./TableTitle";