@lifi/widget 3.0.0-alpha.10 → 3.0.0-alpha.11
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/AppProvider.tsx +4 -8
- package/_cjs/AppProvider.js +2 -2
- package/_cjs/AppProvider.js.map +1 -1
- package/_cjs/components/AmountInput/AmountInput.d.ts +1 -1
- package/_cjs/components/AmountInput/AmountInput.js +5 -11
- package/_cjs/components/AmountInput/AmountInput.js.map +1 -1
- package/_cjs/components/AmountInput/AmountInputEndAdornment.d.ts +1 -1
- package/_cjs/components/AmountInput/AmountInputEndAdornment.js +5 -11
- package/_cjs/components/AmountInput/AmountInputEndAdornment.js.map +1 -1
- package/_cjs/components/AmountInput/AmountInputStartAdornment.d.ts +1 -1
- package/_cjs/components/AmountInput/AmountInputStartAdornment.js +2 -8
- package/_cjs/components/AmountInput/AmountInputStartAdornment.js.map +1 -1
- package/_cjs/components/AmountInput/FormPriceHelperText.d.ts +1 -1
- package/_cjs/components/AmountInput/FormPriceHelperText.js +3 -11
- package/_cjs/components/AmountInput/FormPriceHelperText.js.map +1 -1
- package/_cjs/components/ChainSelect/ChainSelect.d.ts +1 -1
- package/_cjs/components/ChainSelect/ChainSelect.js +1 -5
- package/_cjs/components/ChainSelect/ChainSelect.js.map +1 -1
- package/_cjs/components/ChainSelect/useChainSelect.d.ts +1 -1
- package/_cjs/components/ChainSelect/useChainSelect.js +10 -14
- package/_cjs/components/ChainSelect/useChainSelect.js.map +1 -1
- package/_cjs/components/Header/NavigationTabs.js +4 -6
- package/_cjs/components/Header/NavigationTabs.js.map +1 -1
- package/_cjs/components/ListItemText.d.ts +1 -1
- package/_cjs/components/NFT/NFT.js +13 -14
- package/_cjs/components/NFT/NFT.js.map +1 -1
- package/_cjs/components/ReverseTokensButton/ReverseTokensButton.js +7 -14
- package/_cjs/components/ReverseTokensButton/ReverseTokensButton.js.map +1 -1
- package/_cjs/components/Routes/Routes.js +2 -2
- package/_cjs/components/Routes/Routes.js.map +1 -1
- package/_cjs/components/Routes/RoutesExpanded.js +1 -2
- package/_cjs/components/Routes/RoutesExpanded.js.map +1 -1
- package/_cjs/components/SelectChainAndToken.js +6 -13
- package/_cjs/components/SelectChainAndToken.js.map +1 -1
- package/_cjs/components/SelectTokenButton/SelectTokenButton.d.ts +1 -1
- package/_cjs/components/SelectTokenButton/SelectTokenButton.js +3 -5
- package/_cjs/components/SelectTokenButton/SelectTokenButton.js.map +1 -1
- package/_cjs/components/SendToWallet/SendToWallet.js +43 -32
- package/_cjs/components/SendToWallet/SendToWallet.js.map +1 -1
- package/_cjs/components/SendToWallet/SendToWalletButton.js +2 -3
- package/_cjs/components/SendToWallet/SendToWalletButton.js.map +1 -1
- package/_cjs/components/Step/StepProcess.style.d.ts +2 -2
- package/_cjs/components/Tabs/Tabs.style.d.ts +1 -1
- package/_cjs/components/TokenList/TokenList.js +3 -6
- package/_cjs/components/TokenList/TokenList.js.map +1 -1
- package/_cjs/components/TokenList/TokenList.style.d.ts +2 -2
- package/_cjs/components/TokenList/TokenNotFound.d.ts +1 -1
- package/_cjs/components/TokenList/TokenNotFound.js +2 -5
- package/_cjs/components/TokenList/TokenNotFound.js.map +1 -1
- package/_cjs/components/TokenList/types.d.ts +1 -1
- package/_cjs/components/TokenList/useTokenSelect.d.ts +1 -1
- package/_cjs/components/TokenList/useTokenSelect.js +15 -18
- package/_cjs/components/TokenList/useTokenSelect.js.map +1 -1
- package/_cjs/config/version.d.ts +1 -1
- package/_cjs/config/version.js +1 -1
- package/_cjs/hooks/useDebouncedWatch.d.ts +2 -1
- package/_cjs/hooks/useDebouncedWatch.js +3 -7
- package/_cjs/hooks/useDebouncedWatch.js.map +1 -1
- package/_cjs/hooks/useFromTokenSufficiency.js +1 -5
- package/_cjs/hooks/useFromTokenSufficiency.js.map +1 -1
- package/_cjs/hooks/useGasRefuel.js +2 -10
- package/_cjs/hooks/useGasRefuel.js.map +1 -1
- package/_cjs/hooks/useRequiredToAddress.js +2 -4
- package/_cjs/hooks/useRequiredToAddress.js.map +1 -1
- package/_cjs/hooks/useRoutes.js +2 -15
- package/_cjs/hooks/useRoutes.js.map +1 -1
- package/_cjs/index.d.ts +2 -2
- package/_cjs/index.js +5 -5
- package/_cjs/index.js.map +1 -1
- package/_cjs/pages/MainPage/ReviewButton.js +1 -2
- package/_cjs/pages/MainPage/ReviewButton.js.map +1 -1
- package/_cjs/pages/SelectChainPage/types.d.ts +1 -1
- package/_cjs/pages/SelectNativeTokenPage/SelectNativeTokenPage.d.ts +1 -1
- package/_cjs/pages/SelectTokenPage/SearchTokenInput.js +11 -6
- package/_cjs/pages/SelectTokenPage/SearchTokenInput.js.map +1 -1
- package/_cjs/pages/SelectTokenPage/SelectTokenPage.d.ts +1 -1
- package/_cjs/pages/TransactionPage/StatusBottomSheet.js +10 -11
- package/_cjs/pages/TransactionPage/StatusBottomSheet.js.map +1 -1
- package/_cjs/pages/TransactionPage/TransactionPage.js +4 -5
- package/_cjs/pages/TransactionPage/TransactionPage.js.map +1 -1
- package/_cjs/providers/index.d.ts +0 -1
- package/_cjs/providers/index.js +0 -1
- package/_cjs/providers/index.js.map +1 -1
- package/_cjs/stores/StoreProvider.js +4 -3
- package/_cjs/stores/StoreProvider.js.map +1 -1
- package/_cjs/stores/chains/ChainOrderStore.js +6 -10
- package/_cjs/stores/chains/ChainOrderStore.js.map +1 -1
- package/_cjs/stores/form/FormStore.d.ts +6 -0
- package/_cjs/stores/form/FormStore.js +44 -0
- package/_cjs/stores/form/FormStore.js.map +1 -0
- package/_cjs/stores/form/FormUpdater.d.ts +5 -0
- package/_cjs/stores/form/FormUpdater.js +62 -0
- package/_cjs/stores/form/FormUpdater.js.map +1 -0
- package/_cjs/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.js +9 -12
- package/_cjs/stores/form/URLSearchParamsBuilder.js.map +1 -0
- package/_cjs/stores/form/createFormStore.d.ts +3 -0
- package/_cjs/stores/form/createFormStore.js +177 -0
- package/_cjs/stores/form/createFormStore.js.map +1 -0
- package/_cjs/stores/form/index.d.ts +10 -0
- package/_cjs/{providers/FormProvider → stores/form}/index.js +9 -2
- package/_cjs/stores/form/index.js.map +1 -0
- package/_cjs/stores/form/types.d.ts +108 -0
- package/_cjs/stores/form/types.js.map +1 -0
- package/_cjs/stores/form/useFieldActions.d.ts +2 -0
- package/_cjs/stores/form/useFieldActions.js +19 -0
- package/_cjs/stores/form/useFieldActions.js.map +1 -0
- package/_cjs/stores/form/useFieldController.d.ts +11 -0
- package/_cjs/stores/form/useFieldController.js +24 -0
- package/_cjs/stores/form/useFieldController.js.map +1 -0
- package/_cjs/stores/form/useFieldValues.d.ts +2 -0
- package/_cjs/stores/form/useFieldValues.js +11 -0
- package/_cjs/stores/form/useFieldValues.js.map +1 -0
- package/_cjs/stores/form/useTouchedFields.d.ts +1 -0
- package/_cjs/stores/form/useTouchedFields.js +11 -0
- package/_cjs/stores/form/useTouchedFields.js.map +1 -0
- package/_cjs/stores/form/useValidation.d.ts +2 -0
- package/_cjs/stores/form/useValidation.js +15 -0
- package/_cjs/stores/form/useValidation.js.map +1 -0
- package/_cjs/stores/form/useValidationActions.d.ts +2 -0
- package/_cjs/stores/form/useValidationActions.js +19 -0
- package/_cjs/stores/form/useValidationActions.js.map +1 -0
- package/_cjs/stores/index.d.ts +1 -0
- package/_cjs/stores/index.js +1 -0
- package/_cjs/stores/index.js.map +1 -1
- package/_esm/AppProvider.js +3 -3
- package/_esm/AppProvider.js.map +1 -1
- package/_esm/components/AmountInput/AmountInput.d.ts +1 -1
- package/_esm/components/AmountInput/AmountInput.js +5 -11
- package/_esm/components/AmountInput/AmountInput.js.map +1 -1
- package/_esm/components/AmountInput/AmountInputEndAdornment.d.ts +1 -1
- package/_esm/components/AmountInput/AmountInputEndAdornment.js +5 -11
- package/_esm/components/AmountInput/AmountInputEndAdornment.js.map +1 -1
- package/_esm/components/AmountInput/AmountInputStartAdornment.d.ts +1 -1
- package/_esm/components/AmountInput/AmountInputStartAdornment.js +2 -8
- package/_esm/components/AmountInput/AmountInputStartAdornment.js.map +1 -1
- package/_esm/components/AmountInput/FormPriceHelperText.d.ts +1 -1
- package/_esm/components/AmountInput/FormPriceHelperText.js +3 -11
- package/_esm/components/AmountInput/FormPriceHelperText.js.map +1 -1
- package/_esm/components/ChainSelect/ChainSelect.d.ts +1 -1
- package/_esm/components/ChainSelect/ChainSelect.js +2 -6
- package/_esm/components/ChainSelect/ChainSelect.js.map +1 -1
- package/_esm/components/ChainSelect/useChainSelect.d.ts +1 -1
- package/_esm/components/ChainSelect/useChainSelect.js +11 -15
- package/_esm/components/ChainSelect/useChainSelect.js.map +1 -1
- package/_esm/components/Header/NavigationTabs.js +5 -7
- package/_esm/components/Header/NavigationTabs.js.map +1 -1
- package/_esm/components/ListItemText.d.ts +1 -1
- package/_esm/components/NFT/NFT.js +13 -14
- package/_esm/components/NFT/NFT.js.map +1 -1
- package/_esm/components/ReverseTokensButton/ReverseTokensButton.js +7 -14
- package/_esm/components/ReverseTokensButton/ReverseTokensButton.js.map +1 -1
- package/_esm/components/Routes/Routes.js +2 -2
- package/_esm/components/Routes/Routes.js.map +1 -1
- package/_esm/components/Routes/RoutesExpanded.js +2 -3
- package/_esm/components/Routes/RoutesExpanded.js.map +1 -1
- package/_esm/components/SelectChainAndToken.js +7 -14
- package/_esm/components/SelectChainAndToken.js.map +1 -1
- package/_esm/components/SelectTokenButton/SelectTokenButton.d.ts +1 -1
- package/_esm/components/SelectTokenButton/SelectTokenButton.js +3 -5
- package/_esm/components/SelectTokenButton/SelectTokenButton.js.map +1 -1
- package/_esm/components/SendToWallet/SendToWallet.js +45 -34
- package/_esm/components/SendToWallet/SendToWallet.js.map +1 -1
- package/_esm/components/SendToWallet/SendToWalletButton.js +4 -5
- package/_esm/components/SendToWallet/SendToWalletButton.js.map +1 -1
- package/_esm/components/Step/StepProcess.style.d.ts +2 -2
- package/_esm/components/Tabs/Tabs.style.d.ts +1 -1
- package/_esm/components/TokenList/TokenList.js +3 -6
- package/_esm/components/TokenList/TokenList.js.map +1 -1
- package/_esm/components/TokenList/TokenList.style.d.ts +2 -2
- package/_esm/components/TokenList/TokenNotFound.d.ts +1 -1
- package/_esm/components/TokenList/TokenNotFound.js +2 -5
- package/_esm/components/TokenList/TokenNotFound.js.map +1 -1
- package/_esm/components/TokenList/types.d.ts +1 -1
- package/_esm/components/TokenList/useTokenSelect.d.ts +1 -1
- package/_esm/components/TokenList/useTokenSelect.js +15 -18
- package/_esm/components/TokenList/useTokenSelect.js.map +1 -1
- package/_esm/config/version.d.ts +1 -1
- package/_esm/config/version.js +1 -1
- package/_esm/hooks/useDebouncedWatch.d.ts +2 -1
- package/_esm/hooks/useDebouncedWatch.js +3 -7
- package/_esm/hooks/useDebouncedWatch.js.map +1 -1
- package/_esm/hooks/useFromTokenSufficiency.js +2 -6
- package/_esm/hooks/useFromTokenSufficiency.js.map +1 -1
- package/_esm/hooks/useGasRefuel.js +2 -10
- package/_esm/hooks/useGasRefuel.js.map +1 -1
- package/_esm/hooks/useRequiredToAddress.js +3 -5
- package/_esm/hooks/useRequiredToAddress.js.map +1 -1
- package/_esm/hooks/useRoutes.js +4 -17
- package/_esm/hooks/useRoutes.js.map +1 -1
- package/_esm/index.d.ts +2 -2
- package/_esm/index.js +2 -2
- package/_esm/index.js.map +1 -1
- package/_esm/pages/MainPage/ReviewButton.js +2 -3
- package/_esm/pages/MainPage/ReviewButton.js.map +1 -1
- package/_esm/pages/SelectChainPage/types.d.ts +1 -1
- package/_esm/pages/SelectNativeTokenPage/SelectNativeTokenPage.d.ts +1 -1
- package/_esm/pages/SelectTokenPage/SearchTokenInput.js +11 -6
- package/_esm/pages/SelectTokenPage/SearchTokenInput.js.map +1 -1
- package/_esm/pages/SelectTokenPage/SelectTokenPage.d.ts +1 -1
- package/_esm/pages/TransactionPage/StatusBottomSheet.js +12 -13
- package/_esm/pages/TransactionPage/StatusBottomSheet.js.map +1 -1
- package/_esm/pages/TransactionPage/TransactionPage.js +6 -7
- package/_esm/pages/TransactionPage/TransactionPage.js.map +1 -1
- package/_esm/providers/index.d.ts +0 -1
- package/_esm/providers/index.js +0 -1
- package/_esm/providers/index.js.map +1 -1
- package/_esm/stores/StoreProvider.js +4 -3
- package/_esm/stores/StoreProvider.js.map +1 -1
- package/_esm/stores/chains/ChainOrderStore.js +6 -10
- package/_esm/stores/chains/ChainOrderStore.js.map +1 -1
- package/_esm/stores/form/FormStore.d.ts +6 -0
- package/_esm/stores/form/FormStore.js +39 -0
- package/_esm/stores/form/FormStore.js.map +1 -0
- package/_esm/stores/form/FormUpdater.d.ts +5 -0
- package/_esm/stores/form/FormUpdater.js +58 -0
- package/_esm/stores/form/FormUpdater.js.map +1 -0
- package/_esm/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.js +9 -12
- package/_esm/stores/form/URLSearchParamsBuilder.js.map +1 -0
- package/_esm/stores/form/createFormStore.d.ts +3 -0
- package/_esm/stores/form/createFormStore.js +173 -0
- package/_esm/stores/form/createFormStore.js.map +1 -0
- package/_esm/stores/form/index.d.ts +10 -0
- package/_esm/stores/form/index.js +11 -0
- package/_esm/stores/form/index.js.map +1 -0
- package/_esm/stores/form/types.d.ts +108 -0
- package/_esm/stores/form/types.js.map +1 -0
- package/_esm/stores/form/useFieldActions.d.ts +2 -0
- package/_esm/stores/form/useFieldActions.js +15 -0
- package/_esm/stores/form/useFieldActions.js.map +1 -0
- package/_esm/stores/form/useFieldController.d.ts +11 -0
- package/_esm/stores/form/useFieldController.js +20 -0
- package/_esm/stores/form/useFieldController.js.map +1 -0
- package/_esm/stores/form/useFieldValues.d.ts +2 -0
- package/_esm/stores/form/useFieldValues.js +7 -0
- package/_esm/stores/form/useFieldValues.js.map +1 -0
- package/_esm/stores/form/useTouchedFields.d.ts +1 -0
- package/_esm/stores/form/useTouchedFields.js +7 -0
- package/_esm/stores/form/useTouchedFields.js.map +1 -0
- package/_esm/stores/form/useValidation.d.ts +2 -0
- package/_esm/stores/form/useValidation.js +11 -0
- package/_esm/stores/form/useValidation.js.map +1 -0
- package/_esm/stores/form/useValidationActions.d.ts +2 -0
- package/_esm/stores/form/useValidationActions.js +15 -0
- package/_esm/stores/form/useValidationActions.js.map +1 -0
- package/_esm/stores/index.d.ts +1 -0
- package/_esm/stores/index.js +1 -0
- package/_esm/stores/index.js.map +1 -1
- package/components/AmountInput/AmountInput.tsx +12 -14
- package/components/AmountInput/AmountInputEndAdornment.tsx +10 -12
- package/components/AmountInput/AmountInputStartAdornment.tsx +6 -9
- package/components/AmountInput/FormPriceHelperText.tsx +7 -13
- package/components/ChainSelect/ChainSelect.tsx +4 -7
- package/components/ChainSelect/useChainSelect.ts +18 -18
- package/components/Header/NavigationTabs.tsx +6 -7
- package/components/NFT/NFT.tsx +14 -14
- package/components/ReverseTokensButton/ReverseTokensButton.tsx +8 -14
- package/components/Routes/Routes.tsx +2 -2
- package/components/Routes/RoutesExpanded.tsx +2 -3
- package/components/SelectChainAndToken.tsx +13 -14
- package/components/SelectTokenButton/SelectTokenButton.tsx +7 -6
- package/components/SendToWallet/SendToWallet.tsx +58 -38
- package/components/SendToWallet/SendToWalletButton.tsx +8 -5
- package/components/TokenList/TokenList.tsx +3 -6
- package/components/TokenList/TokenNotFound.tsx +3 -6
- package/components/TokenList/types.ts +1 -1
- package/components/TokenList/useTokenSelect.ts +21 -19
- package/config/version.ts +1 -1
- package/hooks/useDebouncedWatch.ts +7 -8
- package/hooks/useFromTokenSufficiency.ts +6 -6
- package/hooks/useGasRefuel.ts +7 -10
- package/hooks/useRequiredToAddress.ts +3 -5
- package/hooks/useRoutes.ts +14 -17
- package/index.ts +2 -2
- package/package.json +10 -11
- package/pages/MainPage/ReviewButton.tsx +6 -3
- package/pages/SelectChainPage/types.ts +1 -1
- package/pages/SelectNativeTokenPage/SelectNativeTokenPage.tsx +1 -1
- package/pages/SelectTokenPage/SearchTokenInput.tsx +11 -6
- package/pages/SelectTokenPage/SelectTokenPage.tsx +1 -1
- package/pages/TransactionPage/StatusBottomSheet.tsx +18 -15
- package/pages/TransactionPage/TransactionPage.tsx +10 -7
- package/providers/index.ts +0 -1
- package/stores/StoreProvider.tsx +18 -15
- package/stores/chains/ChainOrderStore.tsx +9 -10
- package/stores/form/FormStore.tsx +66 -0
- package/stores/form/FormUpdater.tsx +69 -0
- package/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.tsx +11 -15
- package/stores/form/createFormStore.ts +225 -0
- package/stores/form/index.ts +10 -0
- package/stores/form/types.ts +138 -0
- package/stores/form/useFieldActions.ts +28 -0
- package/stores/form/useFieldController.ts +31 -0
- package/stores/form/useFieldValues.ts +12 -0
- package/stores/form/useTouchedFields.ts +8 -0
- package/stores/form/useValidation.ts +15 -0
- package/stores/form/useValidationActions.ts +24 -0
- package/stores/index.ts +1 -0
- package/_cjs/providers/FormProvider/FormProvider.d.ts +0 -12
- package/_cjs/providers/FormProvider/FormProvider.js +0 -40
- package/_cjs/providers/FormProvider/FormProvider.js.map +0 -1
- package/_cjs/providers/FormProvider/FormUpdater.d.ts +0 -5
- package/_cjs/providers/FormProvider/FormUpdater.js +0 -72
- package/_cjs/providers/FormProvider/FormUpdater.js.map +0 -1
- package/_cjs/providers/FormProvider/URLSearchParamsBuilder.js.map +0 -1
- package/_cjs/providers/FormProvider/index.d.ts +0 -3
- package/_cjs/providers/FormProvider/index.js.map +0 -1
- package/_cjs/providers/FormProvider/types.d.ts +0 -37
- package/_cjs/providers/FormProvider/types.js.map +0 -1
- package/_esm/providers/FormProvider/FormProvider.d.ts +0 -12
- package/_esm/providers/FormProvider/FormProvider.js +0 -36
- package/_esm/providers/FormProvider/FormProvider.js.map +0 -1
- package/_esm/providers/FormProvider/FormUpdater.d.ts +0 -5
- package/_esm/providers/FormProvider/FormUpdater.js +0 -68
- package/_esm/providers/FormProvider/FormUpdater.js.map +0 -1
- package/_esm/providers/FormProvider/URLSearchParamsBuilder.js.map +0 -1
- package/_esm/providers/FormProvider/index.d.ts +0 -3
- package/_esm/providers/FormProvider/index.js +0 -4
- package/_esm/providers/FormProvider/index.js.map +0 -1
- package/_esm/providers/FormProvider/types.d.ts +0 -37
- package/_esm/providers/FormProvider/types.js.map +0 -1
- package/providers/FormProvider/FormProvider.tsx +0 -55
- package/providers/FormProvider/FormUpdater.tsx +0 -86
- package/providers/FormProvider/index.ts +0 -3
- package/providers/FormProvider/types.ts +0 -44
- /package/_cjs/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.d.ts +0 -0
- /package/_cjs/{providers/FormProvider → stores/form}/types.js +0 -0
- /package/_esm/{providers/FormProvider → stores/form}/URLSearchParamsBuilder.d.ts +0 -0
- /package/_esm/{providers/FormProvider → stores/form}/types.js +0 -0
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
2
|
+
import { useEffect, useRef } from 'react';
|
|
3
|
+
import { useAccount } from '../../hooks';
|
|
4
|
+
import { useFieldActions } from './useFieldActions';
|
|
5
|
+
import { isItemAllowed, useWidgetConfig } from '../../providers';
|
|
6
|
+
import { FormKey } from './types';
|
|
7
|
+
export const FormUpdater = ({ defaultValues }) => {
|
|
8
|
+
const { fromChain, toChain, chains } = useWidgetConfig();
|
|
9
|
+
const { account } = useAccount();
|
|
10
|
+
const { isTouched, resetField, setFieldValue, getFieldValues } = useFieldActions();
|
|
11
|
+
const previousDefaultValues = useRef(defaultValues);
|
|
12
|
+
// Set wallet chain as default if no chains are provided by config and if they were not changed during widget usage
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
const chainAllowed = account.chainId && isItemAllowed(account.chainId, chains);
|
|
15
|
+
if (!account.isConnected || !account.chainId || !chainAllowed) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
if (!fromChain && !isTouched('fromChain') && !isTouched('fromToken')) {
|
|
19
|
+
resetField('fromChain', { defaultValue: account.chainId });
|
|
20
|
+
setFieldValue('fromToken', '');
|
|
21
|
+
if (isTouched('fromAmount')) {
|
|
22
|
+
setFieldValue('fromAmount', '');
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
if (!toChain && !isTouched('toChain') && !isTouched('toToken')) {
|
|
26
|
+
resetField('toChain', { defaultValue: account.chainId });
|
|
27
|
+
setFieldValue('toToken', '');
|
|
28
|
+
}
|
|
29
|
+
}, [
|
|
30
|
+
account.chainId,
|
|
31
|
+
account.isConnected,
|
|
32
|
+
chains,
|
|
33
|
+
fromChain,
|
|
34
|
+
toChain,
|
|
35
|
+
isTouched,
|
|
36
|
+
resetField,
|
|
37
|
+
setFieldValue,
|
|
38
|
+
]);
|
|
39
|
+
// Makes widget config options reactive to changes
|
|
40
|
+
// should update userValues when defaultValues updates and includes additional logic for chains
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
Object.keys(defaultValues).forEach((key) => {
|
|
43
|
+
if (previousDefaultValues.current[key] !== defaultValues[key]) {
|
|
44
|
+
const value = defaultValues[key] ||
|
|
45
|
+
// set the chain to the current user one if it is not present in the config
|
|
46
|
+
(key === FormKey.FromChain || key === FormKey.ToChain
|
|
47
|
+
? account.chainId || ''
|
|
48
|
+
: '');
|
|
49
|
+
setFieldValue(key, value);
|
|
50
|
+
resetField(key, { defaultValue: value });
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
previousDefaultValues.current = defaultValues;
|
|
54
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
55
|
+
}, [defaultValues, getFieldValues, resetField, setFieldValue]);
|
|
56
|
+
return null;
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=FormUpdater.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormUpdater.js","sourceRoot":"","sources":["../../../stores/form/FormUpdater.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +1,18 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
|
-
import { useFormState, useWatch } from 'react-hook-form';
|
|
3
2
|
import { useLocation } from 'react-router-dom';
|
|
4
|
-
import {
|
|
3
|
+
import { useFieldValues, useTouchedFields } from '../index';
|
|
5
4
|
const formValueKeys = [
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
'fromAmount',
|
|
6
|
+
'fromChain',
|
|
7
|
+
'fromToken',
|
|
8
|
+
'toAddress',
|
|
9
|
+
'toChain',
|
|
10
|
+
'toToken',
|
|
12
11
|
];
|
|
13
12
|
export const URLSearchParamsBuilder = () => {
|
|
14
13
|
const { pathname } = useLocation();
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
touchedFields: { ...touchedFields }, } = useFormState();
|
|
18
|
-
const values = useWatch({ name: formValueKeys });
|
|
14
|
+
const touchedFields = useTouchedFields();
|
|
15
|
+
const values = useFieldValues(...formValueKeys);
|
|
19
16
|
useEffect(() => {
|
|
20
17
|
const url = new URL(window.location);
|
|
21
18
|
formValueKeys.forEach((key, index) => {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"URLSearchParamsBuilder.js","sourceRoot":"","sources":["../../../stores/form/URLSearchParamsBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,aAAa,GAAqB;IACtC,YAAY;IACZ,WAAW;IACX,WAAW;IACX,WAAW;IACX,SAAS;IACT,SAAS;CACV,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,cAAc,CAAC,GAAG,aAAa,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAe,CAAC,CAAC;QAC5C,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YACnC,IAAI,aAAa,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;gBACxC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;gBACvD,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC,CAAC;QACH,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACxB,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
import { createWithEqualityFn } from 'zustand/traditional';
|
|
2
|
+
export const formDefaultValues = {
|
|
3
|
+
fromAmount: '',
|
|
4
|
+
toAddress: '',
|
|
5
|
+
tokenSearchFilter: '',
|
|
6
|
+
contractOutputsToken: '',
|
|
7
|
+
toContractAddress: '',
|
|
8
|
+
toContractCallData: '',
|
|
9
|
+
toContractGasLimit: '',
|
|
10
|
+
toAmount: '',
|
|
11
|
+
};
|
|
12
|
+
const defaultValueToFormValue = (value) => ({
|
|
13
|
+
isTouched: false,
|
|
14
|
+
isDirty: false,
|
|
15
|
+
value,
|
|
16
|
+
});
|
|
17
|
+
const valuesToFormValues = (defaultValues) => {
|
|
18
|
+
return Object.keys(defaultValues).reduce((accum, key) => {
|
|
19
|
+
return { ...accum, [key]: defaultValueToFormValue(defaultValues[key]) };
|
|
20
|
+
}, {});
|
|
21
|
+
};
|
|
22
|
+
const isString = (str) => typeof str === 'string' || str instanceof String;
|
|
23
|
+
const getUpdatedTouchedFields = (userValues) => {
|
|
24
|
+
return Object.keys(userValues).reduce((accum, key) => userValues[key]?.isTouched
|
|
25
|
+
? { ...accum, [key]: true }
|
|
26
|
+
: accum, {});
|
|
27
|
+
};
|
|
28
|
+
const mergeDefaultFormValues = (userValues, defaultValues) => Object.keys(defaultValues).reduce((accum, key) => {
|
|
29
|
+
const formValue = {
|
|
30
|
+
isTouched: !!(userValues[key]?.isTouched || defaultValues[key]?.isTouched),
|
|
31
|
+
isDirty: !!(userValues[key]?.isDirty || defaultValues[key]?.isTouched),
|
|
32
|
+
value: userValues[key]?.value || Number.isFinite(userValues[key]?.value)
|
|
33
|
+
? userValues[key]?.value
|
|
34
|
+
: defaultValues[key]?.value,
|
|
35
|
+
};
|
|
36
|
+
return {
|
|
37
|
+
...accum,
|
|
38
|
+
[key]: formValue,
|
|
39
|
+
};
|
|
40
|
+
}, { ...valuesToFormValues(formDefaultValues) });
|
|
41
|
+
export const createFormStore = () => createWithEqualityFn((set, get) => ({
|
|
42
|
+
defaultValues: valuesToFormValues(formDefaultValues),
|
|
43
|
+
userValues: valuesToFormValues(formDefaultValues),
|
|
44
|
+
touchedFields: {},
|
|
45
|
+
setDefaultValues: (defaultValue) => {
|
|
46
|
+
const defaultFormValues = valuesToFormValues(defaultValue);
|
|
47
|
+
set((state) => ({
|
|
48
|
+
defaultValues: defaultFormValues,
|
|
49
|
+
userValues: mergeDefaultFormValues(state.userValues, defaultFormValues),
|
|
50
|
+
}));
|
|
51
|
+
},
|
|
52
|
+
isTouched: (fieldName) => !!get().userValues[fieldName]?.isTouched,
|
|
53
|
+
setAsTouched: (fieldName) => {
|
|
54
|
+
const userValues = {
|
|
55
|
+
...get().userValues,
|
|
56
|
+
[fieldName]: {
|
|
57
|
+
...get().userValues[fieldName],
|
|
58
|
+
isTouched: true,
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
const touchedFields = getUpdatedTouchedFields(userValues);
|
|
62
|
+
set(() => ({
|
|
63
|
+
userValues,
|
|
64
|
+
touchedFields,
|
|
65
|
+
}));
|
|
66
|
+
},
|
|
67
|
+
resetField: (fieldName, { defaultValue } = {}) => {
|
|
68
|
+
if (defaultValue) {
|
|
69
|
+
const fieldValues = {
|
|
70
|
+
...get().defaultValues[fieldName],
|
|
71
|
+
value: defaultValue,
|
|
72
|
+
};
|
|
73
|
+
const defaultValues = {
|
|
74
|
+
...get().defaultValues,
|
|
75
|
+
[fieldName]: { ...fieldValues },
|
|
76
|
+
};
|
|
77
|
+
const userValues = {
|
|
78
|
+
...get().userValues,
|
|
79
|
+
[fieldName]: { ...fieldValues },
|
|
80
|
+
};
|
|
81
|
+
const touchedFields = getUpdatedTouchedFields(userValues);
|
|
82
|
+
set(() => {
|
|
83
|
+
return {
|
|
84
|
+
defaultValues,
|
|
85
|
+
userValues,
|
|
86
|
+
touchedFields,
|
|
87
|
+
};
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
else {
|
|
91
|
+
const userValues = {
|
|
92
|
+
...get().userValues,
|
|
93
|
+
[fieldName]: { ...get().defaultValues[fieldName] },
|
|
94
|
+
};
|
|
95
|
+
const touchedFields = getUpdatedTouchedFields(userValues);
|
|
96
|
+
set(() => ({
|
|
97
|
+
userValues,
|
|
98
|
+
touchedFields,
|
|
99
|
+
}));
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
setFieldValue: (fieldName, value, { isDirty, isTouched } = {}) => {
|
|
103
|
+
const userValues = {
|
|
104
|
+
...get().userValues,
|
|
105
|
+
[fieldName]: {
|
|
106
|
+
value,
|
|
107
|
+
isDirty: isDirty === undefined
|
|
108
|
+
? get().userValues[fieldName]?.isDirty
|
|
109
|
+
: isDirty,
|
|
110
|
+
isTouched: isTouched === undefined
|
|
111
|
+
? get().userValues[fieldName]?.isTouched
|
|
112
|
+
: isTouched,
|
|
113
|
+
},
|
|
114
|
+
};
|
|
115
|
+
const touchedFields = getUpdatedTouchedFields(userValues);
|
|
116
|
+
set(() => ({
|
|
117
|
+
userValues,
|
|
118
|
+
touchedFields,
|
|
119
|
+
}));
|
|
120
|
+
},
|
|
121
|
+
getFieldValues: (...names) => names.map((name) => get().userValues[name]?.value),
|
|
122
|
+
isValid: true,
|
|
123
|
+
isValidating: false,
|
|
124
|
+
errors: {},
|
|
125
|
+
validation: {},
|
|
126
|
+
addFieldValidation: (name, validationFn) => {
|
|
127
|
+
set((state) => ({
|
|
128
|
+
validation: {
|
|
129
|
+
...state.validation,
|
|
130
|
+
[name]: validationFn,
|
|
131
|
+
},
|
|
132
|
+
}));
|
|
133
|
+
},
|
|
134
|
+
triggerFieldValidation: async (name) => {
|
|
135
|
+
try {
|
|
136
|
+
let valid = true;
|
|
137
|
+
set(() => ({ isValid: false, isValidating: true }));
|
|
138
|
+
const validationFn = get().validation[name];
|
|
139
|
+
if (validationFn) {
|
|
140
|
+
const result = await validationFn(get().userValues?.[name]?.value);
|
|
141
|
+
if (isString(result)) {
|
|
142
|
+
valid = false;
|
|
143
|
+
set((state) => ({
|
|
144
|
+
errors: {
|
|
145
|
+
...state.errors,
|
|
146
|
+
[name]: result,
|
|
147
|
+
},
|
|
148
|
+
}));
|
|
149
|
+
}
|
|
150
|
+
else {
|
|
151
|
+
valid = result;
|
|
152
|
+
if (valid) {
|
|
153
|
+
get().clearErrors(name);
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
set(() => ({ isValid: valid, isValidating: false }));
|
|
158
|
+
return valid;
|
|
159
|
+
}
|
|
160
|
+
catch (err) {
|
|
161
|
+
set(() => ({ isValidating: false }));
|
|
162
|
+
throw err;
|
|
163
|
+
}
|
|
164
|
+
},
|
|
165
|
+
clearErrors: (name) => {
|
|
166
|
+
const newErrors = { ...get().errors };
|
|
167
|
+
delete newErrors[name];
|
|
168
|
+
set(() => ({
|
|
169
|
+
errors: newErrors,
|
|
170
|
+
}));
|
|
171
|
+
},
|
|
172
|
+
}), Object.is);
|
|
173
|
+
//# sourceMappingURL=createFormStore.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createFormStore.js","sourceRoot":"","sources":["../../../stores/form/createFormStore.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export * from './createFormStore';
|
|
2
|
+
export * from './FormStore';
|
|
3
|
+
export * from './types';
|
|
4
|
+
export * from './useFieldActions';
|
|
5
|
+
export * from './useFieldController';
|
|
6
|
+
export * from './useFieldValues';
|
|
7
|
+
export * from './useTouchedFields';
|
|
8
|
+
export * from './useValidation';
|
|
9
|
+
export * from './useValidationActions';
|
|
10
|
+
export * from './URLSearchParamsBuilder';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export * from './createFormStore';
|
|
2
|
+
export * from './FormStore';
|
|
3
|
+
export * from './types';
|
|
4
|
+
export * from './useFieldActions';
|
|
5
|
+
export * from './useFieldController';
|
|
6
|
+
export * from './useFieldValues';
|
|
7
|
+
export * from './useTouchedFields';
|
|
8
|
+
export * from './useValidation';
|
|
9
|
+
export * from './useValidationActions';
|
|
10
|
+
export * from './URLSearchParamsBuilder';
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../stores/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
|
|
2
|
+
import type { StoreApi } from 'zustand';
|
|
3
|
+
export interface DefaultValues {
|
|
4
|
+
toAddress: string;
|
|
5
|
+
tokenSearchFilter: string;
|
|
6
|
+
contractOutputsToken: string;
|
|
7
|
+
toContractAddress: string;
|
|
8
|
+
toContractCallData: string;
|
|
9
|
+
toContractGasLimit: string;
|
|
10
|
+
toAmount: string;
|
|
11
|
+
fromAmount: string;
|
|
12
|
+
toChain?: number;
|
|
13
|
+
fromChain?: number;
|
|
14
|
+
fromToken?: string;
|
|
15
|
+
toToken?: string | undefined;
|
|
16
|
+
}
|
|
17
|
+
export type GenericFormValue = string | number | undefined;
|
|
18
|
+
export interface FormValueControl<T> {
|
|
19
|
+
isTouched: boolean;
|
|
20
|
+
isDirty: boolean;
|
|
21
|
+
value: T;
|
|
22
|
+
}
|
|
23
|
+
export interface FormValues {
|
|
24
|
+
toAddress: FormValueControl<string>;
|
|
25
|
+
tokenSearchFilter: FormValueControl<string>;
|
|
26
|
+
contractOutputsToken: FormValueControl<string>;
|
|
27
|
+
toContractAddress: FormValueControl<string>;
|
|
28
|
+
toContractCallData: FormValueControl<string>;
|
|
29
|
+
toContractGasLimit: FormValueControl<string>;
|
|
30
|
+
toAmount: FormValueControl<string>;
|
|
31
|
+
fromAmount: FormValueControl<string>;
|
|
32
|
+
fromToken?: FormValueControl<string | undefined>;
|
|
33
|
+
toToken?: FormValueControl<string | undefined>;
|
|
34
|
+
toChain?: FormValueControl<number | undefined>;
|
|
35
|
+
fromChain?: FormValueControl<number | undefined>;
|
|
36
|
+
}
|
|
37
|
+
export type FormFieldNames = keyof FormValues;
|
|
38
|
+
export type TouchedFields = {
|
|
39
|
+
[key in FormFieldNames]?: boolean;
|
|
40
|
+
};
|
|
41
|
+
type ValidationFn = (value: any) => Promise<boolean | string>;
|
|
42
|
+
export interface ValidationProps {
|
|
43
|
+
isValid: boolean;
|
|
44
|
+
isValidating: boolean;
|
|
45
|
+
errors: {
|
|
46
|
+
[key in FormFieldNames]?: string;
|
|
47
|
+
};
|
|
48
|
+
validation: {
|
|
49
|
+
[key in FormFieldNames]?: ValidationFn;
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
export interface ValidationActions {
|
|
53
|
+
addFieldValidation: (name: FormFieldNames, validationFn: ValidationFn) => void;
|
|
54
|
+
triggerFieldValidation: (name: FormFieldNames) => Promise<boolean>;
|
|
55
|
+
clearErrors: (name: FormFieldNames) => void;
|
|
56
|
+
}
|
|
57
|
+
export type ValidationActionNames = keyof ValidationActions;
|
|
58
|
+
export type ValidationActionFunctions = Array<ValidationActions[ValidationActionNames]>;
|
|
59
|
+
export interface FormProps {
|
|
60
|
+
defaultValues: FormValues;
|
|
61
|
+
userValues: FormValues;
|
|
62
|
+
touchedFields: {
|
|
63
|
+
[key in FormFieldNames]?: boolean;
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
interface ResetOptions {
|
|
67
|
+
defaultValue?: GenericFormValue;
|
|
68
|
+
}
|
|
69
|
+
export interface FormActions {
|
|
70
|
+
setDefaultValues: (formValues: DefaultValues) => void;
|
|
71
|
+
isTouched: (fieldName: FormFieldNames) => boolean;
|
|
72
|
+
setAsTouched: (fieldName: FormFieldNames) => void;
|
|
73
|
+
resetField: (fieldName: FormFieldNames, resetOptions?: ResetOptions) => void;
|
|
74
|
+
setFieldValue: (fieldName: FormFieldNames, value: GenericFormValue, options?: SetOptions) => void;
|
|
75
|
+
getFieldValues: (...names: FormFieldNames[]) => Array<any>;
|
|
76
|
+
}
|
|
77
|
+
export type FormActionNames = keyof FormActions;
|
|
78
|
+
export type FormActionFunctions = Array<FormActions[FormActionNames]>;
|
|
79
|
+
export type FormValuesState = FormProps & FormActions & ValidationProps & ValidationActions;
|
|
80
|
+
export type FormStoreStore = UseBoundStoreWithEqualityFn<StoreApi<FormValuesState>>;
|
|
81
|
+
interface SetOptions {
|
|
82
|
+
isDirty?: boolean;
|
|
83
|
+
isTouched?: boolean;
|
|
84
|
+
}
|
|
85
|
+
export declare enum FormKey {
|
|
86
|
+
ContractOutputsToken = "contractOutputsToken",
|
|
87
|
+
FromAmount = "fromAmount",
|
|
88
|
+
FromChain = "fromChain",
|
|
89
|
+
FromToken = "fromToken",
|
|
90
|
+
ToAddress = "toAddress",
|
|
91
|
+
ToAmount = "toAmount",
|
|
92
|
+
ToChain = "toChain",
|
|
93
|
+
ToContractAddress = "toContractAddress",
|
|
94
|
+
ToContractCallData = "toContractCallData",
|
|
95
|
+
ToContractGasLimit = "ToContractGasLimit",
|
|
96
|
+
ToToken = "toToken",
|
|
97
|
+
TokenSearchFilter = "tokenSearchFilter"
|
|
98
|
+
}
|
|
99
|
+
export type FormType = 'from' | 'to';
|
|
100
|
+
export interface FormTypeProps {
|
|
101
|
+
formType: FormType;
|
|
102
|
+
}
|
|
103
|
+
export declare const FormKeyHelper: {
|
|
104
|
+
getChainKey: (formType: FormType) => 'fromChain' | 'toChain';
|
|
105
|
+
getTokenKey: (formType: FormType) => 'fromToken' | 'toToken';
|
|
106
|
+
getAmountKey: (formType: FormType) => 'fromAmount' | 'toAmount';
|
|
107
|
+
};
|
|
108
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../stores/form/types.ts"],"names":[],"mappings":"AA6GA,MAAM,CAAN,IAAY,OAaX;AAbD,WAAY,OAAO;IACjB,wDAA6C,CAAA;IAC7C,oCAAyB,CAAA;IACzB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,kCAAuB,CAAA;IACvB,gCAAqB,CAAA;IACrB,8BAAmB,CAAA;IACnB,kDAAuC,CAAA;IACvC,oDAAyC,CAAA;IACzC,oDAAyC,CAAA;IACzC,8BAAmB,CAAA;IACnB,kDAAuC,CAAA;AACzC,CAAC,EAbW,OAAO,KAAP,OAAO,QAalB;AAQD,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,WAAW,EAAE,CAAC,QAAkB,EAA2B,EAAE,CAC3D,GAAG,QAAQ,OAAO;IACpB,WAAW,EAAE,CAAC,QAAkB,EAA2B,EAAE,CAC3D,GAAG,QAAQ,OAAO;IACpB,YAAY,EAAE,CAAC,QAAkB,EAA6B,EAAE,CAC9D,GAAG,QAAQ,QAAQ;CACtB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { shallow } from 'zustand/shallow';
|
|
2
|
+
import { useFormStore } from './FormStore';
|
|
3
|
+
const actionFunctions = [
|
|
4
|
+
'setDefaultValues',
|
|
5
|
+
'isTouched',
|
|
6
|
+
'setAsTouched',
|
|
7
|
+
'resetField',
|
|
8
|
+
'setFieldValue',
|
|
9
|
+
'getFieldValues',
|
|
10
|
+
];
|
|
11
|
+
export const useFieldActions = () => {
|
|
12
|
+
const actions = useFormStore((store) => actionFunctions.map((actionName) => store[actionName]), shallow);
|
|
13
|
+
return actions.reduce((accum, actionName, i) => ({ ...accum, [actionFunctions[i]]: actionName }), {});
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=useFieldActions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFieldActions.js","sourceRoot":"","sources":["../../../stores/form/useFieldActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAM1C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,eAAe,GAAsB;IACzC,kBAAkB;IAClB,WAAW;IACX,cAAc;IACd,YAAY;IACZ,eAAe;IACf,gBAAgB;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,OAAO,GAAwB,YAAY,CAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,EACjE,OAAO,CACR,CAAC;IAEF,OAAO,OAAO,CAAC,MAAM,CACnB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAC1E,EAAE,CACY,CAAC;AACnB,CAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { FormFieldNames } from './types';
|
|
2
|
+
interface UseFieldControllerProps {
|
|
3
|
+
name: FormFieldNames;
|
|
4
|
+
}
|
|
5
|
+
export declare const useFieldController: ({ name }: UseFieldControllerProps) => {
|
|
6
|
+
onChange: (newValue: string | number | undefined) => void;
|
|
7
|
+
onBlur: () => void;
|
|
8
|
+
name: keyof import("./types").FormValues;
|
|
9
|
+
value: any;
|
|
10
|
+
};
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { useCallback } from 'react';
|
|
2
|
+
import { useFieldValues } from './useFieldValues';
|
|
3
|
+
import { useFieldActions } from './useFieldActions';
|
|
4
|
+
export const useFieldController = ({ name }) => {
|
|
5
|
+
const [fieldValue] = useFieldValues(name);
|
|
6
|
+
const { setFieldValue, setAsTouched } = useFieldActions();
|
|
7
|
+
const onChange = useCallback((newValue) => {
|
|
8
|
+
setFieldValue(name, newValue, { isDirty: true });
|
|
9
|
+
}, [name, setFieldValue]);
|
|
10
|
+
const onBlur = useCallback(() => {
|
|
11
|
+
setAsTouched(name);
|
|
12
|
+
}, [name, setAsTouched]);
|
|
13
|
+
return {
|
|
14
|
+
onChange,
|
|
15
|
+
onBlur,
|
|
16
|
+
name,
|
|
17
|
+
value: fieldValue,
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=useFieldController.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFieldController.js","sourceRoot":"","sources":["../../../stores/form/useFieldController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAA2B,EAAE,EAAE;IACtE,MAAM,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAE1D,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,QAAqC,EAAE,EAAE;QACxC,aAAa,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC,EACD,CAAC,IAAI,EAAE,aAAa,CAAC,CACtB,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzB,OAAO;QACL,QAAQ;QACR,MAAM;QACN,IAAI;QACJ,KAAK,EAAE,UAAU;KAClB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { useFormStore } from './FormStore';
|
|
2
|
+
import { shallow } from 'zustand/shallow';
|
|
3
|
+
export const useFieldValues = (...names) => {
|
|
4
|
+
const values = useFormStore((store) => names.map((name) => store.userValues[name]?.value), shallow);
|
|
5
|
+
return values;
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=useFieldValues.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFieldValues.js","sourceRoot":"","sources":["../../../stores/form/useFieldValues.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,GAAG,KAAuB,EAAE,EAAE;IAC3D,MAAM,MAAM,GAAG,YAAY,CACzB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,EAC7D,OAAO,CACR,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useTouchedFields: () => any;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { useFormStore } from './FormStore';
|
|
2
|
+
import { shallow } from 'zustand/shallow';
|
|
3
|
+
export const useTouchedFields = () => {
|
|
4
|
+
const touchedFields = useFormStore((store) => store.touchedFields, shallow);
|
|
5
|
+
return touchedFields;
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=useTouchedFields.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTouchedFields.js","sourceRoot":"","sources":["../../../stores/form/useTouchedFields.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,aAAa,GAAG,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAE5E,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { useFormStore } from './FormStore';
|
|
2
|
+
import { shallow } from 'zustand/shallow';
|
|
3
|
+
export const useValidation = () => {
|
|
4
|
+
const [isValid, isValidating, errors] = useFormStore((store) => [store.isValid, store.isValidating, store.errors], shallow);
|
|
5
|
+
return {
|
|
6
|
+
isValid,
|
|
7
|
+
isValidating,
|
|
8
|
+
errors,
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=useValidation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useValidation.js","sourceRoot":"","sources":["../../../stores/form/useValidation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAwC,EAAE;IACrE,MAAM,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,GAAG,YAAY,CAClD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAC5D,OAAO,CACR,CAAC;IAEF,OAAO;QACL,OAAO;QACP,YAAY;QACZ,MAAM;KACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useFormStore } from './FormStore';
|
|
2
|
+
import { shallow } from 'zustand/shallow';
|
|
3
|
+
const validationFunctions = [
|
|
4
|
+
'addFieldValidation',
|
|
5
|
+
'triggerFieldValidation',
|
|
6
|
+
'clearErrors',
|
|
7
|
+
];
|
|
8
|
+
export const useValidationActions = () => {
|
|
9
|
+
const actions = useFormStore((store) => validationFunctions.map((actionName) => store[actionName]), shallow);
|
|
10
|
+
return actions.reduce((accum, actionName, i) => ({
|
|
11
|
+
...accum,
|
|
12
|
+
[validationFunctions[i]]: actionName,
|
|
13
|
+
}), {});
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=useValidationActions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useValidationActions.js","sourceRoot":"","sources":["../../../stores/form/useValidationActions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG1C,MAAM,mBAAmB,GAA4B;IACnD,oBAAoB;IACpB,wBAAwB;IACxB,aAAa;CACd,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,OAAO,GAA8B,YAAY,CACrD,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,EACrE,OAAO,CACR,CAAC;IAEF,OAAO,OAAO,CAAC,MAAM,CACnB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACzB,GAAG,KAAK;QACR,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU;KACrC,CAAC,EACF,EAAE,CACkB,CAAC;AACzB,CAAC,CAAC"}
|
package/_esm/stores/index.d.ts
CHANGED
package/_esm/stores/index.js
CHANGED
package/_esm/stores/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../stores/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC"}
|