@draftbit/core 47.1.1-832f38.2 → 47.1.1-a3c366.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/components/NumberInput.js +1 -1
- package/lib/commonjs/constants.js +1 -1
- package/lib/commonjs/index.js +0 -37
- package/lib/commonjs/mappings/FlashList.js +28 -0
- package/lib/commonjs/mappings/FlatList.js +14 -0
- package/lib/commonjs/mappings/ScrollView.js +5 -1
- package/lib/commonjs/utilities.js +2 -2
- package/lib/module/components/NumberInput.js +1 -1
- package/lib/module/components/Portal/PortalConsumer.js +22 -7
- package/lib/module/components/Pressable.js +15 -2
- package/lib/module/index.js +0 -1
- package/lib/module/mappings/FlashList.js +29 -1
- package/lib/module/mappings/FlatList.js +15 -1
- package/lib/module/mappings/ScrollView.js +6 -2
- 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 +60 -0
- package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -1
- package/lib/typescript/src/mappings/FlatList.d.ts +30 -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/components/NumberInput.js +1 -1
- package/src/components/NumberInput.tsx +1 -1
- package/src/index.js +0 -1
- package/src/index.tsx +0 -9
- package/src/mappings/FlashList.js +29 -1
- package/src/mappings/FlashList.ts +33 -0
- package/src/mappings/FlatList.js +15 -1
- package/src/mappings/FlatList.ts +17 -0
- package/src/mappings/ScrollView.js +6 -2
- package/src/mappings/ScrollView.ts +6 -1
- 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,100 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SEED_DATA = void 0;
|
|
7
|
-
var _types = require("@draftbit/types");
|
|
8
|
-
const SEED_DATA = [{
|
|
9
|
-
name: "Table",
|
|
10
|
-
tag: "Table",
|
|
11
|
-
category: _types.COMPONENT_TYPES.container,
|
|
12
|
-
stylesPanelSections: [_types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
|
|
13
|
-
layout: {
|
|
14
|
-
width: "100%"
|
|
15
|
-
},
|
|
16
|
-
props: {}
|
|
17
|
-
}, {
|
|
18
|
-
name: "Table Row",
|
|
19
|
-
tag: "TableRow",
|
|
20
|
-
category: _types.COMPONENT_TYPES.container,
|
|
21
|
-
stylesPanelSections: [_types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
|
|
22
|
-
layout: {
|
|
23
|
-
paddingLeft: 16,
|
|
24
|
-
paddingRight: 16,
|
|
25
|
-
borderBottomWidth: 1,
|
|
26
|
-
borderStyle: "solid"
|
|
27
|
-
},
|
|
28
|
-
props: {}
|
|
29
|
-
}, {
|
|
30
|
-
name: "Table Cell",
|
|
31
|
-
tag: "TableCell",
|
|
32
|
-
category: _types.COMPONENT_TYPES.container,
|
|
33
|
-
layout: {
|
|
34
|
-
paddingTop: 16,
|
|
35
|
-
paddingBottom: 16,
|
|
36
|
-
paddingLeft: 8,
|
|
37
|
-
paddingRight: 8
|
|
38
|
-
},
|
|
39
|
-
stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
|
|
40
|
-
props: {
|
|
41
|
-
numeric: (0, _types.createBoolProp)({
|
|
42
|
-
label: "Is Numeric Cell?",
|
|
43
|
-
description: "Does the cell contain a numeric value?",
|
|
44
|
-
group: _types.GROUPS.data
|
|
45
|
-
}),
|
|
46
|
-
value: (0, _types.createTextProp)({
|
|
47
|
-
label: "Cell Value",
|
|
48
|
-
description: "Table Cell Value",
|
|
49
|
-
group: _types.GROUPS.data
|
|
50
|
-
})
|
|
51
|
-
}
|
|
52
|
-
}, {
|
|
53
|
-
name: "Table Header",
|
|
54
|
-
tag: "TableHeader",
|
|
55
|
-
category: _types.COMPONENT_TYPES.container,
|
|
56
|
-
stylesPanelSections: [_types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
|
|
57
|
-
layout: {
|
|
58
|
-
paddingLeft: 16,
|
|
59
|
-
paddingRight: 16,
|
|
60
|
-
borderBottomWidth: 1,
|
|
61
|
-
borderStyle: "solid",
|
|
62
|
-
backgroundColor: "#EFEFEF"
|
|
63
|
-
},
|
|
64
|
-
props: {}
|
|
65
|
-
}, {
|
|
66
|
-
name: "Table Title",
|
|
67
|
-
tag: "TableTitle",
|
|
68
|
-
category: _types.COMPONENT_TYPES.container,
|
|
69
|
-
stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.Background, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
|
|
70
|
-
layout: {
|
|
71
|
-
fontSize: 14,
|
|
72
|
-
paddingTop: 16,
|
|
73
|
-
paddingBottom: 16,
|
|
74
|
-
paddingLeft: 8,
|
|
75
|
-
paddingRight: 8
|
|
76
|
-
},
|
|
77
|
-
props: {
|
|
78
|
-
numeric: (0, _types.createBoolProp)({
|
|
79
|
-
label: "Is Numeric Cell?",
|
|
80
|
-
description: "Does the cell contain a numeric value?",
|
|
81
|
-
group: _types.GROUPS.data
|
|
82
|
-
}),
|
|
83
|
-
value: (0, _types.createTextProp)({
|
|
84
|
-
label: "Cell Value",
|
|
85
|
-
description: "Table Cell Value",
|
|
86
|
-
group: _types.GROUPS.data
|
|
87
|
-
}),
|
|
88
|
-
isAscending: (0, _types.createBoolProp)({
|
|
89
|
-
label: "Is Ascending?",
|
|
90
|
-
description: "Does the cell contain a numeric value?",
|
|
91
|
-
group: _types.GROUPS.data
|
|
92
|
-
}),
|
|
93
|
-
numberOfLines: (0, _types.createNumberProp)({
|
|
94
|
-
label: "Number of Lines",
|
|
95
|
-
description: "Number of Lines",
|
|
96
|
-
group: _types.GROUPS.basic
|
|
97
|
-
})
|
|
98
|
-
}
|
|
99
|
-
}];
|
|
100
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { View, StyleSheet } from "react-native";
|
|
4
|
-
const Table = _ref => {
|
|
5
|
-
let {
|
|
6
|
-
children,
|
|
7
|
-
style,
|
|
8
|
-
...rest
|
|
9
|
-
} = _ref;
|
|
10
|
-
return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
|
|
11
|
-
style: [styles.wrapper, style]
|
|
12
|
-
}), children);
|
|
13
|
-
};
|
|
14
|
-
const styles = StyleSheet.create({
|
|
15
|
-
wrapper: {
|
|
16
|
-
display: "flex",
|
|
17
|
-
flexDirection: "column"
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
export default Table;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { View, Text, StyleSheet } from "react-native";
|
|
4
|
-
import { extractStyles } from "../../utilities";
|
|
5
|
-
const TableCell = _ref => {
|
|
6
|
-
let {
|
|
7
|
-
children,
|
|
8
|
-
style,
|
|
9
|
-
numeric,
|
|
10
|
-
value,
|
|
11
|
-
...rest
|
|
12
|
-
} = _ref;
|
|
13
|
-
const {
|
|
14
|
-
textStyles,
|
|
15
|
-
viewStyles
|
|
16
|
-
} = extractStyles(style);
|
|
17
|
-
return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
|
|
18
|
-
style: [styles.wrapper, numeric && styles.right, viewStyles]
|
|
19
|
-
}), /*#__PURE__*/React.createElement(Text, {
|
|
20
|
-
numberOfLines: 1,
|
|
21
|
-
style: textStyles
|
|
22
|
-
}, children, value));
|
|
23
|
-
};
|
|
24
|
-
const styles = StyleSheet.create({
|
|
25
|
-
wrapper: {
|
|
26
|
-
flex: 1,
|
|
27
|
-
display: "flex",
|
|
28
|
-
flexDirection: "row"
|
|
29
|
-
},
|
|
30
|
-
right: {
|
|
31
|
-
justifyContent: "flex-end"
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
export default TableCell;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { View, StyleSheet } from "react-native";
|
|
4
|
-
import { withTheme } from "../../theming";
|
|
5
|
-
const TableHeader = _ref => {
|
|
6
|
-
let {
|
|
7
|
-
children,
|
|
8
|
-
style,
|
|
9
|
-
theme,
|
|
10
|
-
...rest
|
|
11
|
-
} = _ref;
|
|
12
|
-
return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
|
|
13
|
-
style: [styles.wrapper, {
|
|
14
|
-
borderBottomColor: theme.colors.medium
|
|
15
|
-
}, style]
|
|
16
|
-
}), children);
|
|
17
|
-
};
|
|
18
|
-
const styles = StyleSheet.create({
|
|
19
|
-
wrapper: {
|
|
20
|
-
display: "flex",
|
|
21
|
-
flexDirection: "row"
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
export default withTheme(TableHeader);
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { View, StyleSheet } from "react-native";
|
|
4
|
-
import { withTheme } from "../../theming";
|
|
5
|
-
const TableRow = _ref => {
|
|
6
|
-
let {
|
|
7
|
-
children,
|
|
8
|
-
style,
|
|
9
|
-
theme,
|
|
10
|
-
...rest
|
|
11
|
-
} = _ref;
|
|
12
|
-
return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
|
|
13
|
-
style: [styles.container, {
|
|
14
|
-
borderBottomColor: theme.colors.light
|
|
15
|
-
}, style]
|
|
16
|
-
}), /*#__PURE__*/React.createElement(View, {
|
|
17
|
-
style: styles.content
|
|
18
|
-
}, children));
|
|
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
|
-
export default withTheme(TableRow);
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { View, Text, StyleSheet } from "react-native";
|
|
4
|
-
import { extractStyles } from "../../utilities";
|
|
5
|
-
const TableTitle = _ref => {
|
|
6
|
-
let {
|
|
7
|
-
children,
|
|
8
|
-
style,
|
|
9
|
-
numeric = false,
|
|
10
|
-
isAscending = false,
|
|
11
|
-
numberOfLines = 1,
|
|
12
|
-
title,
|
|
13
|
-
...rest
|
|
14
|
-
} = _ref;
|
|
15
|
-
const {
|
|
16
|
-
textStyles,
|
|
17
|
-
viewStyles
|
|
18
|
-
} = extractStyles(style);
|
|
19
|
-
return /*#__PURE__*/React.createElement(View, _extends({}, rest, {
|
|
20
|
-
style: [styles.wrapper, numeric && styles.right, viewStyles]
|
|
21
|
-
}), /*#__PURE__*/React.createElement(Text, {
|
|
22
|
-
style: [isAscending ? styles.sorted : {
|
|
23
|
-
color: "gray"
|
|
24
|
-
}, textStyles],
|
|
25
|
-
numberOfLines: numberOfLines
|
|
26
|
-
}, children, title));
|
|
27
|
-
};
|
|
28
|
-
const styles = StyleSheet.create({
|
|
29
|
-
wrapper: {
|
|
30
|
-
flex: 1,
|
|
31
|
-
display: "flex",
|
|
32
|
-
flexDirection: "row"
|
|
33
|
-
},
|
|
34
|
-
right: {
|
|
35
|
-
justifyContent: "flex-end"
|
|
36
|
-
},
|
|
37
|
-
sorted: {
|
|
38
|
-
// marginLeft: 8,
|
|
39
|
-
},
|
|
40
|
-
icon: {
|
|
41
|
-
height: 24,
|
|
42
|
-
justifyContent: "center"
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
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,93 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, GROUPS, createBoolProp, createTextProp, createNumberProp, StylesPanelSections } from "@draftbit/types";
|
|
2
|
-
export const SEED_DATA = [{
|
|
3
|
-
name: "Table",
|
|
4
|
-
tag: "Table",
|
|
5
|
-
category: COMPONENT_TYPES.container,
|
|
6
|
-
stylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
|
|
7
|
-
layout: {
|
|
8
|
-
width: "100%"
|
|
9
|
-
},
|
|
10
|
-
props: {}
|
|
11
|
-
}, {
|
|
12
|
-
name: "Table Row",
|
|
13
|
-
tag: "TableRow",
|
|
14
|
-
category: COMPONENT_TYPES.container,
|
|
15
|
-
stylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
|
|
16
|
-
layout: {
|
|
17
|
-
paddingLeft: 16,
|
|
18
|
-
paddingRight: 16,
|
|
19
|
-
borderBottomWidth: 1,
|
|
20
|
-
borderStyle: "solid"
|
|
21
|
-
},
|
|
22
|
-
props: {}
|
|
23
|
-
}, {
|
|
24
|
-
name: "Table Cell",
|
|
25
|
-
tag: "TableCell",
|
|
26
|
-
category: COMPONENT_TYPES.container,
|
|
27
|
-
layout: {
|
|
28
|
-
paddingTop: 16,
|
|
29
|
-
paddingBottom: 16,
|
|
30
|
-
paddingLeft: 8,
|
|
31
|
-
paddingRight: 8
|
|
32
|
-
},
|
|
33
|
-
stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
|
|
34
|
-
props: {
|
|
35
|
-
numeric: createBoolProp({
|
|
36
|
-
label: "Is Numeric Cell?",
|
|
37
|
-
description: "Does the cell contain a numeric value?",
|
|
38
|
-
group: GROUPS.data
|
|
39
|
-
}),
|
|
40
|
-
value: createTextProp({
|
|
41
|
-
label: "Cell Value",
|
|
42
|
-
description: "Table Cell Value",
|
|
43
|
-
group: GROUPS.data
|
|
44
|
-
})
|
|
45
|
-
}
|
|
46
|
-
}, {
|
|
47
|
-
name: "Table Header",
|
|
48
|
-
tag: "TableHeader",
|
|
49
|
-
category: COMPONENT_TYPES.container,
|
|
50
|
-
stylesPanelSections: [StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
|
|
51
|
-
layout: {
|
|
52
|
-
paddingLeft: 16,
|
|
53
|
-
paddingRight: 16,
|
|
54
|
-
borderBottomWidth: 1,
|
|
55
|
-
borderStyle: "solid",
|
|
56
|
-
backgroundColor: "#EFEFEF"
|
|
57
|
-
},
|
|
58
|
-
props: {}
|
|
59
|
-
}, {
|
|
60
|
-
name: "Table Title",
|
|
61
|
-
tag: "TableTitle",
|
|
62
|
-
category: COMPONENT_TYPES.container,
|
|
63
|
-
stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
|
|
64
|
-
layout: {
|
|
65
|
-
fontSize: 14,
|
|
66
|
-
paddingTop: 16,
|
|
67
|
-
paddingBottom: 16,
|
|
68
|
-
paddingLeft: 8,
|
|
69
|
-
paddingRight: 8
|
|
70
|
-
},
|
|
71
|
-
props: {
|
|
72
|
-
numeric: createBoolProp({
|
|
73
|
-
label: "Is Numeric Cell?",
|
|
74
|
-
description: "Does the cell contain a numeric value?",
|
|
75
|
-
group: GROUPS.data
|
|
76
|
-
}),
|
|
77
|
-
value: createTextProp({
|
|
78
|
-
label: "Cell Value",
|
|
79
|
-
description: "Table Cell Value",
|
|
80
|
-
group: GROUPS.data
|
|
81
|
-
}),
|
|
82
|
-
isAscending: createBoolProp({
|
|
83
|
-
label: "Is Ascending?",
|
|
84
|
-
description: "Does the cell contain a numeric value?",
|
|
85
|
-
group: GROUPS.data
|
|
86
|
-
}),
|
|
87
|
-
numberOfLines: createNumberProp({
|
|
88
|
-
label: "Number of Lines",
|
|
89
|
-
description: "Number of Lines",
|
|
90
|
-
group: GROUPS.basic
|
|
91
|
-
})
|
|
92
|
-
}
|
|
93
|
-
}];
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { StyleProp, ViewStyle } from "react-native";
|
|
3
|
-
export interface TableProps {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
style?: StyleProp<ViewStyle>;
|
|
6
|
-
}
|
|
7
|
-
declare const Table: ({ children, style, ...rest }: TableProps) => JSX.Element;
|
|
8
|
-
export default Table;
|
|
9
|
-
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAEtE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,KAAK,iCAAkC,UAAU,gBAItD,CAAC;AASF,eAAe,KAAK,CAAC"}
|
|
@@ -1,11 +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
|
-
style?: StyleProp<ViewStyle>;
|
|
7
|
-
value: string;
|
|
8
|
-
}
|
|
9
|
-
declare const TableCell: ({ children, style, numeric, value, ...rest }: TableCellProps) => JSX.Element;
|
|
10
|
-
export default TableCell;
|
|
11
|
-
//# sourceMappingURL=TableCell.d.ts.map
|
|
@@ -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;
|