@chem-po/react-native 0.0.18 → 0.0.20
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/button/ActionButton.js +97 -0
- package/lib/commonjs/components/button/ActionButton.js.map +1 -0
- package/lib/commonjs/components/button/index.js +11 -0
- package/lib/commonjs/components/button/index.js.map +1 -1
- package/lib/commonjs/components/feed/MediaFeed.js +3 -4
- package/lib/commonjs/components/feed/MediaFeed.js.map +1 -1
- package/lib/commonjs/components/form/input/Editable.js +3 -3
- package/lib/commonjs/components/form/input/Editable.js.map +1 -1
- package/lib/commonjs/components/loading/Loading.js +1 -55
- package/lib/commonjs/components/loading/Loading.js.map +1 -1
- package/lib/commonjs/components/loading/LoadingOverlay.js +66 -0
- package/lib/commonjs/components/loading/LoadingOverlay.js.map +1 -0
- package/lib/commonjs/components/loading/index.js +11 -0
- package/lib/commonjs/components/loading/index.js.map +1 -1
- package/lib/commonjs/hooks/useFadeIn.js +45 -0
- package/lib/commonjs/hooks/useFadeIn.js.map +1 -0
- package/lib/module/components/button/ActionButton.js +88 -0
- package/lib/module/components/button/ActionButton.js.map +1 -0
- package/lib/module/components/button/index.js +1 -0
- package/lib/module/components/button/index.js.map +1 -1
- package/lib/module/components/feed/MediaFeed.js +2 -3
- package/lib/module/components/feed/MediaFeed.js.map +1 -1
- package/lib/module/components/form/input/Editable.js +2 -2
- package/lib/module/components/form/input/Editable.js.map +1 -1
- package/lib/module/components/loading/Loading.js +2 -55
- package/lib/module/components/loading/Loading.js.map +1 -1
- package/lib/module/components/loading/LoadingOverlay.js +57 -0
- package/lib/module/components/loading/LoadingOverlay.js.map +1 -0
- package/lib/module/components/loading/index.js +1 -0
- package/lib/module/components/loading/index.js.map +1 -1
- package/lib/module/hooks/useFadeIn.js +38 -0
- package/lib/module/hooks/useFadeIn.js.map +1 -0
- package/lib/typescript/components/button/ActionButton.d.ts +15 -0
- package/lib/typescript/components/button/ActionButton.d.ts.map +1 -0
- package/lib/typescript/components/button/index.d.ts +1 -0
- package/lib/typescript/components/button/index.d.ts.map +1 -1
- package/lib/typescript/components/loading/Loading.d.ts +0 -6
- package/lib/typescript/components/loading/Loading.d.ts.map +1 -1
- package/lib/typescript/components/loading/LoadingOverlay.d.ts +17 -0
- package/lib/typescript/components/loading/LoadingOverlay.d.ts.map +1 -0
- package/lib/typescript/components/loading/index.d.ts +1 -0
- package/lib/typescript/components/loading/index.d.ts.map +1 -1
- package/lib/typescript/hooks/useFadeIn.d.ts +10 -0
- package/lib/typescript/hooks/useFadeIn.d.ts.map +1 -0
- package/package.json +3 -3
- package/src/components/button/ActionButton.tsx +108 -0
- package/src/components/button/index.ts +1 -0
- package/src/components/feed/MediaFeed.tsx +2 -2
- package/src/components/form/input/Editable.tsx +2 -2
- package/src/components/loading/Loading.tsx +2 -67
- package/src/components/loading/LoadingOverlay.tsx +64 -0
- package/src/components/loading/index.ts +1 -0
- package/src/hooks/useFadeIn.ts +48 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["palette","useBackgroundColor","React","Pressable","StyleSheet","WithLoadingOverlay","Txt","ActionButton","children","onPress","style","textStyle","disabled","loading","size","disabledColor","gray","medium","defaultBackgroundColor","backgroundColor","body","createElement","textStyles","color","containerStyles","base","undefined","RoundedButton","props","_extends","styles","rounded","create","borderRadius","justifyContent","alignItems","lg","paddingVertical","paddingHorizontal","md","sm","xs","fontSize"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/button/ActionButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/button/index.ts"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,UAAU","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/button/index.ts"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,UAAU","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ import { Animated, StyleSheet, View } from 'react-native';
|
|
|
4
4
|
import { Gesture, GestureDetector } from 'react-native-gesture-handler';
|
|
5
5
|
import { fill } from '../../styles/fill';
|
|
6
6
|
import { Center } from '../box/Center';
|
|
7
|
-
import { LoadingOverlay } from '../loading/
|
|
7
|
+
import { LoadingOverlay } from '../loading/LoadingOverlay';
|
|
8
8
|
import { REFRESH_THRESHOLD, SWIPE_THRESHOLD } from './constants';
|
|
9
9
|
import { MediaFeedProvider } from './context';
|
|
10
10
|
import { FeedContentPane } from './FeedContentPane';
|
|
@@ -153,8 +153,7 @@ export const MediaFeed = ({
|
|
|
153
153
|
refreshing: refreshing,
|
|
154
154
|
offsetY: offsetY
|
|
155
155
|
}), /*#__PURE__*/React.createElement(LoadingOverlay, {
|
|
156
|
-
|
|
157
|
-
isLoading: loading
|
|
156
|
+
loading: loading
|
|
158
157
|
}), children ? /*#__PURE__*/React.createElement(Center, {
|
|
159
158
|
style: [fill.absolute, {
|
|
160
159
|
zIndex: 3
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useScreen","useTheme","React","useCallback","useMemo","useRef","useState","Animated","StyleSheet","View","Gesture","GestureDetector","fill","Center","LoadingOverlay","REFRESH_THRESHOLD","SWIPE_THRESHOLD","MediaFeedProvider","FeedContentPane","useMediaFeed","MediaFeedBackground","MediaFeedRefresh","useUpdatePanels","setItems","data","updated","prev","push","status","id","curr","next","MediaFeed","fetch","collection","collectionPath","RenderItem","authRequired","getBackgroundUrl","getBackgroundValue","limit","defaultBackground","swipeDisabled","children","width","height","theme","contentRef","containerRef","direction","setDirection","panels","setPanels","offsetY","Value","current","onNewData","backgroundRef","goNext","goPrev","loading","canGoNext","canGoPrev","refresh","refreshing","pointerDown","dragStart","x","y","onDragStart","e","onDragEnd","maxY","minY","oY","Math","max","min","setValue","onDragMove","oX","dist","sqrt","panGesture","Pan","onStart","onUpdate","onEnd","containerStyle","overflow","pointerEvents","setCurr","handleItemLoad","_panels$find","isCurr","find","p","createElement","gesture","style","styles","container","backgroundColor","colors","background","item","ref","relative","map","panel","key","onItemLoad","enterStatus","canRefresh","
|
|
1
|
+
{"version":3,"names":["useScreen","useTheme","React","useCallback","useMemo","useRef","useState","Animated","StyleSheet","View","Gesture","GestureDetector","fill","Center","LoadingOverlay","REFRESH_THRESHOLD","SWIPE_THRESHOLD","MediaFeedProvider","FeedContentPane","useMediaFeed","MediaFeedBackground","MediaFeedRefresh","useUpdatePanels","setItems","data","updated","prev","push","status","id","curr","next","MediaFeed","fetch","collection","collectionPath","RenderItem","authRequired","getBackgroundUrl","getBackgroundValue","limit","defaultBackground","swipeDisabled","children","width","height","theme","contentRef","containerRef","direction","setDirection","panels","setPanels","offsetY","Value","current","onNewData","backgroundRef","goNext","goPrev","loading","canGoNext","canGoPrev","refresh","refreshing","pointerDown","dragStart","x","y","onDragStart","e","onDragEnd","maxY","minY","oY","Math","max","min","setValue","onDragMove","oX","dist","sqrt","panGesture","Pan","onStart","onUpdate","onEnd","containerStyle","overflow","pointerEvents","setCurr","handleItemLoad","_panels$find","isCurr","find","p","createElement","gesture","style","styles","container","backgroundColor","colors","background","item","ref","relative","map","panel","key","onItemLoad","enterStatus","canRefresh","absolute","zIndex","create"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/feed/MediaFeed.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@ import { useColorModeValue, useEditable, useIconColor, useThemeValue } from '@ch
|
|
|
2
2
|
import { Ionicons } from '@expo/vector-icons';
|
|
3
3
|
import React, { useCallback, useEffect, useMemo } from 'react';
|
|
4
4
|
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
5
|
-
import { LoadingOverlay } from '../../loading/
|
|
5
|
+
import { LoadingOverlay } from '../../loading/LoadingOverlay';
|
|
6
6
|
import { UploadProgress } from '../UploadProgress';
|
|
7
7
|
import { FieldView } from '../view';
|
|
8
8
|
import { StandaloneInput } from './StandaloneInput';
|
|
@@ -170,7 +170,7 @@ export const Editable = ({
|
|
|
170
170
|
size: 20,
|
|
171
171
|
color: "#fff"
|
|
172
172
|
})))), /*#__PURE__*/React.createElement(LoadingOverlay, {
|
|
173
|
-
|
|
173
|
+
loading: isLoading
|
|
174
174
|
})), /*#__PURE__*/React.createElement(UploadProgress, {
|
|
175
175
|
uploads: uploads
|
|
176
176
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useColorModeValue","useEditable","useIconColor","useThemeValue","Ionicons","React","useCallback","useEffect","useMemo","StyleSheet","TouchableOpacity","View","LoadingOverlay","UploadProgress","FieldView","StandaloneInput","InputClearButton","useInputStyles","Editable","value","initValue","field","onSubmit","storagePath","style","onEditClose","onEditOpen","containerStyle","size","inputRef","setValue","isLoading","uploads","editHovered","handleEditOpen","handleEditClose","isEditing","setEditHovered","submitValue","submit","alwaysEditing","_type","shouldSubmitOnChange","noCloseButton","_inputRef$current","current","focus","iconColor","clearButtonSize","editingBorderColor","submitColor","needsClearButton","optional","handleBlur","editableField","createElement","styles","container","borderColor","contentContainer","inputContainer","opacity","ref","inEditable","onChange","v","onBlur","noLabel","buttonsContainer","onPress","isActive","editButton","onPressIn","onPressOut","name","color","submitButtonContainer","width","submitButton","backgroundColor","create","borderRadius","borderWidth","borderStyle","flexDirection","alignItems","gap","marginLeft","paddingHorizontal","position","flex","minWidth","padding","justifyContent","overflow","height"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/Editable.tsx"],"mappings":"AAAA,SAGEA,iBAAiB,EACjBC,WAAW,EACXC,YAAY,EACZC,aAAa,QACR,gBAAgB;AACvB,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC9D,SAASC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAmB,cAAc;AAC5E,SAASC,cAAc,QAAQ,
|
|
1
|
+
{"version":3,"names":["useColorModeValue","useEditable","useIconColor","useThemeValue","Ionicons","React","useCallback","useEffect","useMemo","StyleSheet","TouchableOpacity","View","LoadingOverlay","UploadProgress","FieldView","StandaloneInput","InputClearButton","useInputStyles","Editable","value","initValue","field","onSubmit","storagePath","style","onEditClose","onEditOpen","containerStyle","size","inputRef","setValue","isLoading","uploads","editHovered","handleEditOpen","handleEditClose","isEditing","setEditHovered","submitValue","submit","alwaysEditing","_type","shouldSubmitOnChange","noCloseButton","_inputRef$current","current","focus","iconColor","clearButtonSize","editingBorderColor","submitColor","needsClearButton","optional","handleBlur","editableField","createElement","styles","container","borderColor","contentContainer","inputContainer","opacity","ref","inEditable","onChange","v","onBlur","noLabel","buttonsContainer","onPress","isActive","editButton","onPressIn","onPressOut","name","color","submitButtonContainer","width","submitButton","backgroundColor","loading","create","borderRadius","borderWidth","borderStyle","flexDirection","alignItems","gap","marginLeft","paddingHorizontal","position","flex","minWidth","padding","justifyContent","overflow","height"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/Editable.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useAppAssets, useTheme } from '@chem-po/react';
|
|
2
2
|
import LottieView from 'lottie-react-native';
|
|
3
|
-
import React, {
|
|
4
|
-
import {
|
|
3
|
+
import React, { useMemo } from 'react';
|
|
4
|
+
import { Image, StyleSheet, Text, View } from 'react-native';
|
|
5
5
|
export const LottieLoadingLogo = ({
|
|
6
6
|
size = 30,
|
|
7
7
|
isLoading,
|
|
@@ -107,50 +107,6 @@ export const Loading = ({
|
|
|
107
107
|
style: styles.boxContainer
|
|
108
108
|
}, body) : body;
|
|
109
109
|
};
|
|
110
|
-
export const LoadingOverlay = ({
|
|
111
|
-
isLoading,
|
|
112
|
-
text,
|
|
113
|
-
inFeed,
|
|
114
|
-
style
|
|
115
|
-
}) => {
|
|
116
|
-
const {
|
|
117
|
-
colorMode
|
|
118
|
-
} = useTheme();
|
|
119
|
-
const bgColor = colorMode === 'dark' ? 'rgba(0, 0, 0, 0.53)' : 'rgba(255, 255, 255, 0.67)';
|
|
120
|
-
const opacity = useMemo(() => new Animated.Value(0), []);
|
|
121
|
-
const [isAnimating, setIsAnimating] = useState(false);
|
|
122
|
-
useEffect(() => {
|
|
123
|
-
if (isLoading) {
|
|
124
|
-
setIsAnimating(true);
|
|
125
|
-
Animated.timing(opacity, {
|
|
126
|
-
toValue: 1,
|
|
127
|
-
duration: 200,
|
|
128
|
-
useNativeDriver: true
|
|
129
|
-
}).start();
|
|
130
|
-
} else {
|
|
131
|
-
Animated.timing(opacity, {
|
|
132
|
-
toValue: 0,
|
|
133
|
-
duration: 200,
|
|
134
|
-
useNativeDriver: true
|
|
135
|
-
}).start(() => {
|
|
136
|
-
setIsAnimating(false);
|
|
137
|
-
});
|
|
138
|
-
}
|
|
139
|
-
}, [isLoading, opacity]);
|
|
140
|
-
if (!isLoading && !isAnimating) return null;
|
|
141
|
-
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
142
|
-
style: [styles.overlay, {
|
|
143
|
-
backgroundColor: bgColor,
|
|
144
|
-
opacity
|
|
145
|
-
}, style]
|
|
146
|
-
}, !text ? /*#__PURE__*/React.createElement(LoadingLogo, {
|
|
147
|
-
inFeed: inFeed,
|
|
148
|
-
size: 100,
|
|
149
|
-
isLoading: isLoading
|
|
150
|
-
}) : /*#__PURE__*/React.createElement(Loading, {
|
|
151
|
-
text: text
|
|
152
|
-
}));
|
|
153
|
-
};
|
|
154
110
|
const styles = StyleSheet.create({
|
|
155
111
|
loadingContainer: {
|
|
156
112
|
flexDirection: 'row',
|
|
@@ -167,15 +123,6 @@ const styles = StyleSheet.create({
|
|
|
167
123
|
borderRadius: 8,
|
|
168
124
|
backgroundColor: 'rgba(0, 0, 0, 0.05)'
|
|
169
125
|
},
|
|
170
|
-
overlay: {
|
|
171
|
-
position: 'absolute',
|
|
172
|
-
top: 0,
|
|
173
|
-
left: 0,
|
|
174
|
-
right: 0,
|
|
175
|
-
bottom: 0,
|
|
176
|
-
justifyContent: 'center',
|
|
177
|
-
alignItems: 'center'
|
|
178
|
-
},
|
|
179
126
|
errorText: {
|
|
180
127
|
color: 'red'
|
|
181
128
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useAppAssets","useTheme","LottieView","React","
|
|
1
|
+
{"version":3,"names":["useAppAssets","useTheme","LottieView","React","useMemo","Image","StyleSheet","Text","View","LottieLoadingLogo","size","isLoading","speed","inFeed","asset","colorMode","animationData","dark","default","style","width","height","opacity","createElement","source","autoPlay","loop","SVGLoadingLogo","svg","uri","LoadingBody","loading","lottieJson","LoadingLogo","styles","errorText","Loading","text","inBox","containerStyle","body","loadingContainer","loadingText","boxContainer","create","flexDirection","alignItems","padding","fontSize","marginLeft","borderRadius","backgroundColor","color"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/Loading.tsx"],"mappings":"AAAA,SAAsBA,YAAY,EAAEC,QAAQ,QAAQ,gBAAgB;AACpE,OAAOC,UAAU,MAAM,qBAAqB;AAC5C,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,KAAK,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAEvE,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,IAAI,GAAG,EAAE;EACTC,SAAS;EACTC,KAAK,GAAG,CAAC;EACTC,MAAM;EACNC;AAQF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAU,CAAC,GAAGd,QAAQ,CAAC,CAAC;EAChC,MAAMe,aAAa,GAAGZ,OAAO,CAC3B,MACES,MAAM,GACDC,KAAK,CAACG,IAAI,IAAIH,KAAK,CAACI,OAAO,GAC5BH,SAAS,KAAK,MAAM,GACjBD,KAAK,CAACG,IAAI,IAAIH,KAAK,CAACI,OAAO,GAC5BJ,KAAK,CAACI,OAAO,EACrB,CAACJ,KAAK,EAAED,MAAM,EAAEE,SAAS,CAC3B,CAAC;EAED,MAAMI,KAAK,GAAGf,OAAO,CACnB,OAAO;IACLgB,KAAK,EAAEV,IAAI;IACXW,MAAM,EAAEX,IAAI;IACZY,OAAO,EAAEX,SAAS,GAAG,IAAI,GAAG;EAC9B,CAAC,CAAC,EACF,CAACD,IAAI,EAAEC,SAAS,CAClB,CAAC;EAED,oBAAOR,KAAA,CAAAoB,aAAA,CAACrB,UAAU;IAACsB,MAAM,EAAER,aAAc;IAACS,QAAQ,EAAEd,SAAU;IAACe,IAAI;IAACd,KAAK,EAAEA,KAAM;IAACO,KAAK,EAAEA;EAAM,CAAE,CAAC;AACpG,CAAC;AAED,MAAMQ,cAAc,GAAGA,CAAC;EACtBjB,IAAI,GAAG,EAAE;EACTC,SAAS;EACTG,KAAK;EACLD;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEE;EAAU,CAAC,GAAGd,QAAQ,CAAC,CAAC;EAChC,MAAM2B,GAAG,GAAGxB,OAAO,CACjB,MACES,MAAM,GACDC,KAAK,CAACG,IAAI,IAAIH,KAAK,CAACI,OAAO,GAC5BH,SAAS,KAAK,MAAM,GACjBD,KAAK,CAACG,IAAI,IAAIH,KAAK,CAACI,OAAO,GAC5BJ,KAAK,CAACI,OAAO,EACrB,CAACJ,KAAK,EAAED,MAAM,EAAEE,SAAS,CAC3B,CAAC;EAED,MAAMI,KAAK,GAAGf,OAAO,CACnB,OAAO;IACLgB,KAAK,EAAEV,IAAI;IACXW,MAAM,EAAEX,IAAI;IACZY,OAAO,EAAEX,SAAS,GAAG,IAAI,GAAG;EAC9B,CAAC,CAAC,EACF,CAACD,IAAI,EAAEC,SAAS,CAClB,CAAC;EAED,oBAAOR,KAAA,CAAAoB,aAAA,CAAClB,KAAK;IAACmB,MAAM,EAAE;MAAEK,GAAG,EAAED;IAAI,CAAE;IAACT,KAAK,EAAEA;EAAM,CAAE,CAAC;AACtD,CAAC;AAED,MAAMW,WAAW,GAAGA,CAAC;EAAEnB,SAAS;EAAED;AAA4C,CAAC,KAAK;EAClF,MAAM;IAAEqB;EAAQ,CAAC,GAAG/B,YAAY,CAAC,CAAC;EAClC,IAAI+B,OAAO,CAACC,UAAU,EACpB,oBAAO7B,KAAA,CAAAoB,aAAA,CAACd,iBAAiB;IAACE,SAAS,EAAEA,SAAU;IAACD,IAAI,EAAEA,IAAK;IAACI,KAAK,EAAEiB,OAAO,CAACC;EAAW,CAAE,CAAC;EAC3F,IAAID,OAAO,CAACH,GAAG,EAAE,oBAAOzB,KAAA,CAAAoB,aAAA,CAACI,cAAc;IAAChB,SAAS,EAAEA,SAAU;IAACD,IAAI,EAAEA,IAAK;IAACI,KAAK,EAAEiB,OAAO,CAACH;EAAI,CAAE,CAAC;EAChG,OAAO,IAAI;AACb,CAAC;AAED,OAAO,MAAMK,WAAW,GAAGA,CAAC;EAC1BtB,SAAS;EACTD,IAAI;EACJG;AAKF,CAAC,KAAK;EACJ,MAAM;IAAEkB;EAAQ,CAAC,GAAG/B,YAAY,CAAC,CAAC;EAClC,IAAI+B,OAAO,CAACC,UAAU,EACpB,oBACE7B,KAAA,CAAAoB,aAAA,CAACd,iBAAiB;IAChBI,MAAM,EAAEA,MAAO;IACfF,SAAS,EAAEA,SAAU;IACrBD,IAAI,EAAEA,IAAK;IACXI,KAAK,EAAEiB,OAAO,CAACC;EAAW,CAC3B,CAAC;EAEN,IAAID,OAAO,CAACH,GAAG,EACb,oBAAOzB,KAAA,CAAAoB,aAAA,CAACI,cAAc;IAACd,MAAM,EAAEA,MAAO;IAACF,SAAS,EAAEA,SAAU;IAACD,IAAI,EAAEA,IAAK;IAACI,KAAK,EAAEiB,OAAO,CAACH;EAAI,CAAE,CAAC;EACjG,oBAAOzB,KAAA,CAAAoB,aAAA,CAAChB,IAAI;IAACY,KAAK,EAAEe,MAAM,CAACC;EAAU,GAAC,mCAAuC,CAAC;AAChF,CAAC;AAED,OAAO,MAAMC,OAAO,GAAGA,CAAC;EACtBC,IAAI,GAAG,YAAY;EACnBC,KAAK;EACLC;AAKF,CAAC,KAAK;EACJ,MAAMC,IAAI,gBACRrC,KAAA,CAAAoB,aAAA,CAACf,IAAI;IAACW,KAAK,EAAE,CAACe,MAAM,CAACO,gBAAgB,EAAEF,cAAc;EAAE,gBACrDpC,KAAA,CAAAoB,aAAA,CAACO,WAAW;IAACnB,SAAS;EAAA,CAAE,CAAC,eACzBR,KAAA,CAAAoB,aAAA,CAAChB,IAAI;IAACY,KAAK,EAAEe,MAAM,CAACQ;EAAY,GAAEL,IAAW,CACzC,CACP;EACD,OAAOC,KAAK,gBAAGnC,KAAA,CAAAoB,aAAA,CAACf,IAAI;IAACW,KAAK,EAAEe,MAAM,CAACS;EAAa,GAAEH,IAAW,CAAC,GAAGA,IAAI;AACvE,CAAC;AAED,MAAMN,MAAM,GAAG5B,UAAU,CAACsC,MAAM,CAAC;EAC/BH,gBAAgB,EAAE;IAChBI,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE;EACX,CAAC;EACDL,WAAW,EAAE;IACXpB,OAAO,EAAE,GAAG;IACZ0B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDN,YAAY,EAAE;IACZI,OAAO,EAAE,EAAE;IACXG,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE;EACnB,CAAC;EACDhB,SAAS,EAAE;IACTiB,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { Animated, StyleSheet } from 'react-native';
|
|
3
|
+
import { useFadeIn } from '../../hooks/useFadeIn';
|
|
4
|
+
import { CircularProgress } from './CircularProgress';
|
|
5
|
+
const loadingFadeInProps = {
|
|
6
|
+
activeOpacity: 0.5,
|
|
7
|
+
duration: 100
|
|
8
|
+
};
|
|
9
|
+
export const LoadingOverlay = ({
|
|
10
|
+
loading,
|
|
11
|
+
fadeOptions,
|
|
12
|
+
style
|
|
13
|
+
}) => {
|
|
14
|
+
const opts = useMemo(() => ({
|
|
15
|
+
...loadingFadeInProps,
|
|
16
|
+
...fadeOptions
|
|
17
|
+
}), [fadeOptions]);
|
|
18
|
+
const opacity = useFadeIn(loading, opts);
|
|
19
|
+
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
20
|
+
style: [styles.overlay, style, {
|
|
21
|
+
opacity,
|
|
22
|
+
pointerEvents: loading ? 'auto' : 'none'
|
|
23
|
+
}]
|
|
24
|
+
}, /*#__PURE__*/React.createElement(CircularProgress, null));
|
|
25
|
+
};
|
|
26
|
+
const withOverlayLoadingFadeIn = {
|
|
27
|
+
enterDelay: 250
|
|
28
|
+
};
|
|
29
|
+
export const WithLoadingOverlay = ({
|
|
30
|
+
loading,
|
|
31
|
+
children,
|
|
32
|
+
style,
|
|
33
|
+
overlayStyle
|
|
34
|
+
}) => {
|
|
35
|
+
const bodyOpacity = useFadeIn(!loading, withOverlayLoadingFadeIn);
|
|
36
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Animated.View, {
|
|
37
|
+
style: [style, {
|
|
38
|
+
opacity: bodyOpacity
|
|
39
|
+
}]
|
|
40
|
+
}, children), /*#__PURE__*/React.createElement(LoadingOverlay, {
|
|
41
|
+
fadeOptions: withOverlayLoadingFadeIn,
|
|
42
|
+
loading: loading,
|
|
43
|
+
style: overlayStyle
|
|
44
|
+
}));
|
|
45
|
+
};
|
|
46
|
+
const styles = StyleSheet.create({
|
|
47
|
+
overlay: {
|
|
48
|
+
position: 'absolute',
|
|
49
|
+
justifyContent: 'center',
|
|
50
|
+
alignItems: 'center',
|
|
51
|
+
left: 0,
|
|
52
|
+
right: 0,
|
|
53
|
+
top: 0,
|
|
54
|
+
bottom: 0
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
//# sourceMappingURL=LoadingOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","Animated","StyleSheet","useFadeIn","CircularProgress","loadingFadeInProps","activeOpacity","duration","LoadingOverlay","loading","fadeOptions","style","opts","opacity","createElement","View","styles","overlay","pointerEvents","withOverlayLoadingFadeIn","enterDelay","WithLoadingOverlay","children","overlayStyle","bodyOpacity","Fragment","create","position","justifyContent","alignItems","left","right","top","bottom"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/LoadingOverlay.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ,EAAaC,UAAU,QAAmB,cAAc;AACzE,SAAwBC,SAAS,QAAQ,uBAAuB;AAChE,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,MAAMC,kBAAiC,GAAG;EACxCC,aAAa,EAAE,GAAG;EAClBC,QAAQ,EAAE;AACZ,CAAC;AAMD,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC,OAAO;EAAEC,WAAW;EAAEC;AAA2B,CAAC,KAAK;EACtF,MAAMC,IAAI,GAAGZ,OAAO,CAAC,OAAO;IAAE,GAAGK,kBAAkB;IAAE,GAAGK;EAAY,CAAC,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EACtF,MAAMG,OAAO,GAAGV,SAAS,CAACM,OAAO,EAAEG,IAAI,CAAC;EAExC,oBACEb,KAAA,CAAAe,aAAA,CAACb,QAAQ,CAACc,IAAI;IACZJ,KAAK,EAAE,CAACK,MAAM,CAACC,OAAO,EAAEN,KAAK,EAAE;MAAEE,OAAO;MAAEK,aAAa,EAAET,OAAO,GAAG,MAAM,GAAG;IAAO,CAAC;EAAE,gBACtFV,KAAA,CAAAe,aAAA,CAACV,gBAAgB,MAAE,CACN,CAAC;AAEpB,CAAC;AAED,MAAMe,wBAAuC,GAAG;EAC9CC,UAAU,EAAE;AACd,CAAC;AACD,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EACjCZ,OAAO;EACPa,QAAQ;EACRX,KAAK;EACLY;AAMF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGrB,SAAS,CAAC,CAACM,OAAO,EAAEU,wBAAwB,CAAC;EACjE,oBACEpB,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAA0B,QAAA,qBACE1B,KAAA,CAAAe,aAAA,CAACb,QAAQ,CAACc,IAAI;IAACJ,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEE,OAAO,EAAEW;IAAY,CAAC;EAAE,GAAEF,QAAwB,CAAC,eACnFvB,KAAA,CAAAe,aAAA,CAACN,cAAc;IACbE,WAAW,EAAES,wBAAyB;IACtCV,OAAO,EAAEA,OAAQ;IACjBE,KAAK,EAAEY;EAAa,CACrB,CACD,CAAC;AAEP,CAAC;AAED,MAAMP,MAAM,GAAGd,UAAU,CAACwB,MAAM,CAAC;EAC/BT,OAAO,EAAE;IACPU,QAAQ,EAAE,UAAU;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/index.ts"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/index.ts"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,iBAAiB","ignoreList":[]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { useEffect, useRef } from 'react';
|
|
2
|
+
import { Animated } from 'react-native';
|
|
3
|
+
const defaultFadeInOptions = {
|
|
4
|
+
activeOpacity: 1,
|
|
5
|
+
inactiveOpacity: 0,
|
|
6
|
+
duration: 250,
|
|
7
|
+
enterDelay: 0,
|
|
8
|
+
exitDelay: 0
|
|
9
|
+
};
|
|
10
|
+
export const useFadeIn = (active, opts) => {
|
|
11
|
+
const {
|
|
12
|
+
activeOpacity = 1,
|
|
13
|
+
inactiveOpacity = 0,
|
|
14
|
+
duration = 300,
|
|
15
|
+
enterDelay = 0,
|
|
16
|
+
exitDelay = 0
|
|
17
|
+
} = opts ?? defaultFadeInOptions;
|
|
18
|
+
const opacity = useRef(new Animated.Value(0));
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (active) {
|
|
21
|
+
Animated.timing(opacity.current, {
|
|
22
|
+
toValue: activeOpacity,
|
|
23
|
+
duration,
|
|
24
|
+
useNativeDriver: true,
|
|
25
|
+
delay: enterDelay
|
|
26
|
+
}).start();
|
|
27
|
+
} else {
|
|
28
|
+
Animated.timing(opacity.current, {
|
|
29
|
+
toValue: inactiveOpacity,
|
|
30
|
+
duration,
|
|
31
|
+
useNativeDriver: true,
|
|
32
|
+
delay: exitDelay
|
|
33
|
+
}).start();
|
|
34
|
+
}
|
|
35
|
+
}, [active, activeOpacity, inactiveOpacity, duration, enterDelay, exitDelay]);
|
|
36
|
+
return opacity.current;
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=useFadeIn.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","Animated","defaultFadeInOptions","activeOpacity","inactiveOpacity","duration","enterDelay","exitDelay","useFadeIn","active","opts","opacity","Value","timing","current","toValue","useNativeDriver","delay","start"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useFadeIn.ts"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,cAAc;AAUvC,MAAMC,oBAAmC,GAAG;EAC1CC,aAAa,EAAE,CAAC;EAChBC,eAAe,EAAE,CAAC;EAClBC,QAAQ,EAAE,GAAG;EACbC,UAAU,EAAE,CAAC;EACbC,SAAS,EAAE;AACb,CAAC;AACD,OAAO,MAAMC,SAAS,GAAGA,CAACC,MAAe,EAAEC,IAAoB,KAAK;EAClE,MAAM;IACJP,aAAa,GAAG,CAAC;IACjBC,eAAe,GAAG,CAAC;IACnBC,QAAQ,GAAG,GAAG;IACdC,UAAU,GAAG,CAAC;IACdC,SAAS,GAAG;EACd,CAAC,GAAGG,IAAI,IAAIR,oBAAoB;EAChC,MAAMS,OAAO,GAAGX,MAAM,CAAC,IAAIC,QAAQ,CAACW,KAAK,CAAC,CAAC,CAAC,CAAC;EAE7Cb,SAAS,CAAC,MAAM;IACd,IAAIU,MAAM,EAAE;MACVR,QAAQ,CAACY,MAAM,CAACF,OAAO,CAACG,OAAO,EAAE;QAC/BC,OAAO,EAAEZ,aAAa;QACtBE,QAAQ;QACRW,eAAe,EAAE,IAAI;QACrBC,KAAK,EAAEX;MACT,CAAC,CAAC,CAACY,KAAK,CAAC,CAAC;IACZ,CAAC,MAAM;MACLjB,QAAQ,CAACY,MAAM,CAACF,OAAO,CAACG,OAAO,EAAE;QAC/BC,OAAO,EAAEX,eAAe;QACxBC,QAAQ;QACRW,eAAe,EAAE,IAAI;QACrBC,KAAK,EAAEV;MACT,CAAC,CAAC,CAACW,KAAK,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACT,MAAM,EAAEN,aAAa,EAAEC,eAAe,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,CAAC,CAAC;EAE7E,OAAOI,OAAO,CAACG,OAAO;AACxB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { PropsWithChildren } from 'react';
|
|
2
|
+
import { StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
3
|
+
export interface ActionButtonProps extends PropsWithChildren<{
|
|
4
|
+
onPress: () => void;
|
|
5
|
+
style?: StyleProp<ViewStyle>;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
size?: 'lg' | 'md' | 'sm' | 'xs';
|
|
8
|
+
}> {
|
|
9
|
+
textStyle?: StyleProp<TextStyle>;
|
|
10
|
+
disabledColor?: string;
|
|
11
|
+
loading?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const ActionButton: ({ children, onPress, style, textStyle, disabled, loading, size, disabledColor, }: ActionButtonProps) => React.JSX.Element;
|
|
14
|
+
export declare const RoundedButton: ({ style, ...props }: ActionButtonProps) => React.JSX.Element;
|
|
15
|
+
//# sourceMappingURL=ActionButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../../src/components/button/ActionButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAa,SAAS,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAIrF,MAAM,WAAW,iBACf,SAAQ,iBAAiB,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC,CAAC;IACF,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AACD,eAAO,MAAM,YAAY,GAAI,kFAS1B,iBAAiB,sBA4BnB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,qBAAqB,iBAAiB,sBAEnE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA"}
|
|
@@ -19,10 +19,4 @@ export declare const Loading: ({ text, inBox, containerStyle, }: {
|
|
|
19
19
|
inBox?: boolean;
|
|
20
20
|
containerStyle?: ViewStyle;
|
|
21
21
|
}) => React.JSX.Element;
|
|
22
|
-
export declare const LoadingOverlay: ({ isLoading, text, inFeed, style, }: {
|
|
23
|
-
isLoading: boolean;
|
|
24
|
-
text?: string;
|
|
25
|
-
inFeed?: boolean;
|
|
26
|
-
style?: ViewStyle;
|
|
27
|
-
}) => React.JSX.Element | null;
|
|
28
22
|
//# sourceMappingURL=Loading.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA0B,MAAM,gBAAgB,CAAA;AAEpE,OAAO,
|
|
1
|
+
{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA0B,MAAM,gBAAgB,CAAA;AAEpE,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAiC,SAAS,EAAE,MAAM,cAAc,CAAA;AAEvE,eAAO,MAAM,iBAAiB,GAAI,4CAM/B;IACD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,WAAW,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,sBAsBA,CAAA;AA4CD,eAAO,MAAM,WAAW,GAAI,8BAIzB;IACD,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,sBAcA,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,kCAIrB;IACD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,cAAc,CAAC,EAAE,SAAS,CAAA;CAC3B,sBAQA,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
import { FadeInOptions } from '../../hooks/useFadeIn';
|
|
4
|
+
interface LoadingOverlayProps {
|
|
5
|
+
loading: boolean;
|
|
6
|
+
fadeOptions?: FadeInOptions;
|
|
7
|
+
style?: StyleProp<ViewStyle>;
|
|
8
|
+
}
|
|
9
|
+
export declare const LoadingOverlay: ({ loading, fadeOptions, style }: LoadingOverlayProps) => React.JSX.Element;
|
|
10
|
+
export declare const WithLoadingOverlay: ({ loading, children, style, overlayStyle, }: {
|
|
11
|
+
loading: boolean;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
style?: StyleProp<ViewStyle>;
|
|
14
|
+
overlayStyle?: StyleProp<ViewStyle>;
|
|
15
|
+
}) => React.JSX.Element;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=LoadingOverlay.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadingOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/LoadingOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAY,SAAS,EAAc,SAAS,EAAE,MAAM,cAAc,CAAA;AACzE,OAAO,EAAE,aAAa,EAAa,MAAM,uBAAuB,CAAA;AAOhE,UAAU,mBAAmB;IAC3B,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,aAAa,CAAA;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AACD,eAAO,MAAM,cAAc,GAAI,iCAAiC,mBAAmB,sBAUlF,CAAA;AAKD,eAAO,MAAM,kBAAkB,GAAI,6CAKhC;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACpC,sBAYA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Animated } from 'react-native';
|
|
2
|
+
export interface FadeInOptions {
|
|
3
|
+
activeOpacity?: number;
|
|
4
|
+
inactiveOpacity?: number;
|
|
5
|
+
duration?: number;
|
|
6
|
+
enterDelay?: number;
|
|
7
|
+
exitDelay?: number;
|
|
8
|
+
}
|
|
9
|
+
export declare const useFadeIn: (active: boolean, opts?: FadeInOptions) => Animated.Value;
|
|
10
|
+
//# sourceMappingURL=useFadeIn.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFadeIn.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFadeIn.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,MAAM,WAAW,aAAa;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AASD,eAAO,MAAM,SAAS,GAAI,QAAQ,OAAO,EAAE,OAAO,aAAa,mBA6B9D,CAAA"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@chem-po/react-native",
|
|
3
3
|
"author": "Elan Canfield",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"version": "0.0.
|
|
5
|
+
"version": "0.0.20",
|
|
6
6
|
"main": "lib/commonjs/index.js",
|
|
7
7
|
"types": "lib/typescript/index.d.ts",
|
|
8
8
|
"source": "src/index.ts",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"react-native-paper-dates": "^0.22.42",
|
|
50
50
|
"react-native-svg": "15.11.2",
|
|
51
51
|
"zustand": "^4.3.3",
|
|
52
|
-
"@chem-po/core": "0.0.
|
|
53
|
-
"@chem-po/react": "0.0.
|
|
52
|
+
"@chem-po/core": "0.0.20",
|
|
53
|
+
"@chem-po/react": "0.0.20"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@babel/core": "^7.26.0",
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { palette } from '@chem-po/core'
|
|
2
|
+
import { useBackgroundColor } from '@chem-po/react'
|
|
3
|
+
import React, { PropsWithChildren } from 'react'
|
|
4
|
+
import { Pressable, StyleProp, StyleSheet, TextStyle, ViewStyle } from 'react-native'
|
|
5
|
+
import { WithLoadingOverlay } from '../loading/LoadingOverlay'
|
|
6
|
+
import { Txt } from '../text'
|
|
7
|
+
|
|
8
|
+
export interface ActionButtonProps
|
|
9
|
+
extends PropsWithChildren<{
|
|
10
|
+
onPress: () => void
|
|
11
|
+
style?: StyleProp<ViewStyle>
|
|
12
|
+
disabled?: boolean
|
|
13
|
+
size?: 'lg' | 'md' | 'sm' | 'xs'
|
|
14
|
+
}> {
|
|
15
|
+
textStyle?: StyleProp<TextStyle>
|
|
16
|
+
disabledColor?: string
|
|
17
|
+
loading?: boolean
|
|
18
|
+
}
|
|
19
|
+
export const ActionButton = ({
|
|
20
|
+
children,
|
|
21
|
+
onPress,
|
|
22
|
+
style,
|
|
23
|
+
textStyle,
|
|
24
|
+
disabled = false,
|
|
25
|
+
loading,
|
|
26
|
+
size = 'md',
|
|
27
|
+
disabledColor = palette.gray.medium,
|
|
28
|
+
}: ActionButtonProps) => {
|
|
29
|
+
const defaultBackgroundColor = useBackgroundColor(300)
|
|
30
|
+
const backgroundColor = disabled ? disabledColor : defaultBackgroundColor
|
|
31
|
+
const body =
|
|
32
|
+
typeof children === 'string' ? (
|
|
33
|
+
<Txt
|
|
34
|
+
style={[
|
|
35
|
+
textStyles[size],
|
|
36
|
+
{ color: disabled ? disabledColor : defaultBackgroundColor },
|
|
37
|
+
textStyle,
|
|
38
|
+
]}>
|
|
39
|
+
{children}
|
|
40
|
+
</Txt>
|
|
41
|
+
) : (
|
|
42
|
+
children
|
|
43
|
+
)
|
|
44
|
+
return (
|
|
45
|
+
<Pressable
|
|
46
|
+
style={[containerStyles.base, containerStyles[size], { backgroundColor }, style]}
|
|
47
|
+
onPress={onPress}
|
|
48
|
+
disabled={disabled}>
|
|
49
|
+
{loading !== undefined ? (
|
|
50
|
+
<WithLoadingOverlay loading={loading}>{body}</WithLoadingOverlay>
|
|
51
|
+
) : (
|
|
52
|
+
body
|
|
53
|
+
)}
|
|
54
|
+
</Pressable>
|
|
55
|
+
)
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export const RoundedButton = ({ style, ...props }: ActionButtonProps) => {
|
|
59
|
+
return <ActionButton style={[styles.rounded, style]} {...props} />
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
const styles = StyleSheet.create({
|
|
63
|
+
rounded: {
|
|
64
|
+
borderRadius: 100,
|
|
65
|
+
},
|
|
66
|
+
})
|
|
67
|
+
|
|
68
|
+
const containerStyles = StyleSheet.create({
|
|
69
|
+
base: {
|
|
70
|
+
justifyContent: 'center',
|
|
71
|
+
alignItems: 'center',
|
|
72
|
+
},
|
|
73
|
+
lg: {
|
|
74
|
+
paddingVertical: 10,
|
|
75
|
+
paddingHorizontal: 16,
|
|
76
|
+
borderRadius: 5,
|
|
77
|
+
},
|
|
78
|
+
md: {
|
|
79
|
+
paddingVertical: 8,
|
|
80
|
+
paddingHorizontal: 16,
|
|
81
|
+
borderRadius: 4,
|
|
82
|
+
},
|
|
83
|
+
sm: {
|
|
84
|
+
paddingVertical: 6,
|
|
85
|
+
paddingHorizontal: 12,
|
|
86
|
+
borderRadius: 3,
|
|
87
|
+
},
|
|
88
|
+
xs: {
|
|
89
|
+
paddingVertical: 4,
|
|
90
|
+
paddingHorizontal: 8,
|
|
91
|
+
borderRadius: 2,
|
|
92
|
+
},
|
|
93
|
+
})
|
|
94
|
+
|
|
95
|
+
const textStyles = StyleSheet.create({
|
|
96
|
+
lg: {
|
|
97
|
+
fontSize: 18,
|
|
98
|
+
},
|
|
99
|
+
md: {
|
|
100
|
+
fontSize: 16,
|
|
101
|
+
},
|
|
102
|
+
sm: {
|
|
103
|
+
fontSize: 14,
|
|
104
|
+
},
|
|
105
|
+
xs: {
|
|
106
|
+
fontSize: 12,
|
|
107
|
+
},
|
|
108
|
+
})
|
|
@@ -18,7 +18,7 @@ import {
|
|
|
18
18
|
} from 'react-native-gesture-handler'
|
|
19
19
|
import { fill } from '../../styles/fill'
|
|
20
20
|
import { Center } from '../box/Center'
|
|
21
|
-
import { LoadingOverlay } from '../loading/
|
|
21
|
+
import { LoadingOverlay } from '../loading/LoadingOverlay'
|
|
22
22
|
import { REFRESH_THRESHOLD, SWIPE_THRESHOLD } from './constants'
|
|
23
23
|
import { MediaFeedProvider } from './context'
|
|
24
24
|
import { FeedContentPane } from './FeedContentPane'
|
|
@@ -183,7 +183,7 @@ export const MediaFeed = <T extends AnyObject = AnyObject>({
|
|
|
183
183
|
</View>
|
|
184
184
|
<MediaFeedRefresh canRefresh={!canGoPrev} refreshing={refreshing} offsetY={offsetY} />
|
|
185
185
|
{/* {onSwipeUp ? <MediaFeedSwipeUp offsetY={offsetY} /> : null} */}
|
|
186
|
-
<LoadingOverlay
|
|
186
|
+
<LoadingOverlay loading={loading} />
|
|
187
187
|
{children ? <Center style={[fill.absolute, { zIndex: 3 }]}>{children}</Center> : null}
|
|
188
188
|
</Center>
|
|
189
189
|
</GestureDetector>
|