@draftbit/core 43.2.3-ab8de6.0 → 43.2.3
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 +5 -21
- package/lib/commonjs/components/Accordion/AccordionItem.js.map +1 -1
- package/lib/commonjs/components/Accordion/index.js.map +1 -1
- package/lib/commonjs/components/ActionSheet/ActionSheet.js.map +1 -1
- package/lib/commonjs/components/CardContainer.js +16 -5
- package/lib/commonjs/components/CardContainer.js.map +1 -1
- package/lib/commonjs/components/Divider.js +13 -3
- package/lib/commonjs/components/Divider.js.map +1 -1
- package/lib/commonjs/components/ProgressCircle.js.map +1 -1
- package/lib/commonjs/components/TextField.js +11 -4
- package/lib/commonjs/components/TextField.js.map +1 -1
- package/lib/commonjs/index.js +0 -38
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mappings/ActionSheet.js.map +1 -1
- package/lib/commonjs/mappings/Card.js +1 -3
- package/lib/commonjs/mappings/Card.js.map +1 -1
- package/lib/commonjs/mappings/CardBlock.js.map +1 -1
- package/lib/commonjs/mappings/CheckboxGroup.js.map +1 -1
- package/lib/commonjs/mappings/CircleImage.js.map +1 -1
- package/lib/commonjs/mappings/ImageBackground.js.map +1 -1
- package/lib/commonjs/mappings/Layout.js.map +1 -1
- package/lib/commonjs/mappings/Modal.js.map +1 -1
- package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
- package/lib/commonjs/mappings/StarRating.js +6 -2
- package/lib/commonjs/mappings/StarRating.js.map +1 -1
- package/lib/commonjs/mappings/Touchable.js.map +1 -1
- package/lib/commonjs/theming.js.map +1 -1
- package/lib/commonjs/utilities.js +2 -8
- package/lib/commonjs/utilities.js.map +1 -1
- package/lib/module/components/TextField.js +11 -4
- package/lib/module/components/TextField.js.map +1 -1
- package/lib/module/index.js +0 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/utilities.js +2 -4
- package/lib/module/utilities.js.map +1 -1
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/utilities.d.ts +3 -4
- package/package.json +2 -2
- package/src/components/TextField.js +9 -2
- package/src/components/TextField.tsx +8 -2
- package/src/index.js +0 -1
- package/src/index.tsx +0 -9
- package/src/utilities.js +1 -6
- package/src/utilities.ts +1 -6
- package/lib/commonjs/components/Table/index.js +0 -56
- package/lib/commonjs/components/Table/index.js.map +0 -1
- package/lib/commonjs/components/Table/table.js +0 -36
- package/lib/commonjs/components/Table/table.js.map +0 -1
- package/lib/commonjs/components/Table/tableCell.js +0 -44
- package/lib/commonjs/components/Table/tableCell.js.map +0 -1
- package/lib/commonjs/components/Table/tableHeader.js +0 -56
- package/lib/commonjs/components/Table/tableHeader.js.map +0 -1
- package/lib/commonjs/components/Table/tablePaginator.js +0 -18
- package/lib/commonjs/components/Table/tablePaginator.js.map +0 -1
- package/lib/commonjs/components/Table/tableRow.js +0 -48
- package/lib/commonjs/components/Table/tableRow.js.map +0 -1
- package/lib/commonjs/components/Table/tableTitle.js +0 -61
- package/lib/commonjs/components/Table/tableTitle.js.map +0 -1
- package/lib/commonjs/mappings/Table.js +0 -99
- package/lib/commonjs/mappings/Table.js.map +0 -1
- package/lib/module/components/Table/index.js +0 -7
- package/lib/module/components/Table/index.js.map +0 -1
- package/lib/module/components/Table/table.js +0 -24
- package/lib/module/components/Table/table.js.map +0 -1
- package/lib/module/components/Table/tableCell.js +0 -32
- package/lib/module/components/Table/tableCell.js.map +0 -1
- package/lib/module/components/Table/tableHeader.js +0 -28
- package/lib/module/components/Table/tableHeader.js.map +0 -1
- package/lib/module/components/Table/tablePaginator.js +0 -7
- package/lib/module/components/Table/tablePaginator.js.map +0 -1
- package/lib/module/components/Table/tableRow.js +0 -34
- package/lib/module/components/Table/tableRow.js.map +0 -1
- package/lib/module/components/Table/tableTitle.js +0 -48
- package/lib/module/components/Table/tableTitle.js.map +0 -1
- package/lib/module/mappings/Table.js +0 -90
- package/lib/module/mappings/Table.js.map +0 -1
- package/lib/typescript/src/components/Table/index.d.ts +0 -6
- 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/src/components/Table/index.js +0 -6
- package/src/components/Table/index.tsx +0 -6
- package/src/components/Table/table.js +0 -10
- package/src/components/Table/table.tsx +0 -22
- package/src/components/Table/tableCell.js +0 -17
- package/src/components/Table/tableCell.tsx +0 -37
- 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 -59
- package/src/mappings/Table.js +0 -102
package/lib/module/utilities.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { StyleSheet } from "react-native";
|
|
2
|
-
import omitBy from "lodash/omitBy";
|
|
3
|
-
import isNil from "lodash/isNil";
|
|
4
2
|
export function extractStyles(style) {
|
|
5
3
|
const {
|
|
6
4
|
color,
|
|
@@ -30,8 +28,8 @@ export function extractStyles(style) {
|
|
|
30
28
|
textDecorationStyle
|
|
31
29
|
};
|
|
32
30
|
return {
|
|
33
|
-
viewStyles
|
|
34
|
-
textStyles
|
|
31
|
+
viewStyles,
|
|
32
|
+
textStyles
|
|
35
33
|
};
|
|
36
34
|
}
|
|
37
35
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["utilities.ts"],"names":["StyleSheet","
|
|
1
|
+
{"version":3,"sources":["utilities.ts"],"names":["StyleSheet","extractStyles","style","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","viewStyles","flatten","textStyles","applyStyles","baseStyles","stylesToApply","flattenedStyles","key","value","Object","entries"],"mappings":"AAAA,SAASA,UAAT,QAAiD,cAAjD;AAEA,OAAO,SAASC,aAAT,CAAuBC,KAAvB,EAA8C;AACnD,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,UAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,UALI;AAMJC,IAAAA,aANI;AAOJC,IAAAA,aAPI;AAQJC,IAAAA,SARI;AASJC,IAAAA,kBATI;AAUJC,IAAAA,mBAVI;AAWJC,IAAAA,mBAXI;AAYJ,OAAGC;AAZC,MAaFd,UAAU,CAACe,OAAX,CAAmBb,KAAK,IAAI,EAA5B,CAbJ;AAeA,QAAMc,UAAqB,GAAG;AAC5Bb,IAAAA,KAD4B;AAE5BC,IAAAA,UAF4B;AAG5BC,IAAAA,UAH4B;AAI5BC,IAAAA,QAJ4B;AAK5BC,IAAAA,UAL4B;AAM5BC,IAAAA,aAN4B;AAO5BC,IAAAA,aAP4B;AAQ5BC,IAAAA,SAR4B;AAS5BC,IAAAA,kBAT4B;AAU5BC,IAAAA,mBAV4B;AAW5BC,IAAAA;AAX4B,GAA9B;AAcA,SAAO;AAAEC,IAAAA,UAAF;AAAcE,IAAAA;AAAd,GAAP;AACD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,WAAT,CACLC,UADK,EAELC,aAFK,EAGL;AACA,MAAI,CAACA,aAAL,EAAoB;AAClB;AACD;;AAED,QAAMC,eAAe,GAAGpB,UAAU,CAACe,OAAX,CAAmBG,UAAnB,CAAxB;;AAEA,OAAK,MAAM,CAACG,GAAD,EAAMC,KAAN,CAAX,IAA2BC,MAAM,CAACC,OAAP,CAAeL,aAAf,CAA3B,EAA0D;AACxD,QAAIG,KAAK,IAAI,IAAb,EAAmB;AACjBF,MAAAA,eAAe,CAACC,GAAD,CAAf,GAAuBC,KAAvB;AACD;AACF;;AAED,SAAOF,eAAP;AACD","sourcesContent":["import { StyleSheet, StyleProp, TextStyle } from \"react-native\";\n\nexport function extractStyles(style: StyleProp<any>) {\n const {\n color,\n fontFamily,\n fontWeight,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform,\n textAlign,\n textDecorationLine,\n textDecorationColor,\n textDecorationStyle,\n ...viewStyles\n } = StyleSheet.flatten(style || {});\n\n const textStyles: TextStyle = {\n color,\n fontFamily,\n fontWeight,\n fontSize,\n lineHeight,\n letterSpacing,\n textTransform,\n textAlign,\n textDecorationLine,\n textDecorationColor,\n textDecorationStyle,\n };\n\n return { viewStyles, textStyles };\n}\n\n/**\n * Merges a style object on top of another style object. In React Native,\n * keys with undefined values in a style object will still override styles\n * that appear earlier in a sequence. This avoids that problem.\n *\n * This lets us avoid the `...(something ? { something } : {})` pattern.\n * There doesn't seem to be a better way to do this. These all seem to not\n * work (i.e. they all result in `{ color: undefined }`:\n * `const mergedStyles = [{ color: \"red\" }, { color: undefined }]`\n * `const mergedStyles = StyleSheet.compose({ color: \"red\" }, { color: undefined })`\n * `const mergedStyles = StyleSheet.flatten([{ color: \"red\" }, { color: undefined }])`\n */\nexport function applyStyles(\n baseStyles: Array<StyleProp<any>>,\n stylesToApply: StyleProp<any> | undefined\n) {\n if (!stylesToApply) {\n return;\n }\n\n const flattenedStyles = StyleSheet.flatten(baseStyles);\n\n for (const [key, value] of Object.entries(stylesToApply)) {\n if (value != null) {\n flattenedStyles[key] = value;\n }\n }\n\n return flattenedStyles;\n}\n"]}
|
|
@@ -29,7 +29,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
|
|
|
29
29
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
30
30
|
export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
|
|
31
31
|
export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
|
|
32
|
-
export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle, } from "./components/Table";
|
|
33
32
|
export { default as Button } from "./components/DeprecatedButton";
|
|
34
33
|
export { default as CardBlock } from "./components/CardBlock";
|
|
35
34
|
export { default as CardContainer } from "./components/CardContainer";
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
import { StyleProp } from "react-native";
|
|
1
|
+
import { StyleProp, TextStyle } from "react-native";
|
|
3
2
|
export declare function extractStyles(style: StyleProp<any>): {
|
|
4
|
-
viewStyles:
|
|
5
|
-
textStyles:
|
|
3
|
+
viewStyles: any;
|
|
4
|
+
textStyles: TextStyle;
|
|
6
5
|
};
|
|
7
6
|
/**
|
|
8
7
|
* Merges a style object on top of another style object. In React Native,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "43.2.3
|
|
3
|
+
"version": "43.2.3",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
]
|
|
80
80
|
]
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "f3dca473f7dc1323eaf73bb646b2349e97769fba"
|
|
83
83
|
}
|
|
@@ -100,8 +100,15 @@ class TextField extends React.Component {
|
|
|
100
100
|
if (this.props.disabled) {
|
|
101
101
|
return;
|
|
102
102
|
}
|
|
103
|
-
|
|
104
|
-
|
|
103
|
+
if (typeof value === "string") {
|
|
104
|
+
this.setState({ value });
|
|
105
|
+
this.props.onChangeText && this.props.onChangeText(value);
|
|
106
|
+
}
|
|
107
|
+
else {
|
|
108
|
+
this.setState({ value: value.nativeEvent.text });
|
|
109
|
+
this.props.onChangeText &&
|
|
110
|
+
this.props.onChangeText(value.nativeEvent.text);
|
|
111
|
+
}
|
|
105
112
|
};
|
|
106
113
|
toggleFocus() {
|
|
107
114
|
this.setState((prevState) => ({ focused: !prevState.focused }));
|
|
@@ -187,8 +187,14 @@ class TextField extends React.Component<Props, State> {
|
|
|
187
187
|
return;
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
|
|
191
|
-
|
|
190
|
+
if (typeof value === "string") {
|
|
191
|
+
this.setState({ value });
|
|
192
|
+
this.props.onChangeText && this.props.onChangeText(value);
|
|
193
|
+
} else {
|
|
194
|
+
this.setState({ value: value.nativeEvent.text });
|
|
195
|
+
this.props.onChangeText &&
|
|
196
|
+
this.props.onChangeText(value.nativeEvent.text);
|
|
197
|
+
}
|
|
192
198
|
};
|
|
193
199
|
|
|
194
200
|
toggleFocus() {
|
package/src/index.js
CHANGED
|
@@ -29,7 +29,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
|
|
|
29
29
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
30
30
|
export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
|
|
31
31
|
export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
|
|
32
|
-
export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle, } from "./components/Table";
|
|
33
32
|
/* Deprecated: Fix or Delete! */
|
|
34
33
|
export { default as Button } from "./components/DeprecatedButton";
|
|
35
34
|
export { default as CardBlock } from "./components/CardBlock";
|
package/src/index.tsx
CHANGED
|
@@ -49,15 +49,6 @@ export {
|
|
|
49
49
|
RadioButtonFieldGroup,
|
|
50
50
|
} from "./components/RadioButton/index";
|
|
51
51
|
|
|
52
|
-
export {
|
|
53
|
-
Table,
|
|
54
|
-
TableRow,
|
|
55
|
-
TablePaginator,
|
|
56
|
-
TableHeader,
|
|
57
|
-
TableCell,
|
|
58
|
-
TableTitle,
|
|
59
|
-
} from "./components/Table";
|
|
60
|
-
|
|
61
52
|
/* Deprecated: Fix or Delete! */
|
|
62
53
|
export { default as Button } from "./components/DeprecatedButton";
|
|
63
54
|
export { default as CardBlock } from "./components/CardBlock";
|
package/src/utilities.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { StyleSheet } from "react-native";
|
|
2
|
-
import omitBy from "lodash/omitBy";
|
|
3
|
-
import isNil from "lodash/isNil";
|
|
4
2
|
export function extractStyles(style) {
|
|
5
3
|
const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...viewStyles } = StyleSheet.flatten(style || {});
|
|
6
4
|
const textStyles = {
|
|
@@ -16,10 +14,7 @@ export function extractStyles(style) {
|
|
|
16
14
|
textDecorationColor,
|
|
17
15
|
textDecorationStyle,
|
|
18
16
|
};
|
|
19
|
-
return {
|
|
20
|
-
viewStyles: omitBy(viewStyles, isNil),
|
|
21
|
-
textStyles: omitBy(textStyles, isNil),
|
|
22
|
-
};
|
|
17
|
+
return { viewStyles, textStyles };
|
|
23
18
|
}
|
|
24
19
|
/**
|
|
25
20
|
* Merges a style object on top of another style object. In React Native,
|
package/src/utilities.ts
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { StyleSheet, StyleProp, TextStyle } from "react-native";
|
|
2
|
-
import omitBy from "lodash/omitBy";
|
|
3
|
-
import isNil from "lodash/isNil";
|
|
4
2
|
|
|
5
3
|
export function extractStyles(style: StyleProp<any>) {
|
|
6
4
|
const {
|
|
@@ -32,10 +30,7 @@ export function extractStyles(style: StyleProp<any>) {
|
|
|
32
30
|
textDecorationStyle,
|
|
33
31
|
};
|
|
34
32
|
|
|
35
|
-
return {
|
|
36
|
-
viewStyles: omitBy(viewStyles, isNil),
|
|
37
|
-
textStyles: omitBy(textStyles, isNil),
|
|
38
|
-
};
|
|
33
|
+
return { viewStyles, textStyles };
|
|
39
34
|
}
|
|
40
35
|
|
|
41
36
|
/**
|
|
@@ -1,56 +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
|
-
|
|
43
|
-
var _table = _interopRequireDefault(require("./table"));
|
|
44
|
-
|
|
45
|
-
var _tableHeader = _interopRequireDefault(require("./tableHeader"));
|
|
46
|
-
|
|
47
|
-
var _tablePaginator = _interopRequireDefault(require("./tablePaginator"));
|
|
48
|
-
|
|
49
|
-
var _tableRow = _interopRequireDefault(require("./tableRow"));
|
|
50
|
-
|
|
51
|
-
var _tableCell = _interopRequireDefault(require("./tableCell"));
|
|
52
|
-
|
|
53
|
-
var _tableTitle = _interopRequireDefault(require("./tableTitle"));
|
|
54
|
-
|
|
55
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
56
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as Table } from \"./table\";\nexport { default as TableHeader } from \"./tableHeader\";\nexport { default as TablePaginator } from \"./tablePaginator\";\nexport { default as TableRow } from \"./tableRow\";\nexport { default as TableCell } from \"./tableCell\";\nexport { default as TableTitle } from \"./tableTitle\";\n"]}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
function _extends() { _extends = Object.assign || 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); }
|
|
15
|
-
|
|
16
|
-
const Table = _ref => {
|
|
17
|
-
let {
|
|
18
|
-
children,
|
|
19
|
-
style,
|
|
20
|
-
...rest
|
|
21
|
-
} = _ref;
|
|
22
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
|
|
23
|
-
style: [styles.wrapper, style]
|
|
24
|
-
}), children);
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
const styles = _reactNative.StyleSheet.create({
|
|
28
|
-
wrapper: {
|
|
29
|
-
display: "flex",
|
|
30
|
-
flexDirection: "column"
|
|
31
|
-
}
|
|
32
|
-
});
|
|
33
|
-
|
|
34
|
-
var _default = Table;
|
|
35
|
-
exports.default = _default;
|
|
36
|
-
//# sourceMappingURL=table.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["table.tsx"],"names":["Table","children","style","rest","styles","wrapper","StyleSheet","create","display","flexDirection"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAOA,MAAMA,KAAK,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,KAAZ;AAAmB,OAAGC;AAAtB,GAAD;AAAA,sBACZ,6BAAC,iBAAD,eAAUA,IAAV;AAAgB,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,OAAR,EAAiBH,KAAjB;AAAvB,MACGD,QADH,CADY;AAAA,CAAd;;AAMA,MAAMG,MAAM,GAAGE,wBAAWC,MAAX,CAAkB;AAC/BF,EAAAA,OAAO,EAAE;AACPG,IAAAA,OAAO,EAAE,MADF;AAEPC,IAAAA,aAAa,EAAE;AAFR;AADsB,CAAlB,CAAf;;eAOeT,K","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle, StyleSheet } from \"react-native\";\n\nexport interface TableProps {\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}\n\nconst Table = ({ children, style, ...rest }: TableProps) => (\n <View {...rest} style={[styles.wrapper, style]}>\n {children}\n </View>\n);\n\nconst styles = StyleSheet.create({\n wrapper: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n});\n\nexport default Table;\n"]}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
function _extends() { _extends = Object.assign || 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); }
|
|
15
|
-
|
|
16
|
-
const TableCell = _ref => {
|
|
17
|
-
let {
|
|
18
|
-
children,
|
|
19
|
-
style,
|
|
20
|
-
numeric,
|
|
21
|
-
value,
|
|
22
|
-
...rest
|
|
23
|
-
} = _ref;
|
|
24
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
|
|
25
|
-
style: [styles.wrapper, numeric && styles.right, style]
|
|
26
|
-
}), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
27
|
-
numberOfLines: 1
|
|
28
|
-
}, children, value));
|
|
29
|
-
};
|
|
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
|
-
|
|
42
|
-
var _default = TableCell;
|
|
43
|
-
exports.default = _default;
|
|
44
|
-
//# sourceMappingURL=tableCell.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["tableCell.tsx"],"names":["TableCell","children","style","numeric","value","rest","styles","wrapper","right","StyleSheet","create","flex","display","flexDirection","justifyContent"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AASA,MAAMA,SAAS,GAAG;AAAA,MAAC;AACjBC,IAAAA,QADiB;AAEjBC,IAAAA,KAFiB;AAGjBC,IAAAA,OAHiB;AAIjBC,IAAAA,KAJiB;AAKjB,OAAGC;AALc,GAAD;AAAA,sBAOhB,6BAAC,iBAAD,eAAUA,IAAV;AAAgB,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,OAAR,EAAiBJ,OAAO,IAAIG,MAAM,CAACE,KAAnC,EAA0CN,KAA1C;AAAvB,mBACE,6BAAC,iBAAD;AAAM,IAAA,aAAa,EAAE;AAArB,KACGD,QADH,EAEGG,KAFH,CADF,CAPgB;AAAA,CAAlB;;AAeA,MAAME,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC/BH,EAAAA,OAAO,EAAE;AACPI,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,OAAO,EAAE,MAFF;AAGPC,IAAAA,aAAa,EAAE;AAHR,GADsB;AAM/BL,EAAAA,KAAK,EAAE;AACLM,IAAAA,cAAc,EAAE;AADX;AANwB,CAAlB,CAAf;;eAWed,S","sourcesContent":["import React from \"react\";\nimport { View, Text, StyleProp, ViewStyle, StyleSheet } from \"react-native\";\n\nexport interface TableCellProps {\n children: React.ReactNode;\n numeric?: boolean;\n style?: StyleProp<ViewStyle>;\n value: string;\n}\n\nconst TableCell = ({\n children,\n style,\n numeric,\n value,\n ...rest\n}: TableCellProps) => (\n <View {...rest} style={[styles.wrapper, numeric && styles.right, style]}>\n <Text numberOfLines={1}>\n {children}\n {value}\n </Text>\n </View>\n);\n\nconst styles = StyleSheet.create({\n wrapper: {\n flex: 1,\n display: \"flex\",\n flexDirection: \"row\",\n },\n right: {\n justifyContent: \"flex-end\",\n },\n});\n\nexport default TableCell;\n"]}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
|
-
var _theming = require("../../theming");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
const TableHeader = _ref => {
|
|
17
|
-
let {
|
|
18
|
-
children,
|
|
19
|
-
style,
|
|
20
|
-
theme,
|
|
21
|
-
...rest
|
|
22
|
-
} = _ref;
|
|
23
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, { ...rest,
|
|
24
|
-
style: [styles.wrapper, {
|
|
25
|
-
borderBottomColor: theme.colors.medium
|
|
26
|
-
}, style]
|
|
27
|
-
}, children);
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
const styles = _reactNative.StyleSheet.create({
|
|
31
|
-
wrapper: {
|
|
32
|
-
display: "flex",
|
|
33
|
-
flexDirection: "row"
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
var _default = (0, _theming.withTheme)(TableHeader);
|
|
38
|
-
|
|
39
|
-
exports.default = _default;
|
|
40
|
-
//# sourceMappingURL=tableHeader.js.maps.wrapper, {
|
|
41
|
-
borderBottomColor: theme.colors.medium
|
|
42
|
-
}, style]
|
|
43
|
-
}), children);
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
const styles = _reactNative.StyleSheet.create({
|
|
47
|
-
wrapper: {
|
|
48
|
-
display: "flex",
|
|
49
|
-
flexDirection: "row"
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
|
|
53
|
-
var _default = (0, _theming.withTheme)(TableHeader);
|
|
54
|
-
|
|
55
|
-
exports.default = _default;
|
|
56
|
-
//# sourceMappingURL=tableHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["tableHeader.js"],"names":["TableHeader","children","style","theme","rest","React","createElement","View","styles","wrapper","borderBottomColor","colors","medium","StyleSheet","create","display","flexDirection"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,WAAW,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,KAAZ;AAAmBC,IAAAA,KAAnB;AAA0B,OAAGC;AAA7B,GAAD;AAAA,sBAA0CC,eAAMC,aAAN,CAAoBC,iBAApB,EAA0B,EAAE,GAAGH,IAAL;AAAWF,IAAAA,KAAK,EAAE,CAACM,MAAM,CAACC,OAAR,EAAiB;AAAEC,MAAAA,iBAAiB,EAAEP,KAAK,CAACQ,MAAN,CAAaC;AAAlC,KAAjB,EAA6DV,KAA7D;AAAlB,GAA1B,EAAmHD,QAAnH,CAA1C;AAAA,CAApB;;AACA,MAAMO,MAAM,GAAGK,wBAAWC,MAAX,CAAkB;AAC7BL,EAAAA,OAAO,EAAE;AACLM,IAAAA,OAAO,EAAE,MADJ;AAELC,IAAAA,aAAa,EAAE;AAFV;AADoB,CAAlB,CAAf;;eAMe,wBAAUhB,WAAV,C","sourcesContent":["import React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { withTheme } from \"../../theming\";\nconst TableHeader = ({ children, style, theme, ...rest }) => (React.createElement(View, { ...rest, style: [styles.wrapper, { borderBottomColor: theme.colors.medium }, style] }, children));\nconst styles = StyleSheet.create({\n wrapper: {\n display: \"flex\",\n flexDirection: \"row\",\n },\n});\nexport default withTheme(TableHeader);\n"]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
const TablePaginator = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Table Paginator"));
|
|
15
|
-
|
|
16
|
-
var _default = TablePaginator;
|
|
17
|
-
exports.default = _default;
|
|
18
|
-
//# sourceMappingURL=tablePaginator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["tablePaginator.tsx"],"names":["TablePaginator"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,cAAc,GAAG,mBACrB,6BAAC,iBAAD,qBACE,6BAAC,iBAAD,0BADF,CADF;;eAMeA,c","sourcesContent":["import React from \"react\";\nimport { View, Text } from \"react-native\";\n\nconst TablePaginator = () => (\n <View>\n <Text>Table Paginator</Text>\n </View>\n);\n\nexport default TablePaginator;\n"]}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
|
-
var _theming = require("../../theming");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
function _extends() { _extends = Object.assign || 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); }
|
|
17
|
-
|
|
18
|
-
const TableRow = _ref => {
|
|
19
|
-
let {
|
|
20
|
-
children,
|
|
21
|
-
style,
|
|
22
|
-
theme,
|
|
23
|
-
...rest
|
|
24
|
-
} = _ref;
|
|
25
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
|
|
26
|
-
style: [styles.container, {
|
|
27
|
-
borderBottomColor: theme.colors.light
|
|
28
|
-
}, style]
|
|
29
|
-
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
30
|
-
style: styles.content
|
|
31
|
-
}, children));
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
const styles = _reactNative.StyleSheet.create({
|
|
35
|
-
container: {
|
|
36
|
-
display: "flex",
|
|
37
|
-
flexDirection: "row"
|
|
38
|
-
},
|
|
39
|
-
content: {
|
|
40
|
-
flex: 1,
|
|
41
|
-
flexDirection: "row"
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
|
|
45
|
-
var _default = (0, _theming.withTheme)(TableRow);
|
|
46
|
-
|
|
47
|
-
exports.default = _default;
|
|
48
|
-
//# sourceMappingURL=tableRow.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["tableRow.tsx"],"names":["TableRow","children","style","theme","rest","styles","container","borderBottomColor","colors","light","content","StyleSheet","create","display","flexDirection","flex"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAOA,MAAMA,QAAQ,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,KAAZ;AAAmBC,IAAAA,KAAnB;AAA0B,OAAGC;AAA7B,GAAD;AAAA,sBACf,6BAAC,iBAAD,eACMA,IADN;AAEE,IAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB;AAAEC,MAAAA,iBAAiB,EAAEJ,KAAK,CAACK,MAAN,CAAaC;AAAlC,KAAnB,EAA8DP,KAA9D;AAFT,mBAIE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEG,MAAM,CAACK;AAApB,KAA8BT,QAA9B,CAJF,CADe;AAAA,CAAjB;;AASA,MAAMI,MAAM,GAAGM,wBAAWC,MAAX,CAAkB;AAC/BN,EAAAA,SAAS,EAAE;AACTO,IAAAA,OAAO,EAAE,MADA;AAETC,IAAAA,aAAa,EAAE;AAFN,GADoB;AAK/BJ,EAAAA,OAAO,EAAE;AACPK,IAAAA,IAAI,EAAE,CADC;AAEPD,IAAAA,aAAa,EAAE;AAFR;AALsB,CAAlB,CAAf;;eAWe,wBAAUd,QAAV,C","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle, StyleSheet } from \"react-native\";\nimport { Theme } from \"../../styles/DefaultTheme\";\nimport { withTheme } from \"../../theming\";\nexport interface TableRowProps {\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n theme: Theme;\n}\n\nconst TableRow = ({ children, style, theme, ...rest }: TableRowProps) => (\n <View\n {...rest}\n style={[styles.container, { borderBottomColor: theme.colors.light }, style]}\n >\n <View style={styles.content}>{children}</View>\n </View>\n);\n\nconst styles = StyleSheet.create({\n container: {\n display: \"flex\",\n flexDirection: \"row\",\n },\n content: {\n flex: 1,\n flexDirection: \"row\",\n },\n});\n\nexport default withTheme(TableRow);\n"]}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
var _reactNative = require("react-native");
|
|
11
|
-
|
|
12
|
-
var _utilities = require("../../utilities");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
function _extends() { _extends = Object.assign || 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); }
|
|
17
|
-
|
|
18
|
-
const TableTitle = _ref => {
|
|
19
|
-
let {
|
|
20
|
-
children,
|
|
21
|
-
style,
|
|
22
|
-
numeric = false,
|
|
23
|
-
isAscending = false,
|
|
24
|
-
numberOfLines = 1,
|
|
25
|
-
title,
|
|
26
|
-
...rest
|
|
27
|
-
} = _ref;
|
|
28
|
-
const {
|
|
29
|
-
textStyles,
|
|
30
|
-
viewStyles
|
|
31
|
-
} = (0, _utilities.extractStyles)(style);
|
|
32
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
|
|
33
|
-
style: [styles.wrapper, numeric && styles.right, viewStyles]
|
|
34
|
-
}), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
35
|
-
style: [isAscending ? styles.sorted : {
|
|
36
|
-
color: "gray"
|
|
37
|
-
}, textStyles],
|
|
38
|
-
numberOfLines: numberOfLines
|
|
39
|
-
}, children, title));
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
const styles = _reactNative.StyleSheet.create({
|
|
43
|
-
wrapper: {
|
|
44
|
-
flex: 1,
|
|
45
|
-
display: "flex",
|
|
46
|
-
flexDirection: "row"
|
|
47
|
-
},
|
|
48
|
-
right: {
|
|
49
|
-
justifyContent: "flex-end"
|
|
50
|
-
},
|
|
51
|
-
sorted: {// marginLeft: 8,
|
|
52
|
-
},
|
|
53
|
-
icon: {
|
|
54
|
-
height: 24,
|
|
55
|
-
justifyContent: "center"
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
|
|
59
|
-
var _default = TableTitle;
|
|
60
|
-
exports.default = _default;
|
|
61
|
-
//# sourceMappingURL=tableTitle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["tableTitle.tsx"],"names":["TableTitle","children","style","numeric","isAscending","numberOfLines","title","rest","textStyles","viewStyles","styles","wrapper","right","sorted","color","StyleSheet","create","flex","display","flexDirection","justifyContent","icon","height"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAWA,MAAMA,UAAU,GAAG,QAQG;AAAA,MARF;AAClBC,IAAAA,QADkB;AAElBC,IAAAA,KAFkB;AAGlBC,IAAAA,OAAO,GAAG,KAHQ;AAIlBC,IAAAA,WAAW,GAAG,KAJI;AAKlBC,IAAAA,aAAa,GAAG,CALE;AAMlBC,IAAAA,KANkB;AAOlB,OAAGC;AAPe,GAQE;AACpB,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcP,KAAd,CAAnC;AAEA,sBACE,6BAAC,iBAAD,eACMK,IADN;AAEE,IAAA,KAAK,EAAE,CAACG,MAAM,CAACC,OAAR,EAAiBR,OAAO,IAAIO,MAAM,CAACE,KAAnC,EAA0CH,UAA1C;AAFT,mBAIE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CAACL,WAAW,GAAGM,MAAM,CAACG,MAAV,GAAmB;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAA/B,EAAkDN,UAAlD,CADT;AAEE,IAAA,aAAa,EAAEH;AAFjB,KAIGJ,QAJH,EAKGK,KALH,CAJF,CADF;AAcD,CAzBD;;AA2BA,MAAMI,MAAM,GAAGK,wBAAWC,MAAX,CAAkB;AAC/BL,EAAAA,OAAO,EAAE;AACPM,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,OAAO,EAAE,MAFF;AAGPC,IAAAA,aAAa,EAAE;AAHR,GADsB;AAM/BP,EAAAA,KAAK,EAAE;AACLQ,IAAAA,cAAc,EAAE;AADX,GANwB;AAS/BP,EAAAA,MAAM,EAAE,CACN;AADM,GATuB;AAY/BQ,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,EADJ;AAEJF,IAAAA,cAAc,EAAE;AAFZ;AAZyB,CAAlB,CAAf;;eAkBepB,U","sourcesContent":["import React from \"react\";\nimport { View, Text, StyleProp, ViewStyle, StyleSheet } from \"react-native\";\nimport { extractStyles } from \"../../utilities\";\n\nexport interface TableCellProps {\n children: React.ReactNode;\n numeric?: boolean;\n isAscending: boolean;\n numberOfLines?: number;\n title?: string;\n style?: StyleProp<ViewStyle>;\n}\n\nconst TableTitle = ({\n children,\n style,\n numeric = false,\n isAscending = false,\n numberOfLines = 1,\n title,\n ...rest\n}: TableCellProps) => {\n const { textStyles, viewStyles } = extractStyles(style);\n\n return (\n <View\n {...rest}\n style={[styles.wrapper, numeric && styles.right, viewStyles]}\n >\n <Text\n style={[isAscending ? styles.sorted : { color: \"gray\" }, textStyles]}\n numberOfLines={numberOfLines}\n >\n {children}\n {title}\n </Text>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n wrapper: {\n flex: 1,\n display: \"flex\",\n flexDirection: \"row\",\n },\n right: {\n justifyContent: \"flex-end\",\n },\n sorted: {\n // marginLeft: 8,\n },\n icon: {\n height: 24,\n justifyContent: \"center\",\n },\n});\n\nexport default TableTitle;\n"]}
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SEED_DATA = void 0;
|
|
7
|
-
|
|
8
|
-
var _types = require("@draftbit/types");
|
|
9
|
-
|
|
10
|
-
const SEED_DATA = [{
|
|
11
|
-
name: "Table",
|
|
12
|
-
tag: "Table",
|
|
13
|
-
category: _types.COMPONENT_TYPES.container,
|
|
14
|
-
layout: {
|
|
15
|
-
width: "100%"
|
|
16
|
-
},
|
|
17
|
-
props: {}
|
|
18
|
-
}, {
|
|
19
|
-
name: "Table Row",
|
|
20
|
-
tag: "TableRow",
|
|
21
|
-
category: _types.COMPONENT_TYPES.container,
|
|
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
|
-
props: {
|
|
40
|
-
numeric: (0, _types.createBoolProp)({
|
|
41
|
-
label: "Is Numeric Cell?",
|
|
42
|
-
description: "Does the cell contain a numeric value?",
|
|
43
|
-
group: _types.GROUPS.data
|
|
44
|
-
}),
|
|
45
|
-
value: (0, _types.createTextProp)({
|
|
46
|
-
label: "Cell Value",
|
|
47
|
-
description: "Table Cell Value",
|
|
48
|
-
group: _types.GROUPS.data
|
|
49
|
-
})
|
|
50
|
-
}
|
|
51
|
-
}, {
|
|
52
|
-
name: "Table Header",
|
|
53
|
-
tag: "TableHeader",
|
|
54
|
-
category: _types.COMPONENT_TYPES.container,
|
|
55
|
-
layout: {
|
|
56
|
-
paddingLeft: 16,
|
|
57
|
-
paddingRight: 16,
|
|
58
|
-
borderBottomWidth: 1,
|
|
59
|
-
borderStyle: "solid",
|
|
60
|
-
backgroundColor: "#EFEFEF"
|
|
61
|
-
},
|
|
62
|
-
props: {}
|
|
63
|
-
}, {
|
|
64
|
-
name: "Table Title",
|
|
65
|
-
tag: "TableTitle",
|
|
66
|
-
category: _types.COMPONENT_TYPES.container,
|
|
67
|
-
layout: {
|
|
68
|
-
fontSize: 14,
|
|
69
|
-
fontWeight: "500",
|
|
70
|
-
paddingTop: 16,
|
|
71
|
-
paddingBottom: 16,
|
|
72
|
-
paddingLeft: 8,
|
|
73
|
-
paddingRight: 8
|
|
74
|
-
},
|
|
75
|
-
props: {
|
|
76
|
-
numeric: (0, _types.createBoolProp)({
|
|
77
|
-
label: "Is Numeric Cell?",
|
|
78
|
-
description: "Does the cell contain a numeric value?",
|
|
79
|
-
group: _types.GROUPS.data
|
|
80
|
-
}),
|
|
81
|
-
value: (0, _types.createTextProp)({
|
|
82
|
-
label: "Cell Value",
|
|
83
|
-
description: "Table Cell Value",
|
|
84
|
-
group: _types.GROUPS.data
|
|
85
|
-
}),
|
|
86
|
-
isAscending: (0, _types.createBoolProp)({
|
|
87
|
-
label: "Is Ascending?",
|
|
88
|
-
description: "Does the cell contain a numeric value?",
|
|
89
|
-
group: _types.GROUPS.data
|
|
90
|
-
}),
|
|
91
|
-
numberOfLines: (0, _types.createNumberProp)({
|
|
92
|
-
label: "Number of Lines",
|
|
93
|
-
description: "Number of Lines",
|
|
94
|
-
group: _types.GROUPS.basic
|
|
95
|
-
})
|
|
96
|
-
}
|
|
97
|
-
}];
|
|
98
|
-
exports.SEED_DATA = SEED_DATA;
|
|
99
|
-
//# sourceMappingURL=Table.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["Table.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","container","layout","width","props","paddingLeft","paddingRight","borderBottomWidth","borderStyle","paddingTop","paddingBottom","numeric","label","description","group","GROUPS","data","value","backgroundColor","fontSize","fontWeight","isAscending","numberOfLines","basic"],"mappings":"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","sourcesContent":["import {\n COMPONENT_TYPES,\n GROUPS,\n createBoolProp,\n createTextProp,\n createNumberProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n {\n name: \"Table\",\n tag: \"Table\",\n category: COMPONENT_TYPES.container,\n layout: {\n width: \"100%\",\n },\n props: {},\n },\n {\n name: \"Table Row\",\n tag: \"TableRow\",\n category: COMPONENT_TYPES.container,\n layout: {\n paddingLeft: 16,\n paddingRight: 16,\n borderBottomWidth: 1,\n borderStyle: \"solid\",\n },\n props: {},\n },\n {\n name: \"Table Cell\",\n tag: \"TableCell\",\n category: COMPONENT_TYPES.container,\n layout: {\n paddingTop: 16,\n paddingBottom: 16,\n paddingLeft: 8,\n paddingRight: 8,\n },\n props: {\n numeric: createBoolProp({\n label: \"Is Numeric Cell?\",\n description: \"Does the cell contain a numeric value?\",\n group: GROUPS.data,\n }),\n value: createTextProp({\n label: \"Cell Value\",\n description: \"Table Cell Value\",\n group: GROUPS.data,\n }),\n },\n },\n {\n name: \"Table Header\",\n tag: \"TableHeader\",\n category: COMPONENT_TYPES.container,\n layout: {\n paddingLeft: 16,\n paddingRight: 16,\n borderBottomWidth: 1,\n borderStyle: \"solid\",\n backgroundColor: \"#EFEFEF\",\n },\n props: {},\n },\n {\n name: \"Table Title\",\n tag: \"TableTitle\",\n category: COMPONENT_TYPES.container,\n layout: {\n fontSize: 14,\n fontWeight: \"500\",\n paddingTop: 16,\n paddingBottom: 16,\n paddingLeft: 8,\n paddingRight: 8,\n },\n props: {\n numeric: createBoolProp({\n label: \"Is Numeric Cell?\",\n description: \"Does the cell contain a numeric value?\",\n group: GROUPS.data,\n }),\n value: createTextProp({\n label: \"Cell Value\",\n description: \"Table Cell Value\",\n group: GROUPS.data,\n }),\n isAscending: createBoolProp({\n label: \"Is Ascending?\",\n description: \"Does the cell contain a numeric value?\",\n group: GROUPS.data,\n }),\n numberOfLines: createNumberProp({\n label: \"Number of Lines\",\n description: \"Number of Lines\",\n group: GROUPS.basic,\n }),\n },\n },\n];\n"]}
|