@lifi/widget 3.8.0 → 3.8.1

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.8.1](https://github.com/lifinance/widget/compare/v3.8.0...v3.8.1) (2024-10-21)
+
+
+### Bug Fixes
+
+* add auto focus for search input field ([#314](https://github.com/lifinance/widget/issues/314)) ([01c1b49](https://github.com/lifinance/widget/commit/01c1b494886247f3f57f0a072041622998c38a53))
+* increase fractional and significant digits ([#313](https://github.com/lifinance/widget/issues/313)) ([06e4df6](https://github.com/lifinance/widget/commit/06e4df69a8cf2221eda87348e685880f02f5473b))
+
 ## [3.8.0](https://github.com/lifinance/widget/compare/v3.7.0...v3.8.0) (2024-10-18)
 
 

package/dist/esm/components/Search/SearchInput.d.ts

@@ -5,7 +5,8 @@ interface SearchInputProps {
     placeholder?: string;
     onChange?: FormEventHandler<HTMLInputElement>;
     onBlur?: FocusEventHandler<HTMLInputElement>;
+    autoFocus?: boolean;
 }
-export declare const SearchInput: ({ name, placeholder, onChange, onBlur, value, }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchInput: ({ name, placeholder, onChange, onBlur, value, autoFocus, }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
 export declare const StickySearchInput: (props: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/Search/SearchInput.js

@@ -4,7 +4,7 @@ import { FormControl, InputAdornment } from '@mui/material';
 import { InputCard } from '../../components/Card/InputCard.js';
 import { useHeaderHeight } from '../../stores/header/useHeaderStore.js';
 import { Input, StickySearchInputContainer } from './SearchInput.style.js';
-export const SearchInput = ({ name, placeholder, onChange, onBlur, value, }) => {
+export const SearchInput = ({ name, placeholder, onChange, onBlur, value, autoFocus, }) => {
     return (_jsx(InputCard, { children: _jsx(FormControl, { fullWidth: true, children: _jsx(Input, { size: "small", placeholder: placeholder, endAdornment: _jsx(InputAdornment, { position: "end", children: _jsx(Search, {}) }), inputProps: {
                     inputMode: 'search',
                     onChange,
@@ -12,10 +12,10 @@ export const SearchInput = ({ name, placeholder, onChange, onBlur, value, }) =>
                     name,
                     value,
                     maxLength: 128,
-                }, autoComplete: "off" }) }) }));
+                }, autoComplete: "off", autoFocus: autoFocus }) }) }));
 };
 export const StickySearchInput = (props) => {
     const { headerHeight } = useHeaderHeight();
-    return (_jsx(StickySearchInputContainer, { headerHeight: headerHeight, children: _jsx(SearchInput, { ...props }) }));
+    return (_jsx(StickySearchInputContainer, { headerHeight: headerHeight, children: _jsx(SearchInput, { ...props, autoFocus: true }) }));
 };
 //# sourceMappingURL=SearchInput.js.map

package/dist/esm/components/Search/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/Search/SearchInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAA;AACvE,OAAO,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAU1E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,GACY,EAAE,EAAE;IACrB,OAAO,CACL,KAAC,SAAS,cACR,KAAC,WAAW,IAAC,SAAS,kBACpB,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EACV,KAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,YAC5B,KAAC,MAAM,KAAG,GACK,EAEnB,UAAU,EAAE;oBACV,SAAS,EAAE,QAAQ;oBACnB,QAAQ;oBACR,MAAM;oBACN,IAAI;oBACJ,KAAK;oBACL,SAAS,EAAE,GAAG;iBACf,EACD,YAAY,EAAC,KAAK,GAClB,GACU,GACJ,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAE1C,OAAO,CACL,KAAC,0BAA0B,IAAC,YAAY,EAAE,YAAY,YACpD,KAAC,WAAW,OAAK,KAAK,GAAI,GACC,CAC9B,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/Search/SearchInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAA;AACvE,OAAO,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAA;AAW1E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,EACL,SAAS,GACQ,EAAE,EAAE;IACrB,OAAO,CACL,KAAC,SAAS,cACR,KAAC,WAAW,IAAC,SAAS,kBACpB,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EACV,KAAC,cAAc,IAAC,QAAQ,EAAC,KAAK,YAC5B,KAAC,MAAM,KAAG,GACK,EAEnB,UAAU,EAAE;oBACV,SAAS,EAAE,QAAQ;oBACnB,QAAQ;oBACR,MAAM;oBACN,IAAI;oBACJ,KAAK;oBACL,SAAS,EAAE,GAAG;iBACf,EACD,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,SAAS,GACpB,GACU,GACJ,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAA;IAE1C,OAAO,CACL,KAAC,0BAA0B,IAAC,YAAY,EAAE,YAAY,YACpD,KAAC,WAAW,OAAK,KAAK,EAAE,SAAS,SAAG,GACT,CAC9B,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "3.8.0";
+export declare const version = "3.8.1";

package/dist/esm/config/version.js

@@ -1,3 +1,3 @@
 export const name = '@lifi/widget';
-export const version = '3.8.0';
+export const version = '3.8.1';
 //# sourceMappingURL=version.js.map

package/dist/esm/utils/format.d.ts

@@ -1,6 +1,6 @@
 export declare const precisionFormatter: Intl.NumberFormat;
 /**
- * Format token amount to at least 4 decimals.
+ * Format token amount to at least 6 decimals.
  * @param amount amount to format.
  * @returns formatted amount.
  */

package/dist/esm/utils/format.js

@@ -3,12 +3,12 @@ const subscriptMap = ['₀', '₁', '₂', '₃', '₄', '₅', '₆', '₇', '
 export const precisionFormatter = new Intl.NumberFormat('en', {
     notation: 'standard',
     roundingPriority: 'morePrecision',
-    maximumSignificantDigits: 4,
-    maximumFractionDigits: 4,
+    maximumSignificantDigits: 6,
+    maximumFractionDigits: 6,
     useGrouping: false,
 });
 /**
- * Format token amount to at least 4 decimals.
+ * Format token amount to at least 6 decimals.
  * @param amount amount to format.
  * @returns formatted amount.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.8.0",
+  "version": "3.8.1",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./dist/esm/index.js",

package/src/components/Search/SearchInput.tsx

@@ -11,6 +11,7 @@ interface SearchInputProps {
   placeholder?: string
   onChange?: FormEventHandler<HTMLInputElement>
   onBlur?: FocusEventHandler<HTMLInputElement>
+  autoFocus?: boolean
 }
 
 export const SearchInput = ({
@@ -19,6 +20,7 @@ export const SearchInput = ({
   onChange,
   onBlur,
   value,
+  autoFocus,
 }: SearchInputProps) => {
   return (
     <InputCard>
@@ -40,6 +42,7 @@ export const SearchInput = ({
             maxLength: 128,
           }}
           autoComplete="off"
+          autoFocus={autoFocus}
         />
       </FormControl>
     </InputCard>
@@ -51,7 +54,7 @@ export const StickySearchInput = (props: SearchInputProps) => {
 
   return (
     <StickySearchInputContainer headerHeight={headerHeight}>
-      <SearchInput {...props} />
+      <SearchInput {...props} autoFocus />
     </StickySearchInputContainer>
   )
 }

package/src/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget'
-export const version = '3.8.0'
+export const version = '3.8.1'

package/src/utils/format.ts

@@ -5,13 +5,13 @@ const subscriptMap = ['₀', '₁', '₂', '₃', '₄', '₅', '₆', '₇', '
 export const precisionFormatter = new Intl.NumberFormat('en', {
   notation: 'standard',
   roundingPriority: 'morePrecision',
-  maximumSignificantDigits: 4,
-  maximumFractionDigits: 4,
+  maximumSignificantDigits: 6,
+  maximumFractionDigits: 6,
   useGrouping: false,
 })
 
 /**
- * Format token amount to at least 4 decimals.
+ * Format token amount to at least 6 decimals.
  * @param amount amount to format.
  * @returns formatted amount.
  */