@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.
- package/lib/commonjs/components/Accordion/AccordionItem.js +4 -23
- package/lib/commonjs/components/Container.js +4 -15
- package/lib/commonjs/constants.js +1 -1
- package/lib/commonjs/index.js +0 -37
- package/lib/commonjs/mappings/FlashList.js +8 -0
- package/lib/commonjs/mappings/FlatList.js +4 -0
- package/lib/commonjs/mappings/ScrollView.js +4 -0
- package/lib/commonjs/utilities.js +2 -2
- package/lib/module/index.js +0 -1
- package/lib/module/mappings/FlashList.js +9 -1
- package/lib/module/mappings/FlatList.js +5 -1
- package/lib/module/mappings/ScrollView.js +5 -1
- package/lib/module/utilities.js +3 -3
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/mappings/FlashList.d.ts +20 -0
- package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -1
- package/lib/typescript/src/mappings/FlatList.d.ts +10 -0
- package/lib/typescript/src/mappings/FlatList.d.ts.map +1 -1
- package/lib/typescript/src/mappings/ScrollView.d.ts +10 -0
- package/lib/typescript/src/mappings/ScrollView.d.ts.map +1 -1
- package/lib/typescript/src/utilities.d.ts +3 -3
- package/lib/typescript/src/utilities.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/index.js +0 -1
- package/src/index.tsx +0 -9
- package/src/mappings/FlashList.js +9 -1
- package/src/mappings/FlashList.ts +9 -0
- package/src/mappings/FlatList.js +5 -1
- package/src/mappings/FlatList.ts +5 -0
- package/src/mappings/ScrollView.js +5 -1
- package/src/mappings/ScrollView.ts +5 -0
- package/src/utilities.js +2 -5
- package/src/utilities.ts +2 -13
- package/lib/commonjs/components/Table/Table.js +0 -28
- package/lib/commonjs/components/Table/TableCell.js +0 -42
- package/lib/commonjs/components/Table/TableHeader.js +0 -32
- package/lib/commonjs/components/Table/TablePaginator.js +0 -12
- package/lib/commonjs/components/Table/TableRow.js +0 -38
- package/lib/commonjs/components/Table/TableTitle.js +0 -53
- package/lib/commonjs/components/Table/index.js +0 -48
- package/lib/commonjs/mappings/Table.js +0 -100
- package/lib/module/components/Table/Table.js +0 -20
- package/lib/module/components/Table/TableCell.js +0 -34
- package/lib/module/components/Table/TableHeader.js +0 -24
- package/lib/module/components/Table/TablePaginator.js +0 -4
- package/lib/module/components/Table/TableRow.js +0 -30
- package/lib/module/components/Table/TableTitle.js +0 -45
- package/lib/module/components/Table/index.js +0 -6
- package/lib/module/mappings/Table.js +0 -93
- package/lib/typescript/src/components/Table/Table.d.ts +0 -9
- package/lib/typescript/src/components/Table/Table.d.ts.map +0 -1
- package/lib/typescript/src/components/Table/TableCell.d.ts +0 -11
- package/lib/typescript/src/components/Table/TableCell.d.ts.map +0 -1
- package/lib/typescript/src/components/Table/TableHeader.d.ts +0 -13
- package/lib/typescript/src/components/Table/TableHeader.d.ts.map +0 -1
- package/lib/typescript/src/components/Table/TablePaginator.d.ts +0 -4
- package/lib/typescript/src/components/Table/TablePaginator.d.ts.map +0 -1
- package/lib/typescript/src/components/Table/TableRow.d.ts +0 -13
- package/lib/typescript/src/components/Table/TableRow.d.ts.map +0 -1
- package/lib/typescript/src/components/Table/TableTitle.d.ts +0 -13
- package/lib/typescript/src/components/Table/TableTitle.d.ts.map +0 -1
- package/lib/typescript/src/components/Table/index.d.ts +0 -7
- package/lib/typescript/src/components/Table/index.d.ts.map +0 -1
- package/lib/typescript/src/mappings/Table.d.ts +0 -149
- package/lib/typescript/src/mappings/Table.d.ts.map +0 -1
- package/src/components/Table/Table.js +0 -10
- package/src/components/Table/Table.tsx +0 -22
- package/src/components/Table/TableCell.js +0 -21
- package/src/components/Table/TableCell.tsx +0 -44
- package/src/components/Table/TableHeader.js +0 -11
- package/src/components/Table/TableHeader.tsx +0 -28
- package/src/components/Table/TablePaginator.js +0 -5
- package/src/components/Table/TablePaginator.tsx +0 -10
- package/src/components/Table/TableRow.js +0 -16
- package/src/components/Table/TableRow.tsx +0 -31
- package/src/components/Table/TableTitle.js +0 -28
- package/src/components/Table/TableTitle.tsx +0 -58
- package/src/components/Table/index.js +0 -6
- package/src/components/Table/index.tsx +0 -6
- package/src/mappings/Table.js +0 -136
- 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 +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,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";
|