@draftbit/core 47.5.2-644934.2 → 47.5.2-65339d.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/src/components/Progress/LinearProgress/LinearProgress.js +0 -4
- package/lib/src/components/Progress/LinearProgress/LinearProgress.js.map +1 -1
- package/lib/src/components/SectionList/SectionList.d.ts +2 -1
- package/lib/src/components/SectionList/SectionList.js +8 -3
- package/lib/src/components/SectionList/SectionList.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -6
- package/src/components/Progress/LinearProgress/LinearProgress.js +0 -4
- package/src/components/Progress/LinearProgress/LinearProgress.js.map +1 -1
- package/src/components/Progress/LinearProgress/LinearProgress.tsx +0 -4
- package/src/components/SectionList/SectionList.js +8 -3
- package/src/components/SectionList/SectionList.js.map +1 -1
- package/src/components/SectionList/SectionList.tsx +14 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "47.5.2-
|
|
3
|
+
"version": "47.5.2-65339d.2+65339de",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/src/index.js",
|
|
6
6
|
"types": "lib/src/index.d.ts",
|
|
@@ -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.5.2-
|
|
44
|
+
"@draftbit/types": "^47.5.2-65339d.2+65339de",
|
|
45
45
|
"@expo/vector-icons": "^13.0.0",
|
|
46
46
|
"@material-ui/core": "^4.11.0",
|
|
47
47
|
"@material-ui/pickers": "^3.2.10",
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
"react-native-markdown-display": "^7.0.0-alpha.2",
|
|
61
61
|
"react-native-modal-datetime-picker": "^13.0.0",
|
|
62
62
|
"react-native-pager-view": "6.0.1",
|
|
63
|
+
"react-native-reanimated": "~2.12.0",
|
|
63
64
|
"react-native-shadow-2": "^7.0.7",
|
|
64
65
|
"react-native-svg": "13.4.0",
|
|
65
66
|
"react-native-swipe-list-view": "^3.2.9",
|
|
@@ -69,9 +70,6 @@
|
|
|
69
70
|
"react-native-youtube-iframe": "^2.2.2",
|
|
70
71
|
"react-youtube": "^10.1.0"
|
|
71
72
|
},
|
|
72
|
-
"peerDependencies": {
|
|
73
|
-
"react-native-reanimated": "~2.12.0"
|
|
74
|
-
},
|
|
75
73
|
"devDependencies": {
|
|
76
74
|
"@types/color": "^3.0.1",
|
|
77
75
|
"@types/dateformat": "^3.0.1",
|
|
@@ -99,5 +97,5 @@
|
|
|
99
97
|
],
|
|
100
98
|
"testEnvironment": "node"
|
|
101
99
|
},
|
|
102
|
-
"gitHead": "
|
|
100
|
+
"gitHead": "65339deef90ed8745218cd0e8b3507ba4d91be99"
|
|
103
101
|
}
|
|
@@ -15,13 +15,10 @@ export const LinearProgress = ({ theme, minimumValue = 0, maximumValue = 100, va
|
|
|
15
15
|
const maxThickness = Math.max(thickness, trackThickness);
|
|
16
16
|
const thicknessOffset = maxThickness / 2; // This offset guarantees nothing is cut off by view bounds
|
|
17
17
|
const progressLineWidth = svgContainerWidth - thicknessOffset;
|
|
18
|
-
console.log("LINE WIDTH ", progressLineWidth);
|
|
19
18
|
const trackProgressLineWidth = svgContainerWidth - thicknessOffset;
|
|
20
19
|
const currentFillPercentage = value / (maximumValue + minimumValue);
|
|
21
|
-
console.log("PERC", currentFillPercentage);
|
|
22
20
|
const currentProgressLineWidth = useSharedValue(currentFillPercentage * progressLineWidth);
|
|
23
21
|
const progressLineAnimatedProps = useAnimatedProps(() => {
|
|
24
|
-
console.log("RECEIVED", currentProgressLineWidth.value);
|
|
25
22
|
const isBelowMinWidth = currentProgressLineWidth.value <= thicknessOffset;
|
|
26
23
|
return {
|
|
27
24
|
x2: Math.min(progressLineWidth, currentProgressLineWidth.value),
|
|
@@ -29,7 +26,6 @@ export const LinearProgress = ({ theme, minimumValue = 0, maximumValue = 100, va
|
|
|
29
26
|
};
|
|
30
27
|
});
|
|
31
28
|
React.useEffect(() => {
|
|
32
|
-
console.log("UPDATING TO", progressLineWidth * currentFillPercentage);
|
|
33
29
|
currentProgressLineWidth.value = withTiming(progressLineWidth * currentFillPercentage, {
|
|
34
30
|
duration: isAnimated ? animationDuration : 0,
|
|
35
31
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinearProgress.js","sourceRoot":"","sources":["LinearProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,EAAE,EAAE,IAAI,EAAa,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,QAAQ,EAAE,EACf,gBAAgB,EAChB,cAAc,EACd,UAAU,GACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,0BAA0B,GAE3B,MAAM,mBAAmB,CAAC;AAE3B,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;AAEnE,MAAM,CAAC,MAAM,cAAc,GAAiC,CAAC,EAC3D,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,YAAY,GAAG,GAAG,EAClB,KAAK,GAAG,YAAY,EACpB,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,SAAS,EAC1B,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,EAC5B,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,EACjC,YAAY,GAAG,CAAC,EAChB,SAAS,GAAG,IAAI,EAChB,iBAAiB,GAAG,0BAA0B,EAC9C,UAAU,GAAG,IAAI,EACjB,OAAO,GAAG,OAAO,EACjB,YAAY,GAAG,OAAO,EACtB,SAAS,EACT,cAAc,EACd,OAAO,EACP,YAAY,EACZ,UAAU,EACV,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,KAAK,EACL,MAAM,GACP,EAAE,EAAE;IACH,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpE,MAAM,SAAS,GACb,SAAS,KAAK,SAAS;QACrB,CAAC,CAAC,GAAG,SAAS,IAAI,OAAO,IAAI,SAAS,EAAE;QACxC,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,cAAc,GAClB,cAAc,KAAK,SAAS;QAC1B,CAAC,CAAC,GAAG,cAAc,IAAI,YAAY,IAAI,cAAc,EAAE;QACvD,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IACzD,MAAM,eAAe,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,2DAA2D;IAErG,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,eAAe,CAAC;IAC9D,
|
|
1
|
+
{"version":3,"file":"LinearProgress.js","sourceRoot":"","sources":["LinearProgress.tsx"],"names":[],"mappings":"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"}
|
|
@@ -55,17 +55,14 @@ export const LinearProgress: React.FC<ValueProgressProps> = ({
|
|
|
55
55
|
const thicknessOffset = maxThickness / 2; // This offset guarantees nothing is cut off by view bounds
|
|
56
56
|
|
|
57
57
|
const progressLineWidth = svgContainerWidth - thicknessOffset;
|
|
58
|
-
console.log("LINE WIDTH ", progressLineWidth);
|
|
59
58
|
const trackProgressLineWidth = svgContainerWidth - thicknessOffset;
|
|
60
59
|
|
|
61
60
|
const currentFillPercentage = value / (maximumValue + minimumValue);
|
|
62
|
-
console.log("PERC", currentFillPercentage);
|
|
63
61
|
const currentProgressLineWidth = useSharedValue(
|
|
64
62
|
currentFillPercentage * progressLineWidth
|
|
65
63
|
);
|
|
66
64
|
|
|
67
65
|
const progressLineAnimatedProps = useAnimatedProps<LineProps>(() => {
|
|
68
|
-
console.log("RECEIVED", currentProgressLineWidth.value);
|
|
69
66
|
const isBelowMinWidth = currentProgressLineWidth.value <= thicknessOffset;
|
|
70
67
|
return {
|
|
71
68
|
x2: Math.min(progressLineWidth, currentProgressLineWidth.value), //Prevents going beyond the max width
|
|
@@ -74,7 +71,6 @@ export const LinearProgress: React.FC<ValueProgressProps> = ({
|
|
|
74
71
|
});
|
|
75
72
|
|
|
76
73
|
React.useEffect(() => {
|
|
77
|
-
console.log("UPDATING TO", progressLineWidth * currentFillPercentage);
|
|
78
74
|
currentProgressLineWidth.value = withTiming(
|
|
79
75
|
progressLineWidth * currentFillPercentage,
|
|
80
76
|
{
|
|
@@ -3,7 +3,7 @@ import { FlashList } from "@shopify/flash-list";
|
|
|
3
3
|
import { FlatList } from "react-native";
|
|
4
4
|
import SectionHeader, { DefaultSectionHeader } from "./SectionHeader";
|
|
5
5
|
export const DEFAULT_SECTION = "Uncategorized";
|
|
6
|
-
const SectionList = ({ sectionKey, listComponent = "FlatList", data: dataProp, renderItem: renderItemProp, ...rest }) => {
|
|
6
|
+
const SectionList = ({ sectionKey, stickyHeader = false, listComponent = "FlatList", data: dataProp, renderItem: renderItemProp, ...rest }) => {
|
|
7
7
|
const data = React.useMemo(() => (dataProp || []), [dataProp]);
|
|
8
8
|
const dataWithSections = React.useMemo(() => {
|
|
9
9
|
var _a;
|
|
@@ -25,6 +25,11 @@ const SectionList = ({ sectionKey, listComponent = "FlatList", data: dataProp, r
|
|
|
25
25
|
}
|
|
26
26
|
return result;
|
|
27
27
|
}, [data, sectionKey]);
|
|
28
|
+
const sectionHeaderIndicies = React.useMemo(() => stickyHeader
|
|
29
|
+
? dataWithSections
|
|
30
|
+
.filter((item) => item.type === "SECTION_ITEM")
|
|
31
|
+
.map((item) => dataWithSections.indexOf(item))
|
|
32
|
+
: undefined, [dataWithSections, stickyHeader]);
|
|
28
33
|
const extractSectionHeader = (element) => {
|
|
29
34
|
if (!element) {
|
|
30
35
|
return null;
|
|
@@ -86,9 +91,9 @@ const SectionList = ({ sectionKey, listComponent = "FlatList", data: dataProp, r
|
|
|
86
91
|
};
|
|
87
92
|
switch (listComponent) {
|
|
88
93
|
case "FlatList":
|
|
89
|
-
return (React.createElement(FlatList, { ...rest, data: dataWithSections, renderItem: renderItem }));
|
|
94
|
+
return (React.createElement(FlatList, { stickyHeaderIndices: sectionHeaderIndicies, ...rest, data: dataWithSections, renderItem: renderItem }));
|
|
90
95
|
case "FlashList":
|
|
91
|
-
return (React.createElement(FlashList, { ...rest, data: dataWithSections, renderItem: renderItem }));
|
|
96
|
+
return (React.createElement(FlashList, { stickyHeaderIndices: sectionHeaderIndicies, ...rest, data: dataWithSections, renderItem: renderItem }));
|
|
92
97
|
}
|
|
93
98
|
};
|
|
94
99
|
export default SectionList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionList.js","sourceRoot":"","sources":["SectionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAiB,QAAQ,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,aAAa,EAAE,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"SectionList.js","sourceRoot":"","sources":["SectionList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ type ListComponentType = "FlatList" | "FlashList";
|
|
|
7
7
|
|
|
8
8
|
interface AdditionalSectionListProps<T> {
|
|
9
9
|
sectionKey: string;
|
|
10
|
+
stickyHeader?: boolean;
|
|
10
11
|
renderItem: (itemInfo: {
|
|
11
12
|
item?: T;
|
|
12
13
|
index: number;
|
|
@@ -37,6 +38,7 @@ export const DEFAULT_SECTION = "Uncategorized";
|
|
|
37
38
|
|
|
38
39
|
const SectionList = <T extends { [key: string]: any }>({
|
|
39
40
|
sectionKey,
|
|
41
|
+
stickyHeader = false,
|
|
40
42
|
listComponent = "FlatList",
|
|
41
43
|
data: dataProp,
|
|
42
44
|
renderItem: renderItemProp,
|
|
@@ -68,6 +70,16 @@ const SectionList = <T extends { [key: string]: any }>({
|
|
|
68
70
|
return result;
|
|
69
71
|
}, [data, sectionKey]);
|
|
70
72
|
|
|
73
|
+
const sectionHeaderIndicies = React.useMemo(
|
|
74
|
+
() =>
|
|
75
|
+
stickyHeader
|
|
76
|
+
? dataWithSections
|
|
77
|
+
.filter((item) => item.type === "SECTION_ITEM")
|
|
78
|
+
.map((item) => dataWithSections.indexOf(item))
|
|
79
|
+
: undefined,
|
|
80
|
+
[dataWithSections, stickyHeader]
|
|
81
|
+
);
|
|
82
|
+
|
|
71
83
|
const extractSectionHeader = (
|
|
72
84
|
element: JSX.Element | null
|
|
73
85
|
): JSX.Element | null => {
|
|
@@ -152,6 +164,7 @@ const SectionList = <T extends { [key: string]: any }>({
|
|
|
152
164
|
case "FlatList":
|
|
153
165
|
return (
|
|
154
166
|
<FlatList
|
|
167
|
+
stickyHeaderIndices={sectionHeaderIndicies}
|
|
155
168
|
{...(rest as FlatListProps<SectionListItem<T>>)}
|
|
156
169
|
data={dataWithSections}
|
|
157
170
|
renderItem={renderItem}
|
|
@@ -160,6 +173,7 @@ const SectionList = <T extends { [key: string]: any }>({
|
|
|
160
173
|
case "FlashList":
|
|
161
174
|
return (
|
|
162
175
|
<FlashList
|
|
176
|
+
stickyHeaderIndices={sectionHeaderIndicies}
|
|
163
177
|
{...(rest as FlashListProps<SectionListItem<T>>)}
|
|
164
178
|
data={dataWithSections}
|
|
165
179
|
renderItem={renderItem}
|