@huma-finance/widgets 0.0.8 → 0.0.10

package/rollup.config.js

@@ -1,81 +1,81 @@
-const { babel } = require('@rollup/plugin-babel')
-const commonjs = require('@rollup/plugin-commonjs')
-const inject = require('@rollup/plugin-inject')
-const json = require('@rollup/plugin-json')
-const { nodeResolve: resolve } = require('@rollup/plugin-node-resolve')
-const { default: dts } = require('rollup-plugin-dts')
-const url = require('@rollup/plugin-url')
-const svgr = require('@svgr/rollup')
-const externals = require('rollup-plugin-node-externals')
-const sass = require('rollup-plugin-scss')
-
-const EXTENSIONS = ['.js', '.jsx', '.ts', '.tsx']
-
-const transpile = {
-  input: 'src/index.tsx',
-  external: (source) => {
-    return source.startsWith('@ethersproject/')
-  },
-  plugins: [
-    externals({
-      exclude: [/\.json$/, /\.css$/],
-      deps: true,
-      peerDeps: true,
-    }),
-    resolve({ extensions: EXTENSIONS }),
-    json(),
-    url({ include: ['**/*.png', '**/*.svg', '**/*.gif'], limit: Infinity }),
-    svgr({ jsxRuntime: 'automatic' }),
-    sass(),
-    commonjs(),
-
-    babel({
-      babelHelpers: 'runtime',
-      extensions: EXTENSIONS,
-    }),
-    inject({ React: 'react' }),
-  ],
-  onwarn: (warning, warn) => {
-    if (warning.code === 'UNUSED_EXTERNAL_IMPORT') return
-    if (warning.code === 'THIS_IS_UNDEFINED') return
-    if (warning.code === 'CIRCULAR_DEPENDENCY') return
-
-    warn(warning)
-    console.log(warning.loc, '\n')
-  },
-}
-
-const esm = {
-  ...transpile,
-  output: {
-    file: 'dist/index.js',
-    format: 'esm',
-    sourcemap: true,
-  },
-}
-
-const cjs = {
-  ...transpile,
-  output: {
-    dir: 'dist/cjs',
-    entryFileNames: '[name].cjs',
-    chunkFileNames: '[name]-[hash].cjs',
-    format: 'cjs',
-    sourcemap: true,
-  },
-  watch: false,
-}
-
-const types = {
-  input: 'dts/index.d.ts',
-  output: { file: 'dist/index.d.ts' },
-  external: (source) =>
-    source.endsWith('.css') || source.endsWith('/external.d.ts'),
-  plugins: [dts({ compilerOptions: { baseUrl: 'dts' } })],
-  watch: false,
-}
-
-const config = [esm, cjs, types]
-config.config = { ...esm, output: { ...esm.output, sourcemap: true } }
-
-module.exports = config
+const { babel } = require('@rollup/plugin-babel')
+const commonjs = require('@rollup/plugin-commonjs')
+const inject = require('@rollup/plugin-inject')
+const json = require('@rollup/plugin-json')
+const { nodeResolve: resolve } = require('@rollup/plugin-node-resolve')
+const { default: dts } = require('rollup-plugin-dts')
+const url = require('@rollup/plugin-url')
+const svgr = require('@svgr/rollup')
+const externals = require('rollup-plugin-node-externals')
+const sass = require('rollup-plugin-scss')
+
+const EXTENSIONS = ['.js', '.jsx', '.ts', '.tsx']
+
+const transpile = {
+  input: 'src/index.tsx',
+  external: (source) => {
+    return source.startsWith('@ethersproject/')
+  },
+  plugins: [
+    externals({
+      exclude: [/\.json$/, /\.css$/],
+      deps: true,
+      peerDeps: true,
+    }),
+    resolve({ extensions: EXTENSIONS }),
+    json(),
+    url({ include: ['**/*.png', '**/*.svg', '**/*.gif'], limit: Infinity }),
+    svgr({ jsxRuntime: 'automatic' }),
+    sass(),
+    commonjs(),
+
+    babel({
+      babelHelpers: 'runtime',
+      extensions: EXTENSIONS,
+    }),
+    inject({ React: 'react' }),
+  ],
+  onwarn: (warning, warn) => {
+    if (warning.code === 'UNUSED_EXTERNAL_IMPORT') return
+    if (warning.code === 'THIS_IS_UNDEFINED') return
+    if (warning.code === 'CIRCULAR_DEPENDENCY') return
+
+    warn(warning)
+    console.log(warning.loc, '\n')
+  },
+}
+
+const esm = {
+  ...transpile,
+  output: {
+    file: 'dist/index.js',
+    format: 'esm',
+    sourcemap: true,
+  },
+}
+
+const cjs = {
+  ...transpile,
+  output: {
+    dir: 'dist/cjs',
+    entryFileNames: '[name].cjs',
+    chunkFileNames: '[name]-[hash].cjs',
+    format: 'cjs',
+    sourcemap: true,
+  },
+  watch: false,
+}
+
+const types = {
+  input: 'dts/index.d.ts',
+  output: { file: 'dist/index.d.ts' },
+  external: (source) =>
+    source.endsWith('.css') || source.endsWith('/external.d.ts'),
+  plugins: [dts({ compilerOptions: { baseUrl: 'dts' } })],
+  watch: false,
+}
+
+const config = [esm, cjs, types]
+config.config = { ...esm, output: { ...esm.output, sourcemap: true } }
+
+module.exports = config

package/src/components/ApolloWrapper.tsx

@@ -1,15 +1,15 @@
-import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client'
-
-import { WCProps } from '../utilTypes'
-
-export function ApolloWrapper({
-  uri,
-  children,
-}: WCProps<{ uri: string }>): React.ReactElement | null {
-  const client = new ApolloClient({
-    uri,
-    cache: new InMemoryCache(),
-  })
-
-  return <ApolloProvider client={client}>{children}</ApolloProvider>
-}
+import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client'
+
+import { WCProps } from '../utilTypes'
+
+export function ApolloWrapper({
+  uri,
+  children,
+}: WCProps<{ uri: string }>): React.ReactElement | null {
+  const client = new ApolloClient({
+    uri,
+    cache: new InMemoryCache(),
+  })
+
+  return <ApolloProvider client={client}>{children}</ApolloProvider>
+}

package/src/components/BottomButton.tsx

@@ -1,31 +1,31 @@
-import { Box, Button, css } from '@mui/material'
-import React from 'react'
-
-import { WCProps } from '../utilTypes'
-
-type Props = {
-  variant: 'contained' | 'outlined'
-  onClick?: () => void
-}
-
-export function BottomButton({
-  variant,
-  onClick,
-  children,
-}: WCProps<Props>): React.ReactElement {
-  const styles = css`
-    & .MuiButtonBase-root {
-      width: 100%;
-      position: absolute;
-      bottom: 0;
-    }
-  `
-
-  return (
-    <Box css={styles}>
-      <Button variant={variant} onClick={onClick}>
-        {children}
-      </Button>
-    </Box>
-  )
-}
+import { Box, Button, css } from '@mui/material'
+import React from 'react'
+
+import { WCProps } from '../utilTypes'
+
+type Props = {
+  variant: 'contained' | 'outlined'
+  onClick?: () => void
+}
+
+export function BottomButton({
+  variant,
+  onClick,
+  children,
+}: WCProps<Props>): React.ReactElement {
+  const styles = css`
+    & .MuiButtonBase-root {
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+    }
+  `
+
+  return (
+    <Box css={styles}>
+      <Button variant={variant} onClick={onClick}>
+        {children}
+      </Button>
+    </Box>
+  )
+}

package/src/components/Factoring/index.ts

@@ -1,2 +1,2 @@
-export * from './UpcomingList'
-export * from './FactoredList'
+export * from './UpcomingList'
+export * from './FactoredList'

package/src/components/HumaLoading.tsx

@@ -1,68 +1,68 @@
-import { css } from '@emotion/react'
-import { useTheme } from '@mui/material'
-import React, { useEffect, useState } from 'react'
-
-import { LoaderIcon } from './icons'
-
-type Props = {
-  fullScreen?: boolean
-  minHeight?: string
-}
-
-export function HumaLoading({
-  fullScreen = false,
-  minHeight = '0px',
-}: Props): React.ReactElement {
-  const theme = useTheme()
-  const pathLength = 45
-  const [count, setCount] = useState(1)
-  const intervalTime = 30
-
-  useEffect(() => {
-    const interval = setInterval(() => {
-      if (count <= pathLength) {
-        const element = document.querySelector(
-          `#huma-loader-wrapper > svg > path:nth-of-type(${count})`,
-        )
-        if (element) {
-          // @ts-ignore
-          element.style.visibility = 'visible'
-          setCount((pre) => pre + 1)
-        }
-      } else {
-        const elements = document.querySelectorAll(
-          `#huma-loader-wrapper > svg > path`,
-        )
-        if (elements) {
-          // @ts-ignore
-          elements.forEach((element) => {
-            // @ts-ignore
-            element.style.visibility = 'hidden'
-          })
-          setCount(1)
-        }
-      }
-    }, intervalTime)
-    return () => clearInterval(interval)
-  }, [count])
-
-  const styles = {
-    wrapper: css`
-      ${theme.cssMixins.rowCentered};
-      min-height: ${fullScreen ? '100vh' : minHeight};
-      width: 50px;
-      height: 50px;
-    `,
-    icon: css`
-      & > path {
-        visibility: hidden;
-      }
-    `,
-  }
-
-  return (
-    <div css={styles.wrapper} id='huma-loader-wrapper'>
-      <LoaderIcon css={styles.icon} />
-    </div>
-  )
-}
+import { css } from '@emotion/react'
+import { useTheme } from '@mui/material'
+import React, { useEffect, useState } from 'react'
+
+import { LoaderIcon } from './icons'
+
+type Props = {
+  fullScreen?: boolean
+  minHeight?: string
+}
+
+export function HumaLoading({
+  fullScreen = false,
+  minHeight = '0px',
+}: Props): React.ReactElement {
+  const theme = useTheme()
+  const pathLength = 45
+  const [count, setCount] = useState(1)
+  const intervalTime = 30
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      if (count <= pathLength) {
+        const element = document.querySelector(
+          `#huma-loader-wrapper > svg > path:nth-of-type(${count})`,
+        )
+        if (element) {
+          // @ts-ignore
+          element.style.visibility = 'visible'
+          setCount((pre) => pre + 1)
+        }
+      } else {
+        const elements = document.querySelectorAll(
+          `#huma-loader-wrapper > svg > path`,
+        )
+        if (elements) {
+          // @ts-ignore
+          elements.forEach((element) => {
+            // @ts-ignore
+            element.style.visibility = 'hidden'
+          })
+          setCount(1)
+        }
+      }
+    }, intervalTime)
+    return () => clearInterval(interval)
+  }, [count])
+
+  const styles = {
+    wrapper: css`
+      ${theme.cssMixins.rowCentered};
+      min-height: ${fullScreen ? '100vh' : minHeight};
+      width: 50px;
+      height: 50px;
+    `,
+    icon: css`
+      & > path {
+        visibility: hidden;
+      }
+    `,
+  }
+
+  return (
+    <div css={styles.wrapper} id='huma-loader-wrapper'>
+      <LoaderIcon css={styles.icon} />
+    </div>
+  )
+}