@kiosinc/commons-rn 0.1.45 → 0.1.46
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/auth/screens/Login.js +2 -1
- package/lib/commonjs/auth/screens/Login.js.map +1 -1
- package/lib/commonjs/components/BottomSheet.js +15 -8
- package/lib/commonjs/components/BottomSheet.js.map +1 -1
- package/lib/commonjs/components/RefreshControl.js +7 -8
- package/lib/commonjs/components/RefreshControl.js.map +1 -1
- package/lib/commonjs/index.js +31 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/selectBusiness/CreateBusinessBottomSheet.js +11 -3
- package/lib/commonjs/selectBusiness/CreateBusinessBottomSheet.js.map +1 -1
- package/lib/commonjs/selectBusiness/SelectBusiness.js +2 -1
- package/lib/commonjs/selectBusiness/SelectBusiness.js.map +1 -1
- package/lib/commonjs/{selectBusiness → utils}/useMultiSnapBottomSheetRef.js +2 -5
- package/lib/commonjs/utils/useMultiSnapBottomSheetRef.js.map +1 -0
- package/lib/commonjs/utils/useSingleSnapBottomSheetRef.js.map +1 -0
- package/lib/module/auth/screens/Login.js +2 -1
- package/lib/module/auth/screens/Login.js.map +1 -1
- package/lib/module/components/BottomSheet.js +17 -10
- package/lib/module/components/BottomSheet.js.map +1 -1
- package/lib/module/components/RefreshControl.js +5 -6
- package/lib/module/components/RefreshControl.js.map +1 -1
- package/lib/module/index.js +2 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/selectBusiness/CreateBusinessBottomSheet.js +12 -4
- package/lib/module/selectBusiness/CreateBusinessBottomSheet.js.map +1 -1
- package/lib/module/selectBusiness/SelectBusiness.js +2 -1
- package/lib/module/selectBusiness/SelectBusiness.js.map +1 -1
- package/lib/module/{selectBusiness → utils}/useMultiSnapBottomSheetRef.js +2 -5
- package/lib/module/utils/useMultiSnapBottomSheetRef.js.map +1 -0
- package/lib/module/utils/useSingleSnapBottomSheetRef.js.map +1 -0
- package/lib/typescript/src/auth/screens/Login.d.ts.map +1 -1
- package/lib/typescript/src/components/BottomSheet.d.ts +0 -1
- package/lib/typescript/src/components/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/src/components/RefreshControl.d.ts +2 -4
- package/lib/typescript/src/components/RefreshControl.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +2 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/selectBusiness/CreateBusinessBottomSheet.d.ts +1 -0
- package/lib/typescript/src/selectBusiness/CreateBusinessBottomSheet.d.ts.map +1 -1
- package/lib/typescript/src/selectBusiness/SelectBusiness.d.ts.map +1 -1
- package/lib/typescript/src/utils/useMultiSnapBottomSheetRef.d.ts +18 -0
- package/lib/typescript/src/utils/useMultiSnapBottomSheetRef.d.ts.map +1 -0
- package/lib/typescript/src/utils/useSingleSnapBottomSheetRef.d.ts.map +1 -0
- package/package.json +2 -2
- package/src/auth/screens/Login.tsx +2 -1
- package/src/components/BottomSheet.tsx +20 -18
- package/src/components/RefreshControl.tsx +4 -4
- package/src/index.tsx +9 -0
- package/src/selectBusiness/CreateBusinessBottomSheet.tsx +12 -9
- package/src/selectBusiness/SelectBusiness.tsx +2 -1
- package/src/{selectBusiness → utils}/useMultiSnapBottomSheetRef.ts +3 -14
- package/lib/commonjs/selectBusiness/useMultiSnapBottomSheetRef.js.map +0 -1
- package/lib/commonjs/selectBusiness/useSingleSnapBottomSheetRef.js.map +0 -1
- package/lib/module/selectBusiness/useMultiSnapBottomSheetRef.js.map +0 -1
- package/lib/module/selectBusiness/useSingleSnapBottomSheetRef.js.map +0 -1
- package/lib/typescript/src/selectBusiness/useMultiSnapBottomSheetRef.d.ts +0 -28
- package/lib/typescript/src/selectBusiness/useMultiSnapBottomSheetRef.d.ts.map +0 -1
- package/lib/typescript/src/selectBusiness/useSingleSnapBottomSheetRef.d.ts.map +0 -1
- /package/lib/commonjs/{selectBusiness → utils}/useSingleSnapBottomSheetRef.js +0 -0
- /package/lib/module/{selectBusiness → utils}/useSingleSnapBottomSheetRef.js +0 -0
- /package/lib/typescript/src/{selectBusiness → utils}/useSingleSnapBottomSheetRef.d.ts +0 -0
- /package/src/{selectBusiness → utils}/useSingleSnapBottomSheetRef.ts +0 -0
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["multiply","a","b","Promise","resolve"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"names":["useMultiSnapBottomSheetRef","TMultiSnapBottomSheetRef","useSingleSnapBottomSheetRef","TSingleSnapBottomSheetRef","multiply","a","b","Promise","resolve"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SACEA,0BAA0B,EAC1BC,wBAAwB,QACnB,oCAAoC;AAC3C,SACEC,2BAA2B,EAC3BC,yBAAyB,QACpB,qCAAqC;AAE5C,OAAO,SAASC,QAAQA,CAACC,CAAS,EAAEC,CAAS,EAAmB;EAC9D,OAAOC,OAAO,CAACC,OAAO,CAACH,CAAC,GAAGC,CAAC,CAAC;AAC/B;AACA,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,kBAAkB"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
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); }
|
|
2
|
+
import React, { forwardRef, useEffect, useRef, useState } from 'react';
|
|
2
3
|
import { Text, Button, KeyboardAvoidingView, TextInput, View, BottomSheet } from '../components';
|
|
3
4
|
import { BottomSheetTextInput } from '@gorhom/bottom-sheet';
|
|
4
|
-
import { getPercentageFromHeight } from '../utils';
|
|
5
5
|
import { useTranslation } from 'react-i18next';
|
|
6
6
|
import { useCreateBusiness } from './useCreateBusiness';
|
|
7
7
|
export const CreateBusinessBottomSheet = /*#__PURE__*/forwardRef(({
|
|
8
|
+
isVisible,
|
|
8
9
|
close
|
|
9
10
|
}, ref) => {
|
|
10
11
|
const [name, setName] = useState('');
|
|
@@ -19,15 +20,20 @@ export const CreateBusinessBottomSheet = /*#__PURE__*/forwardRef(({
|
|
|
19
20
|
const {
|
|
20
21
|
t
|
|
21
22
|
} = useTranslation();
|
|
23
|
+
const textInputRef = useRef();
|
|
22
24
|
const onCreate = () => {
|
|
23
25
|
createNewMenuGroup({
|
|
24
26
|
name: name.trim()
|
|
25
27
|
});
|
|
26
28
|
setName('');
|
|
27
29
|
};
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
if (isVisible) {
|
|
32
|
+
textInputRef?.current?.focus();
|
|
33
|
+
}
|
|
34
|
+
}, [isVisible]);
|
|
28
35
|
return /*#__PURE__*/React.createElement(BottomSheet, {
|
|
29
36
|
pressBehavior: "close",
|
|
30
|
-
snapPoints: [getPercentageFromHeight(220)],
|
|
31
37
|
ref: ref
|
|
32
38
|
}, /*#__PURE__*/React.createElement(View, {
|
|
33
39
|
px: "16",
|
|
@@ -38,7 +44,9 @@ export const CreateBusinessBottomSheet = /*#__PURE__*/forwardRef(({
|
|
|
38
44
|
variant: "titleLarge"
|
|
39
45
|
}, t('home.createBusiness')), /*#__PURE__*/React.createElement(KeyboardAvoidingView, null, /*#__PURE__*/React.createElement(TextInput, {
|
|
40
46
|
render: props => {
|
|
41
|
-
return /*#__PURE__*/React.createElement(BottomSheetTextInput, props
|
|
47
|
+
return /*#__PURE__*/React.createElement(BottomSheetTextInput, _extends({}, props, {
|
|
48
|
+
ref: textInputRef
|
|
49
|
+
}));
|
|
42
50
|
},
|
|
43
51
|
mt: "16",
|
|
44
52
|
mode: "outlined",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useState","Text","Button","KeyboardAvoidingView","TextInput","View","BottomSheet","BottomSheetTextInput","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useEffect","useRef","useState","Text","Button","KeyboardAvoidingView","TextInput","View","BottomSheet","BottomSheetTextInput","useTranslation","useCreateBusiness","CreateBusinessBottomSheet","isVisible","close","ref","name","setName","mutate","createNewMenuGroup","isLoading","onSuccess","t","textInputRef","onCreate","trim","current","focus","createElement","pressBehavior","px","bg","flex","pt","variant","render","props","_extends","mt","mode","onChangeText","value","label","flexDirection","justifyContent","onPress","loading","disabled","length"],"sourceRoot":"../../../src","sources":["selectBusiness/CreateBusinessBottomSheet.tsx"],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ import { useQueryClient } from '@tanstack/react-query';
|
|
|
9
9
|
import { CreateBusinessBottomSheet } from './CreateBusinessBottomSheet';
|
|
10
10
|
import { useBusinesses } from './useBusinesses';
|
|
11
11
|
import { MMKV_KEYS } from '../constants';
|
|
12
|
-
import { useSingleSnapBottomSheetRef } from '
|
|
12
|
+
import { useSingleSnapBottomSheetRef } from '../utils/useSingleSnapBottomSheetRef';
|
|
13
13
|
import Tick from '../assets/icons/tick.svg';
|
|
14
14
|
import FastImage from 'react-native-fast-image';
|
|
15
15
|
import auth from '@react-native-firebase/auth';
|
|
@@ -129,6 +129,7 @@ export const SelectBusiness = () => {
|
|
|
129
129
|
mode: "text",
|
|
130
130
|
onPress: handleLogout
|
|
131
131
|
}, t('profile.logout')))), /*#__PURE__*/React.createElement(CreateBusinessBottomSheet, {
|
|
132
|
+
isVisible: createBusinessBottomSheet.isVisible,
|
|
132
133
|
ref: createBusinessBottomSheet.ref,
|
|
133
134
|
close: createBusinessBottomSheet.close
|
|
134
135
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","Card","FAB","Header","LineLoader","ParentView","RefreshControl","Searchbar","Text","View","LinkButton","FlashList","useTranslation","useTheme","useMMKVString","useNavigation","useQueryClient","CreateBusinessBottomSheet","useBusinesses","MMKV_KEYS","useSingleSnapBottomSheetRef","Tick","FastImage","auth","BusinessCard","business","isSelectedBusiness","onSelect","theme","createElement","bg","p","height","mx","mb","mt","onPress","flexDirection","justifyContent","alignItems","variant","name","width","color","colors","onBackground","SelectBusiness","t","selectedBusinessId","setBusinessId","BUSINESS_ID","searchText","setSearchText","data","isFetching","isRefetching","refetch","navigation","queryClient","createBusinessBottomSheet","businesses","setBusinesses","handleLogout","invalidateQueries","undefined","signOut","clearMemoryCache","clearDiskCache","length","filteredBusinesses","filter","toLowerCase","search","trim","flex","backgroundColor","title","position","alignSelf","px","isLoading","value","placeholder","onChangeText","refreshControl","refreshing","onRefresh","showsVerticalScrollIndicator","renderItem","item","id","canGoBack","goBack","clear","estimatedItemSize","bottom","right","icon","expand","mode","ref","close"],"sourceRoot":"../../../src","sources":["selectBusiness/SelectBusiness.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SACEC,IAAI,EACJC,GAAG,EACHC,MAAM,EACNC,UAAU,EACVC,UAAU,EACVC,cAAc,EACdC,SAAS,EACTC,IAAI,EACJC,IAAI,EACJC,UAAU,QACL,eAAe;AACtB,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAA8BC,aAAa,QAAQ,0BAA0B;AAC7E,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,2BAA2B,QAAQ
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","Card","FAB","Header","LineLoader","ParentView","RefreshControl","Searchbar","Text","View","LinkButton","FlashList","useTranslation","useTheme","useMMKVString","useNavigation","useQueryClient","CreateBusinessBottomSheet","useBusinesses","MMKV_KEYS","useSingleSnapBottomSheetRef","Tick","FastImage","auth","BusinessCard","business","isSelectedBusiness","onSelect","theme","createElement","bg","p","height","mx","mb","mt","onPress","flexDirection","justifyContent","alignItems","variant","name","width","color","colors","onBackground","SelectBusiness","t","selectedBusinessId","setBusinessId","BUSINESS_ID","searchText","setSearchText","data","isFetching","isRefetching","refetch","navigation","queryClient","createBusinessBottomSheet","businesses","setBusinesses","handleLogout","invalidateQueries","undefined","signOut","clearMemoryCache","clearDiskCache","length","filteredBusinesses","filter","toLowerCase","search","trim","flex","backgroundColor","title","position","alignSelf","px","isLoading","value","placeholder","onChangeText","refreshControl","refreshing","onRefresh","showsVerticalScrollIndicator","renderItem","item","id","canGoBack","goBack","clear","estimatedItemSize","bottom","right","icon","expand","mode","isVisible","ref","close"],"sourceRoot":"../../../src","sources":["selectBusiness/SelectBusiness.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SACEC,IAAI,EACJC,GAAG,EACHC,MAAM,EACNC,UAAU,EACVC,UAAU,EACVC,cAAc,EACdC,SAAS,EACTC,IAAI,EACJC,IAAI,EACJC,UAAU,QACL,eAAe;AACtB,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAA8BC,aAAa,QAAQ,0BAA0B;AAC7E,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,2BAA2B,QAAQ,sCAAsC;AAClF,OAAOC,IAAI,MAAM,0BAA0B;AAC3C,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,IAAI,MAAM,6BAA6B;AAE9C,MAAMC,YAAY,GAAGA,CAAC;EACpBC,QAAQ;EACRC,kBAAkB;EAClBC;AAKF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EACxB,oBACEf,KAAA,CAAA+B,aAAA,CAAC5B,IAAI;IACH6B,EAAE,EAAC,aAAa;IAChBC,CAAC,EAAC,IAAI;IACNC,MAAM,EAAE,EAAG;IACXC,EAAE,EAAC,GAAG;IACNC,EAAE,EAAC,IAAI;IACPC,EAAE,EAAC,GAAG;IACNC,OAAO,EAAET;EAAS,gBAElB7B,KAAA,CAAA+B,aAAA,CAACpB,IAAI;IACHuB,MAAM,EAAC,MAAM;IACbK,aAAa,EAAC,KAAK;IACnBC,cAAc,EAAE,eAAgB;IAChCC,UAAU,EAAE;EAAS,gBAErBzC,KAAA,CAAA+B,aAAA,CAACrB,IAAI;IAACgC,OAAO,EAAC;EAAY,GAAEf,QAAQ,CAACgB,IAAW,CAAC,EAChDf,kBAAkB,iBACjB5B,KAAA,CAAA+B,aAAA,CAACR,IAAI;IAACW,MAAM,EAAE,EAAG;IAACU,KAAK,EAAE,EAAG;IAACC,KAAK,EAAEf,KAAK,CAACgB,MAAM,CAACC;EAAa,CAAE,CAE9D,CACF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAM;IAAEC;EAAE,CAAC,GAAGnC,cAAc,CAAC,CAAC;EAC9B,MAAM,CAACoC,kBAAkB,EAAEC,aAAa,CAAC,GAAGnC,aAAa,CACvDK,SAAS,CAAC+B,WACZ,CAAC;EACD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGpD,QAAQ,CAAC,EAAE,CAAC;EAChD,MAAM;IAAEqD,IAAI,GAAG,EAAE;IAAEC,UAAU;IAAEC,YAAY;IAAEC;EAAQ,CAAC,GAAGtC,aAAa,CAAC,CAAC;EAExE,MAAMuC,UAAU,GAAG1C,aAAa,CAAgC,CAAC;EACjE,MAAM2C,WAAW,GAAG1C,cAAc,CAAC,CAAC;EACpC,MAAM2C,yBAAyB,GAAGvC,2BAA2B,CAAC,CAAC;EAE/D,MAAM,CAACwC,UAAU,EAAEC,aAAa,CAAC,GAAG7D,QAAQ,CAK1C,EAAE,CAAC;EAEL,MAAM8D,YAAY,GAAGA,CAAA,KAAM;IACzBJ,WAAW,CAACK,iBAAiB,CAAC,CAAC;IAC/Bd,aAAa,CAACe,SAAS,CAAC;IACxBzC,IAAI,CAAC,CAAC,CAAC0C,OAAO,CAAC,CAAC;IAChB3C,SAAS,CAAC4C,gBAAgB,CAAC,CAAC;IAC5B5C,SAAS,CAAC6C,cAAc,CAAC,CAAC;EAC5B,CAAC;EAEDpE,SAAS,CAAC,MAAM;IACd,IAAIsD,IAAI,CAACe,MAAM,GAAG,CAAC,EAAE;MACnB,MAAMC,kBAAkB,GAAGhB,IAAI,CAACiB,MAAM,CACnC7C,QAAa,IACZA,QAAQ,CAACgB,IAAI,CAAC8B,WAAW,CAAC,CAAC,CAACC,MAAM,CAACrB,UAAU,CAACsB,IAAI,CAAC,CAAC,CAACF,WAAW,CAAC,CAAC,CAAC,GACnE,CAAC,CACL,CAAC;MACDV,aAAa,CAACQ,kBAAkB,CAAC;IACnC;EACF,CAAC,EAAE,CAAClB,UAAU,EAAEE,IAAI,CAAC,CAAC;EAEtB,oBACEvD,KAAA,CAAA+B,aAAA,CAACxB,UAAU;IAACqE,IAAI,EAAE,CAAE;IAACC,eAAe,EAAC;EAAY,gBAC/C7E,KAAA,CAAA+B,aAAA,CAAC1B,MAAM;IAACyE,KAAK,EAAE7B,CAAC,CAAC,qBAAqB;EAAE,CAAE,CAAC,EAC1CI,UAAU,CAACiB,MAAM,KAAK,CAAC,IAAI,CAACd,UAAU,IAAIM,UAAU,EAAEQ,MAAM,KAAK,CAAC,iBACjEtE,KAAA,CAAA+B,aAAA,CAACpB,IAAI;IACHoE,QAAQ,EAAC,UAAU;IACnB7C,MAAM,EAAE,MAAO;IACfU,KAAK,EAAE,MAAO;IACdH,UAAU,EAAE,QAAS;IACrBD,cAAc,EAAE;EAAS,gBAEzBxC,KAAA,CAAA+B,aAAA,CAACrB,IAAI;IAACsE,SAAS,EAAE;EAAS,GAAE/B,CAAC,CAAC,iBAAiB,CAAQ,CACnD,CACP,eACDjD,KAAA,CAAA+B,aAAA,CAACpB,IAAI;IAACsE,EAAE,EAAC,IAAI;IAACL,IAAI,EAAE;EAAE,gBACpB5E,KAAA,CAAA+B,aAAA,CAACzB,UAAU;IAAC4E,SAAS,EAAE1B;EAAW,CAAE,CAAC,eACrCxD,KAAA,CAAA+B,aAAA,CAACtB,SAAS;IACR2B,EAAE,EAAC,IAAI;IACPJ,EAAE,EAAC,kBAAkB;IACrBmD,KAAK,EAAE9B,UAAW;IAClB+B,WAAW,EAAEnC,CAAC,CAAC,qBAAqB,CAAE;IACtCoC,YAAY,EAAE/B;EAAc,CAC7B,CAAC,EACD,CAACE,UAAU,iBACVxD,KAAA,CAAA+B,aAAA,CAAClB,SAAS;IACRyE,cAAc,eACZtF,KAAA,CAAA+B,aAAA,CAACvB,cAAc;MAAC+E,UAAU,EAAE9B,YAAa;MAAC+B,SAAS,EAAE9B;IAAQ,CAAE,CAChE;IACD+B,4BAA4B,EAAE,KAAM;IACpClC,IAAI,EAAEO,UAAW;IACjB4B,UAAU,EAAEA,CAAC;MAAEC;IAAK,CAAC,kBACnB3F,KAAA,CAAA+B,aAAA,CAACL,YAAY;MACXE,kBAAkB,EAAE+D,IAAI,CAACC,EAAE,KAAK1C,kBAAmB;MACnDrB,QAAQ,EAAEA,CAAA,KAAM;QACd,IAAI8B,UAAU,CAACkC,SAAS,CAAC,CAAC,EAAE;UAC1BlC,UAAU,CAACmC,MAAM,CAAC,CAAC;QACrB;QACAlC,WAAW,CAACmC,KAAK,CAAC,CAAC;QACnB5C,aAAa,CAACwC,IAAI,CAACC,EAAE,CAAC;MACxB,CAAE;MACFjE,QAAQ,EAAEgE;IAAK,CAChB,CACD;IACFK,iBAAiB,EAAE;EAAI,CACxB,CACF,eACDhG,KAAA,CAAA+B,aAAA,CAACpB,IAAI;IAACoE,QAAQ,EAAC,UAAU;IAACkB,MAAM,EAAE,EAAG;IAACC,KAAK,EAAE;EAAG,GAC7C,CAACvC,UAAU,CAACkC,SAAS,CAAC,CAAC,IACrB,CAACrC,UAAU,IAAIM,UAAU,EAAEQ,MAAM,KAAK,CAAE,kBACzCtE,KAAA,CAAA+B,aAAA,CAAC3B,GAAG;IACFsC,OAAO,EAAC,WAAW;IACnByD,IAAI,EAAC,MAAM;IACX7D,OAAO,EAAEuB,yBAAyB,CAACuC;EAAO,CAC3C,CAEC,CAAC,EACN,CAAClD,kBAAkB,iBAClBlD,KAAA,CAAA+B,aAAA,CAACpB,IAAI;IAACiE,IAAI,EAAE,CAAE;IAACpC,cAAc,EAAC;EAAU,gBACtCxC,KAAA,CAAA+B,aAAA,CAACnB,UAAU;IAACyF,IAAI,EAAC,MAAM;IAAC/D,OAAO,EAAE0B;EAAa,GAC3Cf,CAAC,CAAC,gBAAgB,CACT,CACR,CAEJ,CAAC,eACPjD,KAAA,CAAA+B,aAAA,CAACZ,yBAAyB;IACxBmF,SAAS,EAAEzC,yBAAyB,CAACyC,SAAU;IAC/CC,GAAG,EAAE1C,yBAAyB,CAAC0C,GAAI;IACnCC,KAAK,EAAE3C,yBAAyB,CAAC2C;EAAM,CACxC,CACS,CAAC;AAEjB,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { useRef, useState } from 'react';
|
|
2
2
|
export const useMultiSnapBottomSheetRef = ({
|
|
3
|
-
initialSnap
|
|
4
|
-
snapPoints
|
|
3
|
+
initialSnap
|
|
5
4
|
}) => {
|
|
6
5
|
const ref = useRef(null);
|
|
7
6
|
const [selectedSnap, setSelectedSnap] = useState(initialSnap);
|
|
@@ -19,10 +18,8 @@ export const useMultiSnapBottomSheetRef = ({
|
|
|
19
18
|
isVisible,
|
|
20
19
|
ref,
|
|
21
20
|
selectedSnap,
|
|
22
|
-
snapPoints,
|
|
23
21
|
expand,
|
|
24
|
-
close
|
|
25
|
-
selectedSnapPoint: snapPoints[selectedSnap] ?? snapPoints[0]
|
|
22
|
+
close
|
|
26
23
|
};
|
|
27
24
|
};
|
|
28
25
|
//# sourceMappingURL=useMultiSnapBottomSheetRef.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useRef","useState","useMultiSnapBottomSheetRef","initialSnap","ref","selectedSnap","setSelectedSnap","isVisible","setIsVisible","expand","snap","current","close"],"sourceRoot":"../../../src","sources":["utils/useMultiSnapBottomSheetRef.ts"],"mappings":"AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAUxC,OAAO,MAAMC,0BAA0B,GAAGA,CAAmB;EAC3DC;AAGF,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAGJ,MAAM,CAAM,IAAI,CAAC;EAC7B,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGL,QAAQ,CAACE,WAAW,CAAC;EAC7D,MAAM,CAACI,SAAS,EAAEC,YAAY,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMQ,MAAM,GAAIC,IAAO,IAAK;IAC1BJ,eAAe,CAACI,IAAI,CAAC;IACrBF,YAAY,CAAC,IAAI,CAAC;IAClBJ,GAAG,CAACO,OAAO,EAAEF,MAAM,CAAC,CAAC;EACvB,CAAC;EACD,MAAMG,KAAK,GAAGA,CAAA,KAAM;IAClBR,GAAG,CAACO,OAAO,EAAEC,KAAK,CAAC,CAAC;IACpBJ,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC;EACD,OAAO;IACLD,SAAS;IACTH,GAAG;IACHC,YAAY;IACZI,MAAM;IACNG;EACF,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useRef","useState","useSingleSnapBottomSheetRef","isVisible","setIsVisible","ref","expand","current","close"],"sourceRoot":"../../../src","sources":["utils/useSingleSnapBottomSheetRef.ts"],"mappings":"AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AASxC,OAAO,MAAMC,2BAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGH,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMI,GAAG,GAAGL,MAAM,CAAM,IAAI,CAAC;EAC7B,MAAMM,MAAM,GAAGA,CAAA,KAAM;IACnBD,GAAG,CAACE,OAAO,EAAED,MAAM,CAAC,CAAC;IACrBF,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC;EACD,MAAMI,KAAK,GAAGA,CAAA,KAAM;IAClBJ,YAAY,CAAC,KAAK,CAAC;IACnBC,GAAG,CAACE,OAAO,EAAEC,KAAK,CAAC,CAAC;EACtB,CAAC;EACD,OAAO;IAAEL,SAAS;IAAEE,GAAG;IAAEC,MAAM;IAAEE;EAAM,CAAC;AAC1C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../../../../../src/auth/screens/Login.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../../../../../src/auth/screens/Login.tsx"],"names":[],"mappings":";AAuCA,eAAO,MAAM,KAAK,mBAoFjB,CAAC"}
|
|
@@ -2,7 +2,6 @@ import React from 'react';
|
|
|
2
2
|
export declare const BottomSheet: React.ForwardRefExoticComponent<{
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
pressBehavior?: "none" | "close" | "collapse" | undefined;
|
|
5
|
-
snapPoints: Array<string>;
|
|
6
5
|
bottomInset?: boolean | undefined;
|
|
7
6
|
close?: (() => void) | undefined;
|
|
8
7
|
} & React.RefAttributes<any>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,eAAO,MAAM,WAAW;cAGV,MAAM,SAAS;;;mBAGX,IAAI;6BAwErB,CAAC"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { type RefreshControlProps } from 'react-native';
|
|
3
|
-
|
|
4
|
-
export declare const RefreshControl: ({ ...rest }: Props) => JSX.Element;
|
|
5
|
-
export {};
|
|
3
|
+
export declare const RefreshControl: React.ForwardRefExoticComponent<RefreshControlProps & React.RefAttributes<unknown>>;
|
|
6
4
|
//# sourceMappingURL=RefreshControl.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RefreshControl.d.ts","sourceRoot":"","sources":["../../../../src/components/RefreshControl.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"RefreshControl.d.ts","sourceRoot":"","sources":["../../../../src/components/RefreshControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAK9E,eAAO,MAAM,cAAc,qFAIzB,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export { useMultiSnapBottomSheetRef, TMultiSnapBottomSheetRef, } from './utils/useMultiSnapBottomSheetRef';
|
|
2
|
+
export { useSingleSnapBottomSheetRef, TSingleSnapBottomSheetRef, } from './utils/useSingleSnapBottomSheetRef';
|
|
1
3
|
export declare function multiply(a: number, b: number): Promise<number>;
|
|
2
4
|
export * from './components';
|
|
3
5
|
export * from './auth';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAE9D;AACD,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,GACzB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,2BAA2B,EAC3B,yBAAyB,GAC1B,MAAM,qCAAqC,CAAC;AAE7C,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAE9D;AACD,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateBusinessBottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/selectBusiness/CreateBusinessBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"CreateBusinessBottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/selectBusiness/CreateBusinessBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAavE,KAAK,8BAA8B,GAAG;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,yBAAyB,gGA2DrC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectBusiness.d.ts","sourceRoot":"","sources":["../../../../src/selectBusiness/SelectBusiness.tsx"],"names":[],"mappings":";AA8DA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"SelectBusiness.d.ts","sourceRoot":"","sources":["../../../../src/selectBusiness/SelectBusiness.tsx"],"names":[],"mappings":";AA8DA,eAAO,MAAM,cAAc,mBA6G1B,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type TMultiSnapBottomSheetRef<T extends string> = {
|
|
3
|
+
ref: React.MutableRefObject<any>;
|
|
4
|
+
selectedSnap: T;
|
|
5
|
+
expand: (snap: T) => void;
|
|
6
|
+
close: () => any;
|
|
7
|
+
isVisible: boolean;
|
|
8
|
+
};
|
|
9
|
+
export declare const useMultiSnapBottomSheetRef: <T extends string>({ initialSnap, }: {
|
|
10
|
+
initialSnap: T;
|
|
11
|
+
}) => {
|
|
12
|
+
isVisible: boolean;
|
|
13
|
+
ref: import("react").MutableRefObject<any>;
|
|
14
|
+
selectedSnap: T;
|
|
15
|
+
expand: (snap: T) => void;
|
|
16
|
+
close: () => void;
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=useMultiSnapBottomSheetRef.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMultiSnapBottomSheetRef.d.ts","sourceRoot":"","sources":["../../../../src/utils/useMultiSnapBottomSheetRef.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,wBAAwB,CAAC,CAAC,SAAS,MAAM,IAAI;IACvD,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACjC,YAAY,EAAE,CAAC,CAAC;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;CAwBtC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSingleSnapBottomSheetRef.d.ts","sourceRoot":"","sources":["../../../../src/utils/useSingleSnapBottomSheetRef.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;;;CAavC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiosinc/commons-rn",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.46",
|
|
4
4
|
"description": "Common Code",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
]
|
|
182
182
|
},
|
|
183
183
|
"dependencies": {
|
|
184
|
-
"@gorhom/bottom-sheet": "^4.
|
|
184
|
+
"@gorhom/bottom-sheet": "^4.6.1",
|
|
185
185
|
"@hookform/resolvers": "^3.3.2",
|
|
186
186
|
"@react-navigation/material-top-tabs": "^6.6.13",
|
|
187
187
|
"@shopify/restyle": "^2.4.2",
|
|
@@ -23,6 +23,7 @@ import { StyleSheet } from 'react-native';
|
|
|
23
23
|
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
|
|
24
24
|
import { LoginWithPhoneNumber } from './LoginWithPhoneNumber';
|
|
25
25
|
import { LoginWithEmail } from './LoginWithEmail';
|
|
26
|
+
import { moderateScale } from 'react-native-size-matters';
|
|
26
27
|
|
|
27
28
|
const Tab = createMaterialTopTabNavigator();
|
|
28
29
|
|
|
@@ -69,7 +70,7 @@ export const Login = () => {
|
|
|
69
70
|
{t('authentication.logIn')}
|
|
70
71
|
</Text>
|
|
71
72
|
</View>
|
|
72
|
-
<View height={
|
|
73
|
+
<View height={moderateScale(360)} pt="24">
|
|
73
74
|
<Tab.Navigator
|
|
74
75
|
screenOptions={{
|
|
75
76
|
tabBarIndicatorStyle: tabBarStyles.tabBarIndicatorStyle,
|
|
@@ -1,28 +1,22 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
2
|
import { useTheme } from 'react-native-paper';
|
|
3
|
-
import {
|
|
4
|
-
import BS, { BottomSheetBackdrop } from '@gorhom/bottom-sheet';
|
|
3
|
+
import { View } from '../components';
|
|
4
|
+
import BS, { BottomSheetBackdrop, BottomSheetView } from '@gorhom/bottom-sheet';
|
|
5
5
|
import { Keyboard, StyleSheet } from 'react-native';
|
|
6
|
+
import { useSharedValue } from 'react-native-reanimated';
|
|
7
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
6
8
|
|
|
7
9
|
export const BottomSheet = React.forwardRef<
|
|
8
10
|
typeof BS,
|
|
9
11
|
{
|
|
10
12
|
children: React.ReactNode;
|
|
11
13
|
pressBehavior?: 'close' | 'collapse' | 'none';
|
|
12
|
-
snapPoints: Array<string>;
|
|
13
14
|
bottomInset?: boolean;
|
|
14
15
|
close?: () => void;
|
|
15
16
|
}
|
|
16
17
|
>(
|
|
17
18
|
(
|
|
18
|
-
{
|
|
19
|
-
children,
|
|
20
|
-
close,
|
|
21
|
-
bottomInset = true,
|
|
22
|
-
pressBehavior = 'none',
|
|
23
|
-
snapPoints,
|
|
24
|
-
...rest
|
|
25
|
-
},
|
|
19
|
+
{ children, close, bottomInset = true, pressBehavior = 'none', ...rest },
|
|
26
20
|
ref
|
|
27
21
|
) => {
|
|
28
22
|
const theme = useTheme();
|
|
@@ -41,9 +35,6 @@ export const BottomSheet = React.forwardRef<
|
|
|
41
35
|
appearsOnIndex={1}
|
|
42
36
|
>
|
|
43
37
|
<View
|
|
44
|
-
onTouchStart={() => {
|
|
45
|
-
Keyboard.dismiss();
|
|
46
|
-
}}
|
|
47
38
|
style={[
|
|
48
39
|
styles.backdrop,
|
|
49
40
|
{
|
|
@@ -57,6 +48,9 @@ export const BottomSheet = React.forwardRef<
|
|
|
57
48
|
[]
|
|
58
49
|
);
|
|
59
50
|
|
|
51
|
+
const animatedContentHeight = useSharedValue(0);
|
|
52
|
+
const insets = useSafeAreaInsets();
|
|
53
|
+
|
|
60
54
|
return (
|
|
61
55
|
<BS
|
|
62
56
|
android_keyboardInputMode="adjustPan"
|
|
@@ -71,21 +65,26 @@ export const BottomSheet = React.forwardRef<
|
|
|
71
65
|
backgroundColor: theme.colors.onBackground,
|
|
72
66
|
}}
|
|
73
67
|
backdropComponent={renderBackdrop}
|
|
68
|
+
enableDynamicSizing={true}
|
|
74
69
|
enablePanDownToClose={true}
|
|
75
|
-
snapPoints={snapPoints}
|
|
76
70
|
ref={ref as any}
|
|
77
71
|
index={-1}
|
|
72
|
+
contentHeight={animatedContentHeight}
|
|
78
73
|
onChange={(index: number) => index === -1 && Keyboard.dismiss()}
|
|
79
74
|
{...rest}
|
|
80
75
|
>
|
|
81
|
-
<
|
|
76
|
+
<BottomSheetView
|
|
77
|
+
style={[
|
|
78
|
+
styles.view,
|
|
79
|
+
{ ...(bottomInset && { pb: String(insets.bottom) }) },
|
|
80
|
+
]}
|
|
81
|
+
>
|
|
82
82
|
{children}
|
|
83
|
-
</
|
|
83
|
+
</BottomSheetView>
|
|
84
84
|
</BS>
|
|
85
85
|
);
|
|
86
86
|
}
|
|
87
87
|
);
|
|
88
|
-
|
|
89
88
|
const styles = StyleSheet.create({
|
|
90
89
|
backdrop: {
|
|
91
90
|
flex: 1,
|
|
@@ -94,4 +93,7 @@ const styles = StyleSheet.create({
|
|
|
94
93
|
borderTopRightRadius: 10,
|
|
95
94
|
borderTopLeftRadius: 10,
|
|
96
95
|
},
|
|
96
|
+
view: {
|
|
97
|
+
flex: 1,
|
|
98
|
+
},
|
|
97
99
|
});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
2
|
import { RefreshControl as RC, type RefreshControlProps } from 'react-native';
|
|
3
3
|
import { useTheme } from 'react-native-paper';
|
|
4
4
|
|
|
5
5
|
type Props = RefreshControlProps;
|
|
6
6
|
|
|
7
|
-
export const RefreshControl = (
|
|
7
|
+
export const RefreshControl = forwardRef((props: Props, ref: any) => {
|
|
8
8
|
const theme = useTheme();
|
|
9
9
|
|
|
10
|
-
return <RC tintColor={theme.colors.primary} {...
|
|
11
|
-
};
|
|
10
|
+
return <RC ref={ref} tintColor={theme.colors.primary} {...props} />;
|
|
11
|
+
});
|
package/src/index.tsx
CHANGED
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
export {
|
|
2
|
+
useMultiSnapBottomSheetRef,
|
|
3
|
+
TMultiSnapBottomSheetRef,
|
|
4
|
+
} from './utils/useMultiSnapBottomSheetRef';
|
|
5
|
+
export {
|
|
6
|
+
useSingleSnapBottomSheetRef,
|
|
7
|
+
TSingleSnapBottomSheetRef,
|
|
8
|
+
} from './utils/useSingleSnapBottomSheetRef';
|
|
9
|
+
|
|
1
10
|
export function multiply(a: number, b: number): Promise<number> {
|
|
2
11
|
return Promise.resolve(a * b);
|
|
3
12
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { forwardRef, useState } from 'react';
|
|
1
|
+
import React, { forwardRef, useEffect, useRef, useState } from 'react';
|
|
2
2
|
import {
|
|
3
3
|
Text,
|
|
4
4
|
Button,
|
|
@@ -8,16 +8,16 @@ import {
|
|
|
8
8
|
BottomSheet,
|
|
9
9
|
} from '../components';
|
|
10
10
|
import { BottomSheetTextInput } from '@gorhom/bottom-sheet';
|
|
11
|
-
import { getPercentageFromHeight } from '../utils';
|
|
12
11
|
import { useTranslation } from 'react-i18next';
|
|
13
12
|
import { useCreateBusiness } from './useCreateBusiness';
|
|
14
13
|
|
|
15
14
|
type CreateBusinessBottomSheetProps = {
|
|
15
|
+
isVisible: boolean;
|
|
16
16
|
close: () => void;
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
export const CreateBusinessBottomSheet = forwardRef(
|
|
20
|
-
({ close }: CreateBusinessBottomSheetProps, ref) => {
|
|
20
|
+
({ isVisible, close }: CreateBusinessBottomSheetProps, ref) => {
|
|
21
21
|
const [name, setName] = useState('');
|
|
22
22
|
const { mutate: createNewMenuGroup, isLoading } = useCreateBusiness({
|
|
23
23
|
onSuccess: () => {
|
|
@@ -25,6 +25,7 @@ export const CreateBusinessBottomSheet = forwardRef(
|
|
|
25
25
|
},
|
|
26
26
|
});
|
|
27
27
|
const { t } = useTranslation();
|
|
28
|
+
const textInputRef = useRef<typeof BottomSheetTextInput>();
|
|
28
29
|
|
|
29
30
|
const onCreate = () => {
|
|
30
31
|
createNewMenuGroup({
|
|
@@ -33,12 +34,14 @@ export const CreateBusinessBottomSheet = forwardRef(
|
|
|
33
34
|
setName('');
|
|
34
35
|
};
|
|
35
36
|
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
if (isVisible) {
|
|
39
|
+
textInputRef?.current?.focus();
|
|
40
|
+
}
|
|
41
|
+
}, [isVisible]);
|
|
42
|
+
|
|
36
43
|
return (
|
|
37
|
-
<BottomSheet
|
|
38
|
-
pressBehavior="close"
|
|
39
|
-
snapPoints={[getPercentageFromHeight(220)]}
|
|
40
|
-
ref={ref as any}
|
|
41
|
-
>
|
|
44
|
+
<BottomSheet pressBehavior="close" ref={ref as any}>
|
|
42
45
|
<View px="16" bg="background" flex={1}>
|
|
43
46
|
<Text pt="16" variant="titleLarge">
|
|
44
47
|
{t('home.createBusiness')}
|
|
@@ -46,7 +49,7 @@ export const CreateBusinessBottomSheet = forwardRef(
|
|
|
46
49
|
<KeyboardAvoidingView>
|
|
47
50
|
<TextInput
|
|
48
51
|
render={(props) => {
|
|
49
|
-
return <BottomSheetTextInput {...props} />;
|
|
52
|
+
return <BottomSheetTextInput {...props} ref={textInputRef} />;
|
|
50
53
|
}}
|
|
51
54
|
mt="16"
|
|
52
55
|
mode="outlined"
|
|
@@ -20,7 +20,7 @@ import { useQueryClient } from '@tanstack/react-query';
|
|
|
20
20
|
import { CreateBusinessBottomSheet } from './CreateBusinessBottomSheet';
|
|
21
21
|
import { useBusinesses } from './useBusinesses';
|
|
22
22
|
import { MMKV_KEYS } from '../constants';
|
|
23
|
-
import { useSingleSnapBottomSheetRef } from '
|
|
23
|
+
import { useSingleSnapBottomSheetRef } from '../utils/useSingleSnapBottomSheetRef';
|
|
24
24
|
import Tick from '../assets/icons/tick.svg';
|
|
25
25
|
import FastImage from 'react-native-fast-image';
|
|
26
26
|
import auth from '@react-native-firebase/auth';
|
|
@@ -163,6 +163,7 @@ export const SelectBusiness = () => {
|
|
|
163
163
|
)}
|
|
164
164
|
</View>
|
|
165
165
|
<CreateBusinessBottomSheet
|
|
166
|
+
isVisible={createBusinessBottomSheet.isVisible}
|
|
166
167
|
ref={createBusinessBottomSheet.ref}
|
|
167
168
|
close={createBusinessBottomSheet.close}
|
|
168
169
|
/>
|
|
@@ -1,31 +1,22 @@
|
|
|
1
1
|
import { useRef, useState } from 'react';
|
|
2
2
|
|
|
3
|
-
type SnapPoints = Record<string, any>;
|
|
4
|
-
type ValidInitialSnap<T extends SnapPoints> = keyof T;
|
|
5
|
-
|
|
6
3
|
export type TMultiSnapBottomSheetRef<T extends string> = {
|
|
7
4
|
ref: React.MutableRefObject<any>;
|
|
8
5
|
selectedSnap: T;
|
|
9
|
-
snapPoints: {
|
|
10
|
-
[K in T]: string[];
|
|
11
|
-
};
|
|
12
6
|
expand: (snap: T) => void;
|
|
13
7
|
close: () => any;
|
|
14
|
-
selectedSnapPoint: any;
|
|
15
8
|
isVisible: boolean;
|
|
16
9
|
};
|
|
17
10
|
|
|
18
|
-
export const useMultiSnapBottomSheetRef = <T extends
|
|
11
|
+
export const useMultiSnapBottomSheetRef = <T extends string>({
|
|
19
12
|
initialSnap,
|
|
20
|
-
snapPoints,
|
|
21
13
|
}: {
|
|
22
|
-
initialSnap:
|
|
23
|
-
snapPoints: T;
|
|
14
|
+
initialSnap: T;
|
|
24
15
|
}) => {
|
|
25
16
|
const ref = useRef<any>(null);
|
|
26
17
|
const [selectedSnap, setSelectedSnap] = useState(initialSnap);
|
|
27
18
|
const [isVisible, setIsVisible] = useState(false);
|
|
28
|
-
const expand = (snap:
|
|
19
|
+
const expand = (snap: T) => {
|
|
29
20
|
setSelectedSnap(snap);
|
|
30
21
|
setIsVisible(true);
|
|
31
22
|
ref.current?.expand();
|
|
@@ -38,9 +29,7 @@ export const useMultiSnapBottomSheetRef = <T extends SnapPoints>({
|
|
|
38
29
|
isVisible,
|
|
39
30
|
ref,
|
|
40
31
|
selectedSnap,
|
|
41
|
-
snapPoints,
|
|
42
32
|
expand,
|
|
43
33
|
close,
|
|
44
|
-
selectedSnapPoint: snapPoints[selectedSnap] ?? snapPoints[0],
|
|
45
34
|
};
|
|
46
35
|
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","useMultiSnapBottomSheetRef","initialSnap","snapPoints","ref","useRef","selectedSnap","setSelectedSnap","useState","isVisible","setIsVisible","expand","snap","current","close","selectedSnapPoint","exports"],"sourceRoot":"../../../src","sources":["selectBusiness/useMultiSnapBottomSheetRef.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAiBO,MAAMC,0BAA0B,GAAGA,CAAuB;EAC/DC,WAAW;EACXC;AAIF,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAM,IAAI,CAAC;EAC7B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAACN,WAAW,CAAC;EAC7D,MAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAMG,MAAM,GAAIC,IAA6B,IAAK;IAChDL,eAAe,CAACK,IAAI,CAAC;IACrBF,YAAY,CAAC,IAAI,CAAC;IAClBN,GAAG,CAACS,OAAO,EAAEF,MAAM,CAAC,CAAC;EACvB,CAAC;EACD,MAAMG,KAAK,GAAGA,CAAA,KAAM;IAClBV,GAAG,CAACS,OAAO,EAAEC,KAAK,CAAC,CAAC;IACpBJ,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC;EACD,OAAO;IACLD,SAAS;IACTL,GAAG;IACHE,YAAY;IACZH,UAAU;IACVQ,MAAM;IACNG,KAAK;IACLC,iBAAiB,EAAEZ,UAAU,CAACG,YAAY,CAAC,IAAIH,UAAU,CAAC,CAAC;EAC7D,CAAC;AACH,CAAC;AAACa,OAAA,CAAAf,0BAAA,GAAAA,0BAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","useSingleSnapBottomSheetRef","isVisible","setIsVisible","useState","ref","useRef","expand","current","close","exports"],"sourceRoot":"../../../src","sources":["selectBusiness/useSingleSnapBottomSheetRef.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASO,MAAMC,2BAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEjD,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAM,IAAI,CAAC;EAC7B,MAAMC,MAAM,GAAGA,CAAA,KAAM;IACnBF,GAAG,CAACG,OAAO,EAAED,MAAM,CAAC,CAAC;IACrBJ,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC;EACD,MAAMM,KAAK,GAAGA,CAAA,KAAM;IAClBN,YAAY,CAAC,KAAK,CAAC;IACnBE,GAAG,CAACG,OAAO,EAAEC,KAAK,CAAC,CAAC;EACtB,CAAC;EACD,OAAO;IAAEP,SAAS;IAAEG,GAAG;IAAEE,MAAM;IAAEE;EAAM,CAAC;AAC1C,CAAC;AAACC,OAAA,CAAAT,2BAAA,GAAAA,2BAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useRef","useState","useMultiSnapBottomSheetRef","initialSnap","snapPoints","ref","selectedSnap","setSelectedSnap","isVisible","setIsVisible","expand","snap","current","close","selectedSnapPoint"],"sourceRoot":"../../../src","sources":["selectBusiness/useMultiSnapBottomSheetRef.ts"],"mappings":"AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAiBxC,OAAO,MAAMC,0BAA0B,GAAGA,CAAuB;EAC/DC,WAAW;EACXC;AAIF,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAGL,MAAM,CAAM,IAAI,CAAC;EAC7B,MAAM,CAACM,YAAY,EAAEC,eAAe,CAAC,GAAGN,QAAQ,CAACE,WAAW,CAAC;EAC7D,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAGR,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMS,MAAM,GAAIC,IAA6B,IAAK;IAChDJ,eAAe,CAACI,IAAI,CAAC;IACrBF,YAAY,CAAC,IAAI,CAAC;IAClBJ,GAAG,CAACO,OAAO,EAAEF,MAAM,CAAC,CAAC;EACvB,CAAC;EACD,MAAMG,KAAK,GAAGA,CAAA,KAAM;IAClBR,GAAG,CAACO,OAAO,EAAEC,KAAK,CAAC,CAAC;IACpBJ,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC;EACD,OAAO;IACLD,SAAS;IACTH,GAAG;IACHC,YAAY;IACZF,UAAU;IACVM,MAAM;IACNG,KAAK;IACLC,iBAAiB,EAAEV,UAAU,CAACE,YAAY,CAAC,IAAIF,UAAU,CAAC,CAAC;EAC7D,CAAC;AACH,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useRef","useState","useSingleSnapBottomSheetRef","isVisible","setIsVisible","ref","expand","current","close"],"sourceRoot":"../../../src","sources":["selectBusiness/useSingleSnapBottomSheetRef.ts"],"mappings":"AAAA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AASxC,OAAO,MAAMC,2BAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGH,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMI,GAAG,GAAGL,MAAM,CAAM,IAAI,CAAC;EAC7B,MAAMM,MAAM,GAAGA,CAAA,KAAM;IACnBD,GAAG,CAACE,OAAO,EAAED,MAAM,CAAC,CAAC;IACrBF,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC;EACD,MAAMI,KAAK,GAAGA,CAAA,KAAM;IAClBJ,YAAY,CAAC,KAAK,CAAC;IACnBC,GAAG,CAACE,OAAO,EAAEC,KAAK,CAAC,CAAC;EACtB,CAAC;EACD,OAAO;IAAEL,SAAS;IAAEE,GAAG;IAAEC,MAAM;IAAEE;EAAM,CAAC;AAC1C,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
type SnapPoints = Record<string, any>;
|
|
3
|
-
type ValidInitialSnap<T extends SnapPoints> = keyof T;
|
|
4
|
-
export type TMultiSnapBottomSheetRef<T extends string> = {
|
|
5
|
-
ref: React.MutableRefObject<any>;
|
|
6
|
-
selectedSnap: T;
|
|
7
|
-
snapPoints: {
|
|
8
|
-
[K in T]: string[];
|
|
9
|
-
};
|
|
10
|
-
expand: (snap: T) => void;
|
|
11
|
-
close: () => any;
|
|
12
|
-
selectedSnapPoint: any;
|
|
13
|
-
isVisible: boolean;
|
|
14
|
-
};
|
|
15
|
-
export declare const useMultiSnapBottomSheetRef: <T extends SnapPoints>({ initialSnap, snapPoints, }: {
|
|
16
|
-
initialSnap: keyof T;
|
|
17
|
-
snapPoints: T;
|
|
18
|
-
}) => {
|
|
19
|
-
isVisible: boolean;
|
|
20
|
-
ref: import("react").MutableRefObject<any>;
|
|
21
|
-
selectedSnap: keyof T;
|
|
22
|
-
snapPoints: T;
|
|
23
|
-
expand: (snap: keyof T) => void;
|
|
24
|
-
close: () => void;
|
|
25
|
-
selectedSnapPoint: any;
|
|
26
|
-
};
|
|
27
|
-
export {};
|
|
28
|
-
//# sourceMappingURL=useMultiSnapBottomSheetRef.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useMultiSnapBottomSheetRef.d.ts","sourceRoot":"","sources":["../../../../src/selectBusiness/useMultiSnapBottomSheetRef.ts"],"names":[],"mappings":";AAEA,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AACtC,KAAK,gBAAgB,CAAC,CAAC,SAAS,UAAU,IAAI,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,wBAAwB,CAAC,CAAC,SAAS,MAAM,IAAI;IACvD,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACjC,YAAY,EAAE,CAAC,CAAC;IAChB,UAAU,EAAE;SACT,CAAC,IAAI,CAAC,GAAG,MAAM,EAAE;KACnB,CAAC;IACF,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,CAAC;IACjB,iBAAiB,EAAE,GAAG,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;CA4BtC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useSingleSnapBottomSheetRef.d.ts","sourceRoot":"","sources":["../../../../src/selectBusiness/useSingleSnapBottomSheetRef.ts"],"names":[],"mappings":";AAEA,MAAM,MAAM,yBAAyB,GAAG;IACtC,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;;;CAavC,CAAC"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|