@draftbit/core 46.4.4-1c8d6e.2 → 46.4.4-2308bc.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/Container.js +4 -15
- package/lib/commonjs/index.js +0 -37
- package/lib/commonjs/utilities.js +2 -2
- package/lib/module/components/Accordion/AccordionItem.js +25 -4
- package/lib/module/index.js +0 -1
- package/lib/module/utilities.js +3 -3
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/utilities.d.ts +3 -3
- package/package.json +3 -3
- package/src/index.js +0 -1
- package/src/index.tsx +0 -9
- 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 -8
- package/lib/typescript/src/components/Table/TableCell.d.ts +0 -10
- package/lib/typescript/src/components/Table/TableHeader.d.ts +0 -12
- package/lib/typescript/src/components/Table/TablePaginator.d.ts +0 -3
- package/lib/typescript/src/components/Table/TableRow.d.ts +0 -12
- package/lib/typescript/src/components/Table/TableTitle.d.ts +0 -12
- package/lib/typescript/src/components/Table/index.d.ts +0 -6
- package/lib/typescript/src/mappings/Table.d.ts +0 -148
- 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
|
@@ -11,6 +11,7 @@ var _Elevation = _interopRequireDefault(require("./Elevation"));
|
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
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); }
|
|
14
15
|
const Container = _ref => {
|
|
15
16
|
let {
|
|
16
17
|
useThemeGutterPadding,
|
|
@@ -72,10 +73,9 @@ const Container = _ref => {
|
|
|
72
73
|
};
|
|
73
74
|
const Wrap = elevation ? _Elevation.default : _reactNative.View;
|
|
74
75
|
if (elevation) containerStyle.elevation = elevation;
|
|
75
|
-
return /*#__PURE__*/React.createElement(Wrap, {
|
|
76
|
-
style: [containerStyle, style]
|
|
77
|
-
|
|
78
|
-
}, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
|
|
76
|
+
return /*#__PURE__*/React.createElement(Wrap, _extends({
|
|
77
|
+
style: [containerStyle, style]
|
|
78
|
+
}, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
|
|
79
79
|
source: typeof backgroundImage === "string" ? {
|
|
80
80
|
uri: backgroundImage
|
|
81
81
|
} : backgroundImage,
|
|
@@ -90,15 +90,4 @@ const Container = _ref => {
|
|
|
90
90
|
}, children));
|
|
91
91
|
};
|
|
92
92
|
var _default = (0, _theming.withTheme)(Container);
|
|
93
|
-
exports.default = _default;sizeMode: backgroundImageResizeMode,
|
|
94
|
-
style: {
|
|
95
|
-
flex: 1
|
|
96
|
-
}
|
|
97
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
98
|
-
style: innerStyle
|
|
99
|
-
}, children)) : /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
100
|
-
style: innerStyle
|
|
101
|
-
}, children));
|
|
102
|
-
};
|
|
103
|
-
var _default = (0, _theming.withTheme)(Container);
|
|
104
93
|
exports.default = _default;
|
package/lib/commonjs/index.js
CHANGED
|
@@ -369,42 +369,6 @@ Object.defineProperty(exports, "SwitchRow", {
|
|
|
369
369
|
return _Switch.SwitchRow;
|
|
370
370
|
}
|
|
371
371
|
});
|
|
372
|
-
Object.defineProperty(exports, "Table", {
|
|
373
|
-
enumerable: true,
|
|
374
|
-
get: function () {
|
|
375
|
-
return _Table.Table;
|
|
376
|
-
}
|
|
377
|
-
});
|
|
378
|
-
Object.defineProperty(exports, "TableCell", {
|
|
379
|
-
enumerable: true,
|
|
380
|
-
get: function () {
|
|
381
|
-
return _Table.TableCell;
|
|
382
|
-
}
|
|
383
|
-
});
|
|
384
|
-
Object.defineProperty(exports, "TableHeader", {
|
|
385
|
-
enumerable: true,
|
|
386
|
-
get: function () {
|
|
387
|
-
return _Table.TableHeader;
|
|
388
|
-
}
|
|
389
|
-
});
|
|
390
|
-
Object.defineProperty(exports, "TablePaginator", {
|
|
391
|
-
enumerable: true,
|
|
392
|
-
get: function () {
|
|
393
|
-
return _Table.TablePaginator;
|
|
394
|
-
}
|
|
395
|
-
});
|
|
396
|
-
Object.defineProperty(exports, "TableRow", {
|
|
397
|
-
enumerable: true,
|
|
398
|
-
get: function () {
|
|
399
|
-
return _Table.TableRow;
|
|
400
|
-
}
|
|
401
|
-
});
|
|
402
|
-
Object.defineProperty(exports, "TableTitle", {
|
|
403
|
-
enumerable: true,
|
|
404
|
-
get: function () {
|
|
405
|
-
return _Table.TableTitle;
|
|
406
|
-
}
|
|
407
|
-
});
|
|
408
372
|
Object.defineProperty(exports, "TextField", {
|
|
409
373
|
enumerable: true,
|
|
410
374
|
get: function () {
|
|
@@ -479,7 +443,6 @@ var _ActionSheet = require("./components/ActionSheet");
|
|
|
479
443
|
var _Swiper = require("./components/Swiper");
|
|
480
444
|
var _Layout = require("./components/Layout");
|
|
481
445
|
var _index = require("./components/RadioButton/index");
|
|
482
|
-
var _Table = require("./components/Table");
|
|
483
446
|
var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
|
|
484
447
|
var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
|
|
485
448
|
var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
|
|
@@ -40,8 +40,8 @@ function extractStyles(style) {
|
|
|
40
40
|
textDecorationStyle
|
|
41
41
|
};
|
|
42
42
|
return {
|
|
43
|
-
viewStyles
|
|
44
|
-
textStyles
|
|
43
|
+
viewStyles,
|
|
44
|
+
textStyles
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
47
|
const borderStyleNames = ["borderRadius", "borderBottomColor", "borderBottomEndRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStartRadius", "borderBottomWidth", "borderColor", "borderEndColor", "borderLeftColor", "borderLeftWidth", "borderRadius", "borderRightColor", "borderRightWidth", "borderStartColor", "borderStyle", "borderTopColor", "borderTopEndRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStartRadius", "borderTopWidth", "borderWidth"];
|
|
@@ -1,4 +1,3 @@
|
|
|
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
1
|
import * as React from "react";
|
|
3
2
|
import { Pressable, StyleSheet, View } from "react-native";
|
|
4
3
|
import Text from "../Text";
|
|
@@ -18,9 +17,10 @@ const AccordionItem = _ref => {
|
|
|
18
17
|
textStyles,
|
|
19
18
|
viewStyles
|
|
20
19
|
} = extractStyles(style);
|
|
21
|
-
return /*#__PURE__*/React.createElement(Pressable,
|
|
22
|
-
style: [styles.container, viewStyles]
|
|
23
|
-
|
|
20
|
+
return /*#__PURE__*/React.createElement(Pressable, {
|
|
21
|
+
style: [styles.container, viewStyles],
|
|
22
|
+
...rest
|
|
23
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
24
24
|
style: styles.row
|
|
25
25
|
}, icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
26
26
|
name: icon,
|
|
@@ -51,4 +51,25 @@ const styles = StyleSheet.create({
|
|
|
51
51
|
justifyContent: "center"
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
|
+
export default withTheme(AccordionItem);xtStyles
|
|
55
|
+
}, label))));
|
|
56
|
+
};
|
|
57
|
+
const styles = StyleSheet.create({
|
|
58
|
+
container: {
|
|
59
|
+
padding: 8
|
|
60
|
+
},
|
|
61
|
+
row: {
|
|
62
|
+
flexDirection: "row",
|
|
63
|
+
alignItems: "center",
|
|
64
|
+
paddingLeft: 8
|
|
65
|
+
},
|
|
66
|
+
item: {
|
|
67
|
+
marginVertical: 6,
|
|
68
|
+
paddingLeft: 8
|
|
69
|
+
},
|
|
70
|
+
content: {
|
|
71
|
+
flex: 1,
|
|
72
|
+
justifyContent: "center"
|
|
73
|
+
}
|
|
74
|
+
});
|
|
54
75
|
export default withTheme(AccordionItem);
|
package/lib/module/index.js
CHANGED
|
@@ -31,7 +31,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/Ac
|
|
|
31
31
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
32
32
|
export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
|
|
33
33
|
export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
|
|
34
|
-
export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle } from "./components/Table";
|
|
35
34
|
|
|
36
35
|
/* Deprecated: Fix or Delete! */
|
|
37
36
|
export { default as CardBlock } from "./components/CardBlock";
|
package/lib/module/utilities.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { StyleSheet } from "react-native";
|
|
2
|
-
import { isString, isNumber, pick, pickBy, identity
|
|
2
|
+
import { isString, isNumber, pick, pickBy, identity } from "lodash";
|
|
3
3
|
export function extractStyles(style) {
|
|
4
4
|
const {
|
|
5
5
|
color,
|
|
@@ -29,8 +29,8 @@ export function extractStyles(style) {
|
|
|
29
29
|
textDecorationStyle
|
|
30
30
|
};
|
|
31
31
|
return {
|
|
32
|
-
viewStyles
|
|
33
|
-
textStyles
|
|
32
|
+
viewStyles,
|
|
33
|
+
textStyles
|
|
34
34
|
};
|
|
35
35
|
}
|
|
36
36
|
export const borderStyleNames = ["borderRadius", "borderBottomColor", "borderBottomEndRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStartRadius", "borderBottomWidth", "borderColor", "borderEndColor", "borderLeftColor", "borderLeftWidth", "borderRadius", "borderRightColor", "borderRightWidth", "borderStartColor", "borderStyle", "borderTopColor", "borderTopEndRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStartRadius", "borderTopWidth", "borderWidth"];
|
|
@@ -31,7 +31,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
|
|
|
31
31
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
32
32
|
export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
|
|
33
33
|
export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
|
|
34
|
-
export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle, } from "./components/Table";
|
|
35
34
|
export { default as CardBlock } from "./components/CardBlock";
|
|
36
35
|
export { default as CardContainer } from "./components/CardContainer";
|
|
37
36
|
export { default as CardContainerRating } from "./components/CardContainerRating";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="lodash" />
|
|
2
|
-
import { StyleProp } from "react-native";
|
|
2
|
+
import { StyleProp, TextStyle } from "react-native";
|
|
3
3
|
export declare function extractStyles(style: StyleProp<any>): {
|
|
4
|
-
viewStyles:
|
|
5
|
-
textStyles:
|
|
4
|
+
viewStyles: any;
|
|
5
|
+
textStyles: TextStyle;
|
|
6
6
|
};
|
|
7
7
|
export declare const borderStyleNames: string[];
|
|
8
8
|
export declare const marginStyleNames: string[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.4.4-
|
|
3
|
+
"version": "46.4.4-2308bc.2+2308bcd",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@date-io/date-fns": "^1.3.13",
|
|
43
43
|
"@draftbit/react-theme-provider": "^2.1.1",
|
|
44
|
-
"@draftbit/types": "^46.4.4-
|
|
44
|
+
"@draftbit/types": "^46.4.4-2308bc.2+2308bcd",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.2.3",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
]
|
|
82
82
|
]
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "2308bcd73362a9b2a9f0fe635ac01f3dd3e3a9ca"
|
|
85
85
|
}
|
package/src/index.js
CHANGED
|
@@ -31,7 +31,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
|
|
|
31
31
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
32
32
|
export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
|
|
33
33
|
export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
|
|
34
|
-
export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle, } from "./components/Table";
|
|
35
34
|
/* Deprecated: Fix or Delete! */
|
|
36
35
|
export { default as CardBlock } from "./components/CardBlock";
|
|
37
36
|
export { default as CardContainer } from "./components/CardContainer";
|
package/src/index.tsx
CHANGED
|
@@ -51,15 +51,6 @@ export {
|
|
|
51
51
|
RadioButtonFieldGroup,
|
|
52
52
|
} from "./components/RadioButton/index";
|
|
53
53
|
|
|
54
|
-
export {
|
|
55
|
-
Table,
|
|
56
|
-
TableRow,
|
|
57
|
-
TablePaginator,
|
|
58
|
-
TableHeader,
|
|
59
|
-
TableCell,
|
|
60
|
-
TableTitle,
|
|
61
|
-
} from "./components/Table";
|
|
62
|
-
|
|
63
54
|
/* Deprecated: Fix or Delete! */
|
|
64
55
|
export { default as CardBlock } from "./components/CardBlock";
|
|
65
56
|
export { default as CardContainer } from "./components/CardContainer";
|
package/src/utilities.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { StyleSheet } from "react-native";
|
|
2
|
-
import { isString, isNumber, pick, pickBy, identity
|
|
2
|
+
import { isString, isNumber, pick, pickBy, identity } from "lodash";
|
|
3
3
|
export function extractStyles(style) {
|
|
4
4
|
const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...viewStyles } = StyleSheet.flatten(style || {});
|
|
5
5
|
const textStyles = {
|
|
@@ -15,10 +15,7 @@ export function extractStyles(style) {
|
|
|
15
15
|
textDecorationColor,
|
|
16
16
|
textDecorationStyle,
|
|
17
17
|
};
|
|
18
|
-
return {
|
|
19
|
-
viewStyles: omitBy(viewStyles, isNil),
|
|
20
|
-
textStyles: omitBy(textStyles, isNil),
|
|
21
|
-
};
|
|
18
|
+
return { viewStyles, textStyles };
|
|
22
19
|
}
|
|
23
20
|
export const borderStyleNames = [
|
|
24
21
|
"borderRadius",
|
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;
|