@draftbit/core 47.1.1-832f38.2 → 47.1.1-a3c366.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Accordion/AccordionItem.js +4 -23
- package/lib/commonjs/components/Container.js +4 -15
- package/lib/commonjs/components/NumberInput.js +1 -1
- package/lib/commonjs/constants.js +1 -1
- package/lib/commonjs/index.js +0 -37
- package/lib/commonjs/mappings/FlashList.js +28 -0
- package/lib/commonjs/mappings/FlatList.js +14 -0
- package/lib/commonjs/mappings/ScrollView.js +5 -1
- package/lib/commonjs/utilities.js +2 -2
- package/lib/module/components/NumberInput.js +1 -1
- package/lib/module/components/Portal/PortalConsumer.js +22 -7
- package/lib/module/components/Pressable.js +15 -2
- package/lib/module/index.js +0 -1
- package/lib/module/mappings/FlashList.js +29 -1
- package/lib/module/mappings/FlatList.js +15 -1
- package/lib/module/mappings/ScrollView.js +6 -2
- package/lib/module/utilities.js +3 -3
- package/lib/typescript/src/index.d.ts +0 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/mappings/FlashList.d.ts +60 -0
- package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -1
- package/lib/typescript/src/mappings/FlatList.d.ts +30 -0
- package/lib/typescript/src/mappings/FlatList.d.ts.map +1 -1
- package/lib/typescript/src/mappings/ScrollView.d.ts +10 -0
- package/lib/typescript/src/mappings/ScrollView.d.ts.map +1 -1
- package/lib/typescript/src/utilities.d.ts +3 -3
- package/lib/typescript/src/utilities.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/NumberInput.js +1 -1
- package/src/components/NumberInput.tsx +1 -1
- package/src/index.js +0 -1
- package/src/index.tsx +0 -9
- package/src/mappings/FlashList.js +29 -1
- package/src/mappings/FlashList.ts +33 -0
- package/src/mappings/FlatList.js +15 -1
- package/src/mappings/FlatList.ts +17 -0
- package/src/mappings/ScrollView.js +6 -2
- package/src/mappings/ScrollView.ts +6 -1
- package/src/utilities.js +2 -5
- package/src/utilities.ts +2 -13
- package/lib/commonjs/components/Table/Table.js +0 -28
- package/lib/commonjs/components/Table/TableCell.js +0 -42
- package/lib/commonjs/components/Table/TableHeader.js +0 -32
- package/lib/commonjs/components/Table/TablePaginator.js +0 -12
- package/lib/commonjs/components/Table/TableRow.js +0 -38
- package/lib/commonjs/components/Table/TableTitle.js +0 -53
- package/lib/commonjs/components/Table/index.js +0 -48
- package/lib/commonjs/mappings/Table.js +0 -100
- package/lib/module/components/Table/Table.js +0 -20
- package/lib/module/components/Table/TableCell.js +0 -34
- package/lib/module/components/Table/TableHeader.js +0 -24
- package/lib/module/components/Table/TablePaginator.js +0 -4
- package/lib/module/components/Table/TableRow.js +0 -30
- package/lib/module/components/Table/TableTitle.js +0 -45
- package/lib/module/components/Table/index.js +0 -6
- package/lib/module/mappings/Table.js +0 -93
- package/lib/typescript/src/components/Table/Table.d.ts +0 -9
- package/lib/typescript/src/components/Table/Table.d.ts.map +0 -1
- package/lib/typescript/src/components/Table/TableCell.d.ts +0 -11
- package/lib/typescript/src/components/Table/TableCell.d.ts.map +0 -1
- package/lib/typescript/src/components/Table/TableHeader.d.ts +0 -13
- package/lib/typescript/src/components/Table/TableHeader.d.ts.map +0 -1
- package/lib/typescript/src/components/Table/TablePaginator.d.ts +0 -4
- package/lib/typescript/src/components/Table/TablePaginator.d.ts.map +0 -1
- package/lib/typescript/src/components/Table/TableRow.d.ts +0 -13
- package/lib/typescript/src/components/Table/TableRow.d.ts.map +0 -1
- package/lib/typescript/src/components/Table/TableTitle.d.ts +0 -13
- package/lib/typescript/src/components/Table/TableTitle.d.ts.map +0 -1
- package/lib/typescript/src/components/Table/index.d.ts +0 -7
- package/lib/typescript/src/components/Table/index.d.ts.map +0 -1
- package/lib/typescript/src/mappings/Table.d.ts +0 -149
- package/lib/typescript/src/mappings/Table.d.ts.map +0 -1
- package/src/components/Table/Table.js +0 -10
- package/src/components/Table/Table.tsx +0 -22
- package/src/components/Table/TableCell.js +0 -21
- package/src/components/Table/TableCell.tsx +0 -44
- package/src/components/Table/TableHeader.js +0 -11
- package/src/components/Table/TableHeader.tsx +0 -28
- package/src/components/Table/TablePaginator.js +0 -5
- package/src/components/Table/TablePaginator.tsx +0 -10
- package/src/components/Table/TableRow.js +0 -16
- package/src/components/Table/TableRow.tsx +0 -31
- package/src/components/Table/TableTitle.js +0 -28
- package/src/components/Table/TableTitle.tsx +0 -58
- package/src/components/Table/index.js +0 -6
- package/src/components/Table/index.tsx +0 -6
- package/src/mappings/Table.js +0 -136
- package/src/mappings/Table.ts +0 -144
|
@@ -1 +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-a3c366.2+a3c3666",
|
|
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-a3c366.2+a3c3666",
|
|
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": "a3c36668e7783c2c82fd367b71e7f157a4d8b1a8"
|
|
95
95
|
}
|
|
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
|
|
|
2
2
|
import { TextInput } from "react-native";
|
|
3
3
|
import { isString, isNumber, isNaN } from "lodash";
|
|
4
4
|
const NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {
|
|
5
|
-
const [currentStringNumberValue, setCurrentStringNumberValue] = useState("
|
|
5
|
+
const [currentStringNumberValue, setCurrentStringNumberValue] = useState("");
|
|
6
6
|
const formatValueToStringNumber = (valueToFormat) => {
|
|
7
7
|
if (valueToFormat != null) {
|
|
8
8
|
if (isString(valueToFormat) && valueToFormat !== "") {
|
|
@@ -14,7 +14,7 @@ const NumberInput: FC<Props> = ({
|
|
|
14
14
|
defaultValue,
|
|
15
15
|
...props
|
|
16
16
|
}) => {
|
|
17
|
-
const [currentStringNumberValue, setCurrentStringNumberValue] = useState("
|
|
17
|
+
const [currentStringNumberValue, setCurrentStringNumberValue] = useState("");
|
|
18
18
|
|
|
19
19
|
const formatValueToStringNumber = (valueToFormat?: number | string) => {
|
|
20
20
|
if (valueToFormat != null) {
|
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,20 @@ 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
|
+
}),
|
|
42
|
+
showsHorizontalScrollIndicator: createStaticBoolProp({
|
|
43
|
+
label: "Show Horizontal Scroll Indicator",
|
|
44
|
+
description: "When true, shows a horizontal scroll indicator. The default value is true.",
|
|
45
|
+
defaultValue: true,
|
|
46
|
+
}),
|
|
47
|
+
showsVerticalScrollIndicator: createStaticBoolProp({
|
|
48
|
+
label: "Show Vertical Scroll Indicator",
|
|
49
|
+
description: "When true, shows a vertical scroll indicator. The default value is true.",
|
|
50
|
+
defaultValue: true,
|
|
51
|
+
}),
|
|
38
52
|
},
|
|
39
53
|
},
|
|
40
54
|
{
|
|
@@ -80,6 +94,20 @@ export const SEED_DATA = [
|
|
|
80
94
|
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
95
|
defaultValue: 0.5,
|
|
82
96
|
}),
|
|
97
|
+
refreshColor: createColorProp({
|
|
98
|
+
label: "Refreshing Color",
|
|
99
|
+
description: "Color of the refresh indicator",
|
|
100
|
+
}),
|
|
101
|
+
showsHorizontalScrollIndicator: createStaticBoolProp({
|
|
102
|
+
label: "Show Horizontal Scroll Indicator",
|
|
103
|
+
description: "When true, shows a horizontal scroll indicator. The default value is true.",
|
|
104
|
+
defaultValue: true,
|
|
105
|
+
}),
|
|
106
|
+
showsVerticalScrollIndicator: createStaticBoolProp({
|
|
107
|
+
label: "Show Vertical Scroll Indicator",
|
|
108
|
+
description: "When true, shows a vertical scroll indicator. The default value is true.",
|
|
109
|
+
defaultValue: true,
|
|
110
|
+
}),
|
|
83
111
|
},
|
|
84
112
|
},
|
|
85
113
|
];
|
|
@@ -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,22 @@ 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
|
+
}),
|
|
55
|
+
showsHorizontalScrollIndicator: createStaticBoolProp({
|
|
56
|
+
label: "Show Horizontal Scroll Indicator",
|
|
57
|
+
description:
|
|
58
|
+
"When true, shows a horizontal scroll indicator. The default value is true.",
|
|
59
|
+
defaultValue: true,
|
|
60
|
+
}),
|
|
61
|
+
showsVerticalScrollIndicator: createStaticBoolProp({
|
|
62
|
+
label: "Show Vertical Scroll Indicator",
|
|
63
|
+
description:
|
|
64
|
+
"When true, shows a vertical scroll indicator. The default value is true.",
|
|
65
|
+
defaultValue: true,
|
|
66
|
+
}),
|
|
50
67
|
},
|
|
51
68
|
},
|
|
52
69
|
{
|
|
@@ -93,6 +110,22 @@ export const SEED_DATA = [
|
|
|
93
110
|
"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
111
|
defaultValue: 0.5,
|
|
95
112
|
}),
|
|
113
|
+
refreshColor: createColorProp({
|
|
114
|
+
label: "Refreshing Color",
|
|
115
|
+
description: "Color of the refresh indicator",
|
|
116
|
+
}),
|
|
117
|
+
showsHorizontalScrollIndicator: createStaticBoolProp({
|
|
118
|
+
label: "Show Horizontal Scroll Indicator",
|
|
119
|
+
description:
|
|
120
|
+
"When true, shows a horizontal scroll indicator. The default value is true.",
|
|
121
|
+
defaultValue: true,
|
|
122
|
+
}),
|
|
123
|
+
showsVerticalScrollIndicator: createStaticBoolProp({
|
|
124
|
+
label: "Show Vertical Scroll Indicator",
|
|
125
|
+
description:
|
|
126
|
+
"When true, shows a vertical scroll indicator. The default value is true.",
|
|
127
|
+
defaultValue: true,
|
|
128
|
+
}),
|
|
96
129
|
},
|
|
97
130
|
},
|
|
98
131
|
];
|
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,19 @@ 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
|
+
}),
|
|
40
|
+
showsHorizontalScrollIndicator: createStaticBoolProp({
|
|
41
|
+
label: "Show Horizontal Scroll Indicator",
|
|
42
|
+
description: "When true, shows a horizontal scroll indicator. The default value is true.",
|
|
43
|
+
defaultValue: true,
|
|
44
|
+
}),
|
|
45
|
+
showsVerticalScrollIndicator: createStaticBoolProp({
|
|
46
|
+
label: "Show Vertical Scroll Indicator",
|
|
47
|
+
description: "When true, shows a vertical scroll indicator. The default value is true.",
|
|
48
|
+
defaultValue: true,
|
|
49
|
+
}),
|
|
36
50
|
},
|
|
37
51
|
};
|
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,21 @@ 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
|
+
}),
|
|
51
|
+
showsHorizontalScrollIndicator: createStaticBoolProp({
|
|
52
|
+
label: "Show Horizontal Scroll Indicator",
|
|
53
|
+
description:
|
|
54
|
+
"When true, shows a horizontal scroll indicator. The default value is true.",
|
|
55
|
+
defaultValue: true,
|
|
56
|
+
}),
|
|
57
|
+
showsVerticalScrollIndicator: createStaticBoolProp({
|
|
58
|
+
label: "Show Vertical Scroll Indicator",
|
|
59
|
+
description:
|
|
60
|
+
"When true, shows a vertical scroll indicator. The default value is true.",
|
|
61
|
+
defaultValue: true,
|
|
62
|
+
}),
|
|
46
63
|
},
|
|
47
64
|
};
|
|
@@ -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",
|
|
@@ -17,7 +17,7 @@ export const SEED_DATA = {
|
|
|
17
17
|
showsHorizontalScrollIndicator: createStaticBoolProp({
|
|
18
18
|
label: "Show Horizontal Scroll Indicator",
|
|
19
19
|
description: "When true, shows a horizontal scroll indicator. The default value is true.",
|
|
20
|
-
defaultValue:
|
|
20
|
+
defaultValue: true,
|
|
21
21
|
}),
|
|
22
22
|
showsVerticalScrollIndicator: createStaticBoolProp({
|
|
23
23
|
label: "Show Vertical Scroll Indicator",
|
|
@@ -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 = {
|
|
@@ -25,7 +26,7 @@ export const SEED_DATA = {
|
|
|
25
26
|
label: "Show Horizontal Scroll Indicator",
|
|
26
27
|
description:
|
|
27
28
|
"When true, shows a horizontal scroll indicator. The default value is true.",
|
|
28
|
-
defaultValue:
|
|
29
|
+
defaultValue: true,
|
|
29
30
|
}),
|
|
30
31
|
showsVerticalScrollIndicator: createStaticBoolProp({
|
|
31
32
|
label: "Show Vertical Scroll Indicator",
|
|
@@ -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",
|
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 }; }
|