@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
package/src/utilities.ts
CHANGED
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
import { StyleSheet, StyleProp, TextStyle } from "react-native";
|
|
2
|
-
import {
|
|
3
|
-
isString,
|
|
4
|
-
isNumber,
|
|
5
|
-
pick,
|
|
6
|
-
pickBy,
|
|
7
|
-
identity,
|
|
8
|
-
omitBy,
|
|
9
|
-
isNil,
|
|
10
|
-
} from "lodash";
|
|
2
|
+
import { isString, isNumber, pick, pickBy, identity } from "lodash";
|
|
11
3
|
|
|
12
4
|
export function extractStyles(style: StyleProp<any>) {
|
|
13
5
|
const {
|
|
@@ -39,10 +31,7 @@ export function extractStyles(style: StyleProp<any>) {
|
|
|
39
31
|
textDecorationStyle,
|
|
40
32
|
};
|
|
41
33
|
|
|
42
|
-
return {
|
|
43
|
-
viewStyles: omitBy(viewStyles, isNil),
|
|
44
|
-
textStyles: omitBy(textStyles, isNil),
|
|
45
|
-
};
|
|
34
|
+
return { viewStyles, textStyles };
|
|
46
35
|
}
|
|
47
36
|
|
|
48
37
|
export const borderStyleNames = [
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
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); }
|
|
11
|
-
const Table = _ref => {
|
|
12
|
-
let {
|
|
13
|
-
children,
|
|
14
|
-
style,
|
|
15
|
-
...rest
|
|
16
|
-
} = _ref;
|
|
17
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
|
|
18
|
-
style: [styles.wrapper, style]
|
|
19
|
-
}), children);
|
|
20
|
-
};
|
|
21
|
-
const styles = _reactNative.StyleSheet.create({
|
|
22
|
-
wrapper: {
|
|
23
|
-
display: "flex",
|
|
24
|
-
flexDirection: "column"
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
var _default = Table;
|
|
28
|
-
exports.default = _default;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _utilities = require("../../utilities");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
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); }
|
|
12
|
-
const TableCell = _ref => {
|
|
13
|
-
let {
|
|
14
|
-
children,
|
|
15
|
-
style,
|
|
16
|
-
numeric,
|
|
17
|
-
value,
|
|
18
|
-
...rest
|
|
19
|
-
} = _ref;
|
|
20
|
-
const {
|
|
21
|
-
textStyles,
|
|
22
|
-
viewStyles
|
|
23
|
-
} = (0, _utilities.extractStyles)(style);
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
|
|
25
|
-
style: [styles.wrapper, numeric && styles.right, viewStyles]
|
|
26
|
-
}), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
27
|
-
numberOfLines: 1,
|
|
28
|
-
style: textStyles
|
|
29
|
-
}, children, value));
|
|
30
|
-
};
|
|
31
|
-
const styles = _reactNative.StyleSheet.create({
|
|
32
|
-
wrapper: {
|
|
33
|
-
flex: 1,
|
|
34
|
-
display: "flex",
|
|
35
|
-
flexDirection: "row"
|
|
36
|
-
},
|
|
37
|
-
right: {
|
|
38
|
-
justifyContent: "flex-end"
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
var _default = TableCell;
|
|
42
|
-
exports.default = _default;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _theming = require("../../theming");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
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); }
|
|
12
|
-
const TableHeader = _ref => {
|
|
13
|
-
let {
|
|
14
|
-
children,
|
|
15
|
-
style,
|
|
16
|
-
theme,
|
|
17
|
-
...rest
|
|
18
|
-
} = _ref;
|
|
19
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
|
|
20
|
-
style: [styles.wrapper, {
|
|
21
|
-
borderBottomColor: theme.colors.medium
|
|
22
|
-
}, style]
|
|
23
|
-
}), children);
|
|
24
|
-
};
|
|
25
|
-
const styles = _reactNative.StyleSheet.create({
|
|
26
|
-
wrapper: {
|
|
27
|
-
display: "flex",
|
|
28
|
-
flexDirection: "row"
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
var _default = (0, _theming.withTheme)(TableHeader);
|
|
32
|
-
exports.default = _default;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
const TablePaginator = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Table Paginator"));
|
|
11
|
-
var _default = TablePaginator;
|
|
12
|
-
exports.default = _default;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _theming = require("../../theming");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
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); }
|
|
12
|
-
const TableRow = _ref => {
|
|
13
|
-
let {
|
|
14
|
-
children,
|
|
15
|
-
style,
|
|
16
|
-
theme,
|
|
17
|
-
...rest
|
|
18
|
-
} = _ref;
|
|
19
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
|
|
20
|
-
style: [styles.container, {
|
|
21
|
-
borderBottomColor: theme.colors.light
|
|
22
|
-
}, style]
|
|
23
|
-
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
24
|
-
style: styles.content
|
|
25
|
-
}, children));
|
|
26
|
-
};
|
|
27
|
-
const styles = _reactNative.StyleSheet.create({
|
|
28
|
-
container: {
|
|
29
|
-
display: "flex",
|
|
30
|
-
flexDirection: "row"
|
|
31
|
-
},
|
|
32
|
-
content: {
|
|
33
|
-
flex: 1,
|
|
34
|
-
flexDirection: "row"
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
var _default = (0, _theming.withTheme)(TableRow);
|
|
38
|
-
exports.default = _default;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _utilities = require("../../utilities");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
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); }
|
|
12
|
-
const TableTitle = _ref => {
|
|
13
|
-
let {
|
|
14
|
-
children,
|
|
15
|
-
style,
|
|
16
|
-
numeric = false,
|
|
17
|
-
isAscending = false,
|
|
18
|
-
numberOfLines = 1,
|
|
19
|
-
title,
|
|
20
|
-
...rest
|
|
21
|
-
} = _ref;
|
|
22
|
-
const {
|
|
23
|
-
textStyles,
|
|
24
|
-
viewStyles
|
|
25
|
-
} = (0, _utilities.extractStyles)(style);
|
|
26
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
|
|
27
|
-
style: [styles.wrapper, numeric && styles.right, viewStyles]
|
|
28
|
-
}), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
29
|
-
style: [isAscending ? styles.sorted : {
|
|
30
|
-
color: "gray"
|
|
31
|
-
}, textStyles],
|
|
32
|
-
numberOfLines: numberOfLines
|
|
33
|
-
}, children, title));
|
|
34
|
-
};
|
|
35
|
-
const styles = _reactNative.StyleSheet.create({
|
|
36
|
-
wrapper: {
|
|
37
|
-
flex: 1,
|
|
38
|
-
display: "flex",
|
|
39
|
-
flexDirection: "row"
|
|
40
|
-
},
|
|
41
|
-
right: {
|
|
42
|
-
justifyContent: "flex-end"
|
|
43
|
-
},
|
|
44
|
-
sorted: {
|
|
45
|
-
// marginLeft: 8,
|
|
46
|
-
},
|
|
47
|
-
icon: {
|
|
48
|
-
height: 24,
|
|
49
|
-
justifyContent: "center"
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
var _default = TableTitle;
|
|
53
|
-
exports.default = _default;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Table", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _Table.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "TableCell", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _TableCell.default;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "TableHeader", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _TableHeader.default;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "TablePaginator", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function () {
|
|
27
|
-
return _TablePaginator.default;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
Object.defineProperty(exports, "TableRow", {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function () {
|
|
33
|
-
return _TableRow.default;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(exports, "TableTitle", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () {
|
|
39
|
-
return _TableTitle.default;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
var _Table = _interopRequireDefault(require("./Table"));
|
|
43
|
-
var _TableHeader = _interopRequireDefault(require("./TableHeader"));
|
|
44
|
-
var _TablePaginator = _interopRequireDefault(require("./TablePaginator"));
|
|
45
|
-
var _TableRow = _interopRequireDefault(require("./TableRow"));
|
|
46
|
-
var _TableCell = _interopRequireDefault(require("./TableCell"));
|
|
47
|
-
var _TableTitle = _interopRequireDefault(require("./TableTitle"));
|
|
48
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -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
|