@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
|
@@ -12,6 +12,7 @@ var _theming = require("../../theming");
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
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); }
|
|
14
14
|
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; }
|
|
15
|
+
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); }
|
|
15
16
|
const AccordionItem = _ref => {
|
|
16
17
|
let {
|
|
17
18
|
Icon,
|
|
@@ -26,10 +27,9 @@ const AccordionItem = _ref => {
|
|
|
26
27
|
textStyles,
|
|
27
28
|
viewStyles
|
|
28
29
|
} = (0, _utilities.extractStyles)(style);
|
|
29
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
30
|
-
style: [styles.container, viewStyles]
|
|
31
|
-
|
|
32
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
30
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
|
|
31
|
+
style: [styles.container, viewStyles]
|
|
32
|
+
}, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
33
33
|
style: styles.row
|
|
34
34
|
}, icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
35
35
|
name: icon,
|
|
@@ -61,23 +61,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
63
|
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
64
|
-
exports.default = _default;.StyleSheet.create({
|
|
65
|
-
container: {
|
|
66
|
-
padding: 8
|
|
67
|
-
},
|
|
68
|
-
row: {
|
|
69
|
-
flexDirection: "row",
|
|
70
|
-
alignItems: "center",
|
|
71
|
-
paddingLeft: 8
|
|
72
|
-
},
|
|
73
|
-
item: {
|
|
74
|
-
marginVertical: 6,
|
|
75
|
-
paddingLeft: 8
|
|
76
|
-
},
|
|
77
|
-
content: {
|
|
78
|
-
flex: 1,
|
|
79
|
-
justifyContent: "center"
|
|
80
|
-
}
|
|
81
|
-
});
|
|
82
|
-
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
83
64
|
exports.default = _default;
|
|
@@ -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;
|
|
@@ -12,4 +12,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
|
|
|
12
12
|
android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
|
|
13
13
|
ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
|
|
14
14
|
});
|
|
15
|
-
exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
|
|
15
|
+
exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
|
package/lib/commonjs/index.js
CHANGED
|
@@ -375,42 +375,6 @@ Object.defineProperty(exports, "SwitchRow", {
|
|
|
375
375
|
return _Switch.SwitchRow;
|
|
376
376
|
}
|
|
377
377
|
});
|
|
378
|
-
Object.defineProperty(exports, "Table", {
|
|
379
|
-
enumerable: true,
|
|
380
|
-
get: function () {
|
|
381
|
-
return _Table.Table;
|
|
382
|
-
}
|
|
383
|
-
});
|
|
384
|
-
Object.defineProperty(exports, "TableCell", {
|
|
385
|
-
enumerable: true,
|
|
386
|
-
get: function () {
|
|
387
|
-
return _Table.TableCell;
|
|
388
|
-
}
|
|
389
|
-
});
|
|
390
|
-
Object.defineProperty(exports, "TableHeader", {
|
|
391
|
-
enumerable: true,
|
|
392
|
-
get: function () {
|
|
393
|
-
return _Table.TableHeader;
|
|
394
|
-
}
|
|
395
|
-
});
|
|
396
|
-
Object.defineProperty(exports, "TablePaginator", {
|
|
397
|
-
enumerable: true,
|
|
398
|
-
get: function () {
|
|
399
|
-
return _Table.TablePaginator;
|
|
400
|
-
}
|
|
401
|
-
});
|
|
402
|
-
Object.defineProperty(exports, "TableRow", {
|
|
403
|
-
enumerable: true,
|
|
404
|
-
get: function () {
|
|
405
|
-
return _Table.TableRow;
|
|
406
|
-
}
|
|
407
|
-
});
|
|
408
|
-
Object.defineProperty(exports, "TableTitle", {
|
|
409
|
-
enumerable: true,
|
|
410
|
-
get: function () {
|
|
411
|
-
return _Table.TableTitle;
|
|
412
|
-
}
|
|
413
|
-
});
|
|
414
378
|
Object.defineProperty(exports, "TextField", {
|
|
415
379
|
enumerable: true,
|
|
416
380
|
get: function () {
|
|
@@ -486,7 +450,6 @@ var _ActionSheet = require("./components/ActionSheet");
|
|
|
486
450
|
var _Swiper = require("./components/Swiper");
|
|
487
451
|
var _Layout = require("./components/Layout");
|
|
488
452
|
var _index = require("./components/RadioButton/index");
|
|
489
|
-
var _Table = require("./components/Table");
|
|
490
453
|
var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
|
|
491
454
|
var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
|
|
492
455
|
var _CardContainerRating = _interopRequireDefault(require("./components/CardContainerRating"));
|
|
@@ -39,6 +39,10 @@ const SEED_DATA = [{
|
|
|
39
39
|
label: "End Reached Threshold",
|
|
40
40
|
description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
|
|
41
41
|
defaultValue: 0.5
|
|
42
|
+
}),
|
|
43
|
+
refreshColor: (0, _types.createColorProp)({
|
|
44
|
+
label: "Refreshing Color",
|
|
45
|
+
description: "Color of the refresh indicator"
|
|
42
46
|
})
|
|
43
47
|
}
|
|
44
48
|
}, {
|
|
@@ -83,6 +87,10 @@ const SEED_DATA = [{
|
|
|
83
87
|
label: "End Reached Threshold",
|
|
84
88
|
description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
|
|
85
89
|
defaultValue: 0.5
|
|
90
|
+
}),
|
|
91
|
+
refreshColor: (0, _types.createColorProp)({
|
|
92
|
+
label: "Refreshing Color",
|
|
93
|
+
description: "Color of the refresh indicator"
|
|
86
94
|
})
|
|
87
95
|
}
|
|
88
96
|
}];
|
|
@@ -38,6 +38,10 @@ const SEED_DATA = {
|
|
|
38
38
|
label: "End Reached Threshold",
|
|
39
39
|
description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
|
|
40
40
|
defaultValue: 0.5
|
|
41
|
+
}),
|
|
42
|
+
refreshColor: (0, _types.createColorProp)({
|
|
43
|
+
label: "Refreshing Color",
|
|
44
|
+
description: "Color of the refresh indicator"
|
|
41
45
|
})
|
|
42
46
|
}
|
|
43
47
|
};
|
|
@@ -34,6 +34,10 @@ const SEED_DATA = {
|
|
|
34
34
|
label: "Bounce",
|
|
35
35
|
description: "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
|
|
36
36
|
defaultValue: true
|
|
37
|
+
}),
|
|
38
|
+
refreshColor: (0, _types.createColorProp)({
|
|
39
|
+
label: "Refreshing Color",
|
|
40
|
+
description: "Color of the refresh indicator"
|
|
37
41
|
})
|
|
38
42
|
}
|
|
39
43
|
};
|
|
@@ -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"];
|
package/lib/module/index.js
CHANGED
|
@@ -32,7 +32,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/Ac
|
|
|
32
32
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
33
33
|
export { Center, Circle, Square, Row, Stack, Spacer } from "./components/Layout";
|
|
34
34
|
export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup } from "./components/RadioButton/index";
|
|
35
|
-
export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle } from "./components/Table";
|
|
36
35
|
|
|
37
36
|
/* Deprecated: Fix or Delete! */
|
|
38
37
|
export { default as CardBlock } from "./components/CardBlock";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, createStaticNumberProp } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, createStaticNumberProp, createColorProp } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = [{
|
|
3
3
|
name: "Masonry List",
|
|
4
4
|
tag: "MasonryFlashList",
|
|
@@ -33,6 +33,10 @@ export const SEED_DATA = [{
|
|
|
33
33
|
label: "End Reached Threshold",
|
|
34
34
|
description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
|
|
35
35
|
defaultValue: 0.5
|
|
36
|
+
}),
|
|
37
|
+
refreshColor: createColorProp({
|
|
38
|
+
label: "Refreshing Color",
|
|
39
|
+
description: "Color of the refresh indicator"
|
|
36
40
|
})
|
|
37
41
|
}
|
|
38
42
|
}, {
|
|
@@ -77,6 +81,10 @@ export const SEED_DATA = [{
|
|
|
77
81
|
label: "End Reached Threshold",
|
|
78
82
|
description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
|
|
79
83
|
defaultValue: 0.5
|
|
84
|
+
}),
|
|
85
|
+
refreshColor: createColorProp({
|
|
86
|
+
label: "Refreshing Color",
|
|
87
|
+
description: "Color of the refresh indicator"
|
|
80
88
|
})
|
|
81
89
|
}
|
|
82
90
|
}];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createStaticNumberProp } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createStaticNumberProp, createColorProp } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "List",
|
|
4
4
|
tag: "FlatList",
|
|
@@ -32,6 +32,10 @@ export const SEED_DATA = {
|
|
|
32
32
|
label: "End Reached Threshold",
|
|
33
33
|
description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
|
|
34
34
|
defaultValue: 0.5
|
|
35
|
+
}),
|
|
36
|
+
refreshColor: createColorProp({
|
|
37
|
+
label: "Refreshing Color",
|
|
38
|
+
description: "Color of the refresh indicator"
|
|
35
39
|
})
|
|
36
40
|
}
|
|
37
41
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createColorProp } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Scroll View",
|
|
4
4
|
tag: "ScrollView",
|
|
@@ -28,6 +28,10 @@ export const SEED_DATA = {
|
|
|
28
28
|
label: "Bounce",
|
|
29
29
|
description: "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
|
|
30
30
|
defaultValue: true
|
|
31
|
+
}),
|
|
32
|
+
refreshColor: createColorProp({
|
|
33
|
+
label: "Refreshing Color",
|
|
34
|
+
description: "Color of the refresh indicator"
|
|
31
35
|
})
|
|
32
36
|
}
|
|
33
37
|
};
|
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"];
|
|
@@ -32,7 +32,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
|
|
|
32
32
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
33
33
|
export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
|
|
34
34
|
export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
|
|
35
|
-
export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle, } from "./components/Table";
|
|
36
35
|
export { default as CardBlock } from "./components/CardBlock";
|
|
37
36
|
export { default as CardContainer } from "./components/CardContainer";
|
|
38
37
|
export { default as CardContainerRating } from "./components/CardContainerRating";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EACL,WAAW,EACX,eAAe,EACf,iBAAiB,GAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,GAAG,EACH,KAAK,EACL,MAAM,GACP,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,qBAAqB,GACtB,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -73,6 +73,16 @@ export declare const SEED_DATA: ({
|
|
|
73
73
|
required: boolean;
|
|
74
74
|
step: number;
|
|
75
75
|
};
|
|
76
|
+
refreshColor: {
|
|
77
|
+
group: string;
|
|
78
|
+
label: string;
|
|
79
|
+
description: string;
|
|
80
|
+
editable: boolean;
|
|
81
|
+
required: boolean;
|
|
82
|
+
defaultValue: null;
|
|
83
|
+
formType: string;
|
|
84
|
+
propType: string;
|
|
85
|
+
};
|
|
76
86
|
horizontal?: undefined;
|
|
77
87
|
inverted?: undefined;
|
|
78
88
|
};
|
|
@@ -171,6 +181,16 @@ export declare const SEED_DATA: ({
|
|
|
171
181
|
required: boolean;
|
|
172
182
|
step: number;
|
|
173
183
|
};
|
|
184
|
+
refreshColor: {
|
|
185
|
+
group: string;
|
|
186
|
+
label: string;
|
|
187
|
+
description: string;
|
|
188
|
+
editable: boolean;
|
|
189
|
+
required: boolean;
|
|
190
|
+
defaultValue: null;
|
|
191
|
+
formType: string;
|
|
192
|
+
propType: string;
|
|
193
|
+
};
|
|
174
194
|
};
|
|
175
195
|
})[];
|
|
176
196
|
//# sourceMappingURL=FlashList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlashList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlashList.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FlashList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlashList.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6FrB,CAAC"}
|
|
@@ -81,6 +81,16 @@ export declare const SEED_DATA: {
|
|
|
81
81
|
required: boolean;
|
|
82
82
|
step: number;
|
|
83
83
|
};
|
|
84
|
+
refreshColor: {
|
|
85
|
+
group: string;
|
|
86
|
+
label: string;
|
|
87
|
+
description: string;
|
|
88
|
+
editable: boolean;
|
|
89
|
+
required: boolean;
|
|
90
|
+
defaultValue: null;
|
|
91
|
+
formType: string;
|
|
92
|
+
propType: string;
|
|
93
|
+
};
|
|
84
94
|
};
|
|
85
95
|
};
|
|
86
96
|
//# sourceMappingURL=FlatList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlatList.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../src/mappings/FlatList.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCrB,CAAC"}
|
|
@@ -57,6 +57,16 @@ export declare const SEED_DATA: {
|
|
|
57
57
|
required: boolean;
|
|
58
58
|
group: string;
|
|
59
59
|
};
|
|
60
|
+
refreshColor: {
|
|
61
|
+
group: string;
|
|
62
|
+
label: string;
|
|
63
|
+
description: string;
|
|
64
|
+
editable: boolean;
|
|
65
|
+
required: boolean;
|
|
66
|
+
defaultValue: null;
|
|
67
|
+
formType: string;
|
|
68
|
+
propType: string;
|
|
69
|
+
};
|
|
60
70
|
};
|
|
61
71
|
};
|
|
62
72
|
//# sourceMappingURL=ScrollView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ScrollView.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ScrollView.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCrB,CAAC"}
|
|
@@ -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[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../src/utilities.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,SAAS,
|
|
1
|
+
{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../src/utilities.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC;;;EA+BlD;AAED,eAAO,MAAM,gBAAgB,UAwB5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAU5B,CAAC;AAEF,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EACrB,sBAAsB,CAAC,EAAE,MAAM,EAAE,EACjC,sBAAsB,CAAC,EAAE,MAAM,EAAE;;;EAqBlC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EACjC,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,OAe1C;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,UAQ5D"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "47.1.1-
|
|
3
|
+
"version": "47.1.1-b7d86a.2+b7d86ad",
|
|
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": "^47.1.1-
|
|
44
|
+
"@draftbit/types": "^47.1.1-b7d86a.2+b7d86ad",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.2.4",
|
|
@@ -91,5 +91,5 @@
|
|
|
91
91
|
]
|
|
92
92
|
]
|
|
93
93
|
},
|
|
94
|
-
"gitHead": "
|
|
94
|
+
"gitHead": "b7d86ad870c1460b05459e2dc4ca2a8b92c6d012"
|
|
95
95
|
}
|
package/src/index.js
CHANGED
|
@@ -32,7 +32,6 @@ export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/A
|
|
|
32
32
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
33
33
|
export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
|
|
34
34
|
export { RadioButton, RadioButtonGroup, RadioButtonRow, RadioButtonFieldGroup, } from "./components/RadioButton/index";
|
|
35
|
-
export { Table, TableRow, TablePaginator, TableHeader, TableCell, TableTitle, } from "./components/Table";
|
|
36
35
|
/* Deprecated: Fix or Delete! */
|
|
37
36
|
export { default as CardBlock } from "./components/CardBlock";
|
|
38
37
|
export { default as CardContainer } from "./components/CardContainer";
|
package/src/index.tsx
CHANGED
|
@@ -52,15 +52,6 @@ export {
|
|
|
52
52
|
RadioButtonFieldGroup,
|
|
53
53
|
} from "./components/RadioButton/index";
|
|
54
54
|
|
|
55
|
-
export {
|
|
56
|
-
Table,
|
|
57
|
-
TableRow,
|
|
58
|
-
TablePaginator,
|
|
59
|
-
TableHeader,
|
|
60
|
-
TableCell,
|
|
61
|
-
TableTitle,
|
|
62
|
-
} from "./components/Table";
|
|
63
|
-
|
|
64
55
|
/* Deprecated: Fix or Delete! */
|
|
65
56
|
export { default as CardBlock } from "./components/CardBlock";
|
|
66
57
|
export { default as CardContainer } from "./components/CardContainer";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, createStaticNumberProp, } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, createNumberProp, CONTAINER_COMPONENT_STYLES_SECTIONS, GROUPS, Triggers, createActionProp, createStaticNumberProp, createColorProp, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = [
|
|
3
3
|
{
|
|
4
4
|
name: "Masonry List",
|
|
@@ -35,6 +35,10 @@ export const SEED_DATA = [
|
|
|
35
35
|
description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
|
|
36
36
|
defaultValue: 0.5,
|
|
37
37
|
}),
|
|
38
|
+
refreshColor: createColorProp({
|
|
39
|
+
label: "Refreshing Color",
|
|
40
|
+
description: "Color of the refresh indicator",
|
|
41
|
+
}),
|
|
38
42
|
},
|
|
39
43
|
},
|
|
40
44
|
{
|
|
@@ -80,6 +84,10 @@ export const SEED_DATA = [
|
|
|
80
84
|
description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
|
|
81
85
|
defaultValue: 0.5,
|
|
82
86
|
}),
|
|
87
|
+
refreshColor: createColorProp({
|
|
88
|
+
label: "Refreshing Color",
|
|
89
|
+
description: "Color of the refresh indicator",
|
|
90
|
+
}),
|
|
83
91
|
},
|
|
84
92
|
},
|
|
85
93
|
];
|
|
@@ -8,6 +8,7 @@ import {
|
|
|
8
8
|
Triggers,
|
|
9
9
|
createActionProp,
|
|
10
10
|
createStaticNumberProp,
|
|
11
|
+
createColorProp,
|
|
11
12
|
} from "@draftbit/types";
|
|
12
13
|
|
|
13
14
|
export const SEED_DATA = [
|
|
@@ -47,6 +48,10 @@ export const SEED_DATA = [
|
|
|
47
48
|
"How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
|
|
48
49
|
defaultValue: 0.5,
|
|
49
50
|
}),
|
|
51
|
+
refreshColor: createColorProp({
|
|
52
|
+
label: "Refreshing Color",
|
|
53
|
+
description: "Color of the refresh indicator",
|
|
54
|
+
}),
|
|
50
55
|
},
|
|
51
56
|
},
|
|
52
57
|
{
|
|
@@ -93,6 +98,10 @@ export const SEED_DATA = [
|
|
|
93
98
|
"How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
|
|
94
99
|
defaultValue: 0.5,
|
|
95
100
|
}),
|
|
101
|
+
refreshColor: createColorProp({
|
|
102
|
+
label: "Refreshing Color",
|
|
103
|
+
description: "Color of the refresh indicator",
|
|
104
|
+
}),
|
|
96
105
|
},
|
|
97
106
|
},
|
|
98
107
|
];
|
package/src/mappings/FlatList.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createStaticNumberProp, } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createNumColumnsType, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createStaticNumberProp, createColorProp, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "List",
|
|
4
4
|
tag: "FlatList",
|
|
@@ -33,5 +33,9 @@ export const SEED_DATA = {
|
|
|
33
33
|
description: "How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
|
|
34
34
|
defaultValue: 0.5,
|
|
35
35
|
}),
|
|
36
|
+
refreshColor: createColorProp({
|
|
37
|
+
label: "Refreshing Color",
|
|
38
|
+
description: "Color of the refresh indicator",
|
|
39
|
+
}),
|
|
36
40
|
},
|
|
37
41
|
};
|
package/src/mappings/FlatList.ts
CHANGED
|
@@ -6,6 +6,7 @@ import {
|
|
|
6
6
|
Triggers,
|
|
7
7
|
createActionProp,
|
|
8
8
|
createStaticNumberProp,
|
|
9
|
+
createColorProp,
|
|
9
10
|
} from "@draftbit/types";
|
|
10
11
|
|
|
11
12
|
export const SEED_DATA = {
|
|
@@ -43,5 +44,9 @@ export const SEED_DATA = {
|
|
|
43
44
|
"How far from the end (in units of visible length of the list) the bottom edge of the list must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the list.",
|
|
44
45
|
defaultValue: 0.5,
|
|
45
46
|
}),
|
|
47
|
+
refreshColor: createColorProp({
|
|
48
|
+
label: "Refreshing Color",
|
|
49
|
+
description: "Color of the refresh indicator",
|
|
50
|
+
}),
|
|
46
51
|
},
|
|
47
52
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, } from "@draftbit/types";
|
|
1
|
+
import { COMPONENT_TYPES, createStaticBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, Triggers, createActionProp, createColorProp, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Scroll View",
|
|
4
4
|
tag: "ScrollView",
|
|
@@ -29,5 +29,9 @@ export const SEED_DATA = {
|
|
|
29
29
|
description: "When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
|
|
30
30
|
defaultValue: true,
|
|
31
31
|
}),
|
|
32
|
+
refreshColor: createColorProp({
|
|
33
|
+
label: "Refreshing Color",
|
|
34
|
+
description: "Color of the refresh indicator",
|
|
35
|
+
}),
|
|
32
36
|
},
|
|
33
37
|
};
|
|
@@ -4,6 +4,7 @@ import {
|
|
|
4
4
|
CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
5
5
|
Triggers,
|
|
6
6
|
createActionProp,
|
|
7
|
+
createColorProp,
|
|
7
8
|
} from "@draftbit/types";
|
|
8
9
|
|
|
9
10
|
export const SEED_DATA = {
|
|
@@ -39,5 +40,9 @@ export const SEED_DATA = {
|
|
|
39
40
|
"When true, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction.",
|
|
40
41
|
defaultValue: true,
|
|
41
42
|
}),
|
|
43
|
+
refreshColor: createColorProp({
|
|
44
|
+
label: "Refreshing Color",
|
|
45
|
+
description: "Color of the refresh indicator",
|
|
46
|
+
}),
|
|
42
47
|
},
|
|
43
48
|
};
|
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",
|