@huma-finance/widgets 0.0.10 → 0.0.11

package/src/index.tsx

@@ -1,213 +1,219 @@
-import './index.css'
-
-import { JsonRpcProvider } from '@ethersproject/providers'
-import { ThemeProvider } from '@mui/material'
-import { Provider as Eip1193Provider } from '@web3-react/types'
-import { Provider as AtomProvider } from 'jotai'
-import { Provider as ReduxProvider } from 'react-redux'
-
-import {
-  CreditLineBorrow,
-  CreditLineBorrowProps,
-} from './components/CreditLine/borrow'
-import {
-  CreditLinePayment,
-  CreditLinePaymentProps,
-} from './components/CreditLine/payment'
-import {
-  InvoiceFactoringBorrow,
-  InvoiceFactoringBorrowProps,
-} from './components/InvoiceFactoring/borrow'
-import {
-  InvoiceFactoringPayment,
-  InvoiceFactoringPaymentProps,
-} from './components/InvoiceFactoring/payment'
-import { LendSupply, LendSupplyProps } from './components/Lend/supply'
-import { LendWithdraw, LendWithdrawProps } from './components/Lend/withdraw'
-import { SuperfluidFactoring } from './components/SuperfluidFactoring'
-import { store } from './store'
-import { themeHuma } from './theme'
-import { WCProps } from './utilTypes'
-
-/**
- * Mapping of your JSON-RPC connections indexed by chainId
- * @typedef {Object} JsonRpcConnectionMap
- * @property {Object.<number, string|Array<string>|JsonRpcProvider|Array<JsonRpcProvider>>} chainId Chain id to map the JSON-RPC URL/URLs or JsonRpcProvider/JsonRpcProviders
- */
-type JsonRpcConnectionMap = {
-  [chainId: number]: string | string[] | JsonRpcProvider | JsonRpcProvider[]
-}
-
-/**
- * Object representing the props passed to web3 provider
- * @typedef {Object} WidgetProps
- * @property {JsonRpcConnectionMap|undefined} jsonRpcUrlMap Optional mapping of your JSON-RPC connections indexed by chainId
- * @property {Eip1193Provider|JsonRpcProvider|null|undefined} provider Optional EIP-1193 provider or JsonRpc Provider
- */
-type WidgetProps = {
-  jsonRpcUrlMap?: JsonRpcConnectionMap
-  provider?: Eip1193Provider | JsonRpcProvider | null
-}
-
-function Widget(props: WCProps<WidgetProps>) {
-  const { children } = props
-  return (
-    <ThemeProvider theme={themeHuma}>
-      <ReduxProvider store={store}>
-        <AtomProvider>{children}</AtomProvider>
-      </ReduxProvider>
-    </ThemeProvider>
-  )
-}
-
-/**
- * Invoice factoring pool borrow widget props
- * @typedef {Object} InvoiceFactoringBorrowWidgetProps
- * @property {InvoiceFactoringBorrowProps} InvoiceFactoringBorrowProps - Invoice factoring pool borrow props.
- * @property {WidgetProps} WidgetProps - Widget general props.
- */
-type InvoiceFactoringBorrowWidgetProps = InvoiceFactoringBorrowProps &
-  WidgetProps
-
-/**
- * Invoice factoring borrow widget
- *
- * @param {InvoiceFactoringBorrowWidgetProps} props - The invoice factoring pool borrow widget props.
- * @returns Invoice factoring pool borrow widget component
- */
-export function InvoiceFactoringBorrowWidget(
-  props: InvoiceFactoringBorrowWidgetProps,
-) {
-  return (
-    <Widget {...props}>
-      <InvoiceFactoringBorrow {...props} />
-    </Widget>
-  )
-}
-
-/**
- * Invoice factoring pool payment widget props
- * @typedef {Object} InvoiceFactoringPaymentWidgetProps
- * @property {InvoiceFactoringPaymentProps} InvoiceFactoringPaymentProps - Invoice factoring pool payment props.
- * @property {WidgetProps} WidgetProps - Widget general props.
- */
-type InvoiceFactoringPaymentWidgetProps = InvoiceFactoringPaymentProps &
-  WidgetProps
-
-/**
- * Invoice factoring payment widget
- *
- * @param {InvoiceFactoringPaymentWidgetProps} props - The invoice factoring pool payment widget props.
- * @returns Invoice factoring pool payment widget component
- */
-export function InvoiceFactoringPaymentWidget(
-  props: InvoiceFactoringPaymentWidgetProps,
-) {
-  return (
-    <Widget {...props}>
-      <InvoiceFactoringPayment {...props} />
-    </Widget>
-  )
-}
-
-/**
- * Credit line pool borrow widget props
- * @typedef {Object} CreditLineBorrowWidgetProps
- * @property {CreditLineBorrowProps} CreditLineBorrowProps - Credit line pool borrow props.
- * @property {WidgetProps} WidgetProps - Widget general props.
- */
-type CreditLineBorrowWidgetProps = CreditLineBorrowProps & WidgetProps
-
-/**
- * Credit line borrow widget
- *
- * @param {CreditLineBorrowWidgetProps} props - The credit line pool borrow widget props.
- * @returns Credit line pool borrow widget component
- */
-export function CreditLineBorrowWidget(props: CreditLineBorrowWidgetProps) {
-  return (
-    <Widget {...props}>
-      <CreditLineBorrow {...props} />
-    </Widget>
-  )
-}
-
-/**
- * Credit line pool payment widget props
- * @typedef {Object} CreditLinePaymentWidgetProps
- * @property {CreditLinePaymentProps} CreditLinePaymentProps - Credit line pool payment props.
- * @property {WidgetProps} WidgetProps - Widget general props.
- */
-type CreditLinePaymentWidgetProps = CreditLinePaymentProps & WidgetProps
-
-/**
- * Credit line payment widget
- *
- * @param {CreditLinePaymentWidgetProps} props - The credit line pool payment widget props.
- * @returns Credit line pool payment widget component
- */
-export function CreditLinePaymentWidget(props: CreditLinePaymentWidgetProps) {
-  return (
-    <Widget {...props}>
-      <CreditLinePayment {...props} />
-    </Widget>
-  )
-}
-
-/**
- * Lend pool supply widget props
- * @typedef {Object} LendSupplyWidgetProps
- * @property {LendSupplyProps} LendSupplyProps - Lend pool supply props.
- * @property {WidgetProps} WidgetProps - Widget general props.
- */
-type LendSupplyWidgetProps = LendSupplyProps & WidgetProps
-
-/**
- * Lend supply widget
- *
- * @param {LendSupplyWidgetProps} props - The lend pool supply widget props.
- * @returns Lend pool supply widget component
- */
-export function LendSupplyWidget(props: LendSupplyWidgetProps) {
-  return (
-    <Widget {...props}>
-      <LendSupply {...props} />
-    </Widget>
-  )
-}
-
-/**
- * Lend pool withdraw widget props
- * @typedef {Object} LendWithdrawWidgetProps
- * @property {LendWithdrawProps} LendWithdrawProps - Lend pool withdraw props.
- * @property {WidgetProps} WidgetProps - Widget general props.
- */
-type LendWithdrawWidgetProps = LendWithdrawProps & WidgetProps
-
-/**
- * Lend withdraw widget
- *
- * @param {LendWithdrawProps & WidgetProps} props The lend pool withdraw widget props
- * @returns Lend pool withdraw widget component
- */
-export function LendWithdrawWidget(props: LendWithdrawWidgetProps) {
-  return (
-    <Widget {...props}>
-      <LendWithdraw {...props} />
-    </Widget>
-  )
-}
-
-/**
- * Superfluid factoring widget
- *
- * @param {WidgetProps} props - The superfluid factoring widget props.
- * @returns Superfluid factoring widget component
- */
-export function SuperfluidFactoringWidget(props: WidgetProps) {
-  return (
-    <Widget {...props}>
-      <SuperfluidFactoring />
-    </Widget>
-  )
-}
+import './index.css'
+
+import { JsonRpcProvider } from '@ethersproject/providers'
+import {
+  Provider as Web3Provider,
+  ProviderProps as Web3Props,
+} from '@huma-finance/shared'
+import { ThemeProvider } from '@mui/material'
+import { Provider as Eip1193Provider } from '@web3-react/types'
+import { Provider as AtomProvider } from 'jotai'
+import { Provider as ReduxProvider } from 'react-redux'
+
+import {
+  CreditLineBorrow,
+  CreditLineBorrowProps,
+} from './components/CreditLine/borrow'
+import {
+  CreditLinePayment,
+  CreditLinePaymentProps,
+} from './components/CreditLine/payment'
+import {
+  InvoiceFactoringBorrow,
+  InvoiceFactoringBorrowProps,
+} from './components/InvoiceFactoring/borrow'
+import {
+  InvoiceFactoringPayment,
+  InvoiceFactoringPaymentProps,
+} from './components/InvoiceFactoring/payment'
+import { LendSupply, LendSupplyProps } from './components/Lend/supply'
+import { LendWithdraw, LendWithdrawProps } from './components/Lend/withdraw'
+import { SuperfluidFactoring } from './components/SuperfluidFactoring'
+import { store } from './store'
+import { themeHuma } from './theme'
+import { WCProps } from './utilTypes'
+
+/**
+ * Mapping of your JSON-RPC connections indexed by chainId
+ * @typedef {Object} JsonRpcConnectionMap
+ * @property {Object.<number, string|Array<string>|JsonRpcProvider|Array<JsonRpcProvider>>} chainId Chain id to map the JSON-RPC URL/URLs or JsonRpcProvider/JsonRpcProviders
+ */
+type JsonRpcConnectionMap = {
+  [chainId: number]: string | string[] | JsonRpcProvider | JsonRpcProvider[]
+}
+
+/**
+ * Object representing the props passed to web3 provider
+ * @typedef {Object} WidgetProps
+ * @property {JsonRpcConnectionMap|undefined} jsonRpcUrlMap Optional mapping of your JSON-RPC connections indexed by chainId
+ * @property {Eip1193Provider|JsonRpcProvider|null|undefined} provider Optional EIP-1193 provider or JsonRpc Provider
+ */
+type WidgetProps = {
+  jsonRpcUrlMap?: JsonRpcConnectionMap
+  provider?: Eip1193Provider | JsonRpcProvider | null
+}
+
+function Widget(props: WCProps<WidgetProps>) {
+  const { children } = props
+  return (
+    <ThemeProvider theme={themeHuma}>
+      <ReduxProvider store={store}>
+        <Web3Provider {...(props as Web3Props)}>
+          <AtomProvider>{children}</AtomProvider>
+        </Web3Provider>
+      </ReduxProvider>
+    </ThemeProvider>
+  )
+}
+
+/**
+ * Invoice factoring pool borrow widget props
+ * @typedef {Object} InvoiceFactoringBorrowWidgetProps
+ * @property {InvoiceFactoringBorrowProps} InvoiceFactoringBorrowProps - Invoice factoring pool borrow props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type InvoiceFactoringBorrowWidgetProps = InvoiceFactoringBorrowProps &
+  WidgetProps
+
+/**
+ * Invoice factoring borrow widget
+ *
+ * @param {InvoiceFactoringBorrowWidgetProps} props - The invoice factoring pool borrow widget props.
+ * @returns Invoice factoring pool borrow widget component
+ */
+export function InvoiceFactoringBorrowWidget(
+  props: InvoiceFactoringBorrowWidgetProps,
+) {
+  return (
+    <Widget {...props}>
+      <InvoiceFactoringBorrow {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Invoice factoring pool payment widget props
+ * @typedef {Object} InvoiceFactoringPaymentWidgetProps
+ * @property {InvoiceFactoringPaymentProps} InvoiceFactoringPaymentProps - Invoice factoring pool payment props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type InvoiceFactoringPaymentWidgetProps = InvoiceFactoringPaymentProps &
+  WidgetProps
+
+/**
+ * Invoice factoring payment widget
+ *
+ * @param {InvoiceFactoringPaymentWidgetProps} props - The invoice factoring pool payment widget props.
+ * @returns Invoice factoring pool payment widget component
+ */
+export function InvoiceFactoringPaymentWidget(
+  props: InvoiceFactoringPaymentWidgetProps,
+) {
+  return (
+    <Widget {...props}>
+      <InvoiceFactoringPayment {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Credit line pool borrow widget props
+ * @typedef {Object} CreditLineBorrowWidgetProps
+ * @property {CreditLineBorrowProps} CreditLineBorrowProps - Credit line pool borrow props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type CreditLineBorrowWidgetProps = CreditLineBorrowProps & WidgetProps
+
+/**
+ * Credit line borrow widget
+ *
+ * @param {CreditLineBorrowWidgetProps} props - The credit line pool borrow widget props.
+ * @returns Credit line pool borrow widget component
+ */
+export function CreditLineBorrowWidget(props: CreditLineBorrowWidgetProps) {
+  return (
+    <Widget {...props}>
+      <CreditLineBorrow {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Credit line pool payment widget props
+ * @typedef {Object} CreditLinePaymentWidgetProps
+ * @property {CreditLinePaymentProps} CreditLinePaymentProps - Credit line pool payment props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type CreditLinePaymentWidgetProps = CreditLinePaymentProps & WidgetProps
+
+/**
+ * Credit line payment widget
+ *
+ * @param {CreditLinePaymentWidgetProps} props - The credit line pool payment widget props.
+ * @returns Credit line pool payment widget component
+ */
+export function CreditLinePaymentWidget(props: CreditLinePaymentWidgetProps) {
+  return (
+    <Widget {...props}>
+      <CreditLinePayment {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Lend pool supply widget props
+ * @typedef {Object} LendSupplyWidgetProps
+ * @property {LendSupplyProps} LendSupplyProps - Lend pool supply props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type LendSupplyWidgetProps = LendSupplyProps & WidgetProps
+
+/**
+ * Lend supply widget
+ *
+ * @param {LendSupplyWidgetProps} props - The lend pool supply widget props.
+ * @returns Lend pool supply widget component
+ */
+export function LendSupplyWidget(props: LendSupplyWidgetProps) {
+  return (
+    <Widget {...props}>
+      <LendSupply {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Lend pool withdraw widget props
+ * @typedef {Object} LendWithdrawWidgetProps
+ * @property {LendWithdrawProps} LendWithdrawProps - Lend pool withdraw props.
+ * @property {WidgetProps} WidgetProps - Widget general props.
+ */
+type LendWithdrawWidgetProps = LendWithdrawProps & WidgetProps
+
+/**
+ * Lend withdraw widget
+ *
+ * @param {LendWithdrawProps & WidgetProps} props The lend pool withdraw widget props
+ * @returns Lend pool withdraw widget component
+ */
+export function LendWithdrawWidget(props: LendWithdrawWidgetProps) {
+  return (
+    <Widget {...props}>
+      <LendWithdraw {...props} />
+    </Widget>
+  )
+}
+
+/**
+ * Superfluid factoring widget
+ *
+ * @param {WidgetProps} props - The superfluid factoring widget props.
+ * @returns Superfluid factoring widget component
+ */
+export function SuperfluidFactoringWidget(props: WidgetProps) {
+  return (
+    <Widget {...props}>
+      <SuperfluidFactoring />
+    </Widget>
+  )
+}

package/src/react-app-env.d.ts

@@ -1 +1 @@
-/// <reference types="react-scripts" />
+/// <reference types="react-scripts" />

package/src/reportWebVitals.ts

@@ -1,15 +1,15 @@
-import { ReportHandler } from 'web-vitals';
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;
+import { ReportHandler } from 'web-vitals';
+
+const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

package/src/setupTests.ts

@@ -1,6 +1,6 @@
-/* eslint-disable import/no-extraneous-dependencies */
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom/extend-expect'
+/* eslint-disable import/no-extraneous-dependencies */
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom/extend-expect'

package/src/store/index.ts

@@ -1,27 +1,27 @@
-import {
-  Action,
-  ActionCreator,
-  AnyAction,
-  configureStore,
-  ThunkAction,
-} from '@reduxjs/toolkit'
-
-import widgetsReducers from './widgets.reducers'
-
-export const store = configureStore({
-  reducer: {
-    widget: widgetsReducers,
-  },
-})
-
-export type AppDispatch = typeof store.dispatch
-export type RootState = ReturnType<typeof store.getState>
-export type AppThunk<ReturnType = void> = ThunkAction<
-  ReturnType,
-  RootState,
-  unknown,
-  Action<string>
->
-export type AppActionThunk<ReturnType = void> = ActionCreator<
-  ThunkAction<ReturnType, RootState, unknown, AnyAction>
->
+import {
+  Action,
+  ActionCreator,
+  AnyAction,
+  configureStore,
+  ThunkAction,
+} from '@reduxjs/toolkit'
+
+import widgetsReducers from './widgets.reducers'
+
+export const store = configureStore({
+  reducer: {
+    widget: widgetsReducers,
+  },
+})
+
+export type AppDispatch = typeof store.dispatch
+export type RootState = ReturnType<typeof store.getState>
+export type AppThunk<ReturnType = void> = ThunkAction<
+  ReturnType,
+  RootState,
+  unknown,
+  Action<string>
+>
+export type AppActionThunk<ReturnType = void> = ActionCreator<
+  ThunkAction<ReturnType, RootState, unknown, AnyAction>
+>