@xylabs/sdk-react 2.11.16 → 2.12.3

package/dist/lib/useAsyncEffect.js

@@ -1,23 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import { useEffect } from 'react';
-export function useAsyncEffect(effect, inputs) {
-    useEffect(function () {
-        let mounted = true;
-        const promise = effect(() => {
-            return mounted;
-        });
-        Promise.resolve(promise)
-            .then((callback) => {
-            if (callback) {
-                callback === null || callback === void 0 ? void 0 : callback();
-            }
-        })
-            .catch((reason) => {
-            console.log(`useAsyncEffect Excepted: ${reason}`);
-        });
-        return function () {
-            mounted = false;
-        };
-    }, inputs !== null && inputs !== void 0 ? inputs : []);
-}
-//# sourceMappingURL=useAsyncEffect.js.map

package/dist/lib/useAsyncEffect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAsyncEffect.js","sourceRoot":"","sources":["../../src/lib/useAsyncEffect.tsx"],"names":[],"mappings":"AAAA,gDAAgD;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,MAAM,UAAU,cAAc,CAAC,MAAkB,EAAE,MAAkB;IACnE,SAAS,CAAC;QACR,IAAI,OAAO,GAAG,IAAI,CAAA;QAClB,MAAM,OAAO,GAAiC,MAAM,CAAC,GAAG,EAAE;YACxD,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC,CAAA;QAEF,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;aACrB,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YACjB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAA;aACb;QACH,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;YAChB,OAAO,CAAC,GAAG,CAAC,4BAA4B,MAAM,EAAE,CAAC,CAAA;QACnD,CAAC,CAAC,CAAA;QAEJ,OAAO;YACL,OAAO,GAAG,KAAK,CAAA;QACjB,CAAC,CAAA;IACH,CAAC,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC,CAAA;AAClB,CAAC"}

package/dist/mergeBoxlikeStyles.d.ts

@@ -1,4 +0,0 @@
-import { Theme } from '@mui/material';
-import { BoxlikeComponentProps } from './BoxlikeComponentProps';
-declare const mergeBoxlikeStyles: <T extends BoxlikeComponentProps>(theme: Theme, props: BoxlikeComponentProps, defaultProps?: BoxlikeComponentProps | undefined) => T;
-export { mergeBoxlikeStyles };

package/dist/mergeBoxlikeStyles.js

@@ -1,23 +0,0 @@
-import { __rest } from "tslib";
-import { calcSpacing } from './calcSpacing';
-const mergeBoxlikeStyles = (theme, props, defaultProps) => {
-    const _a = Object.assign(Object.assign({}, defaultProps), props), { alignContent, alignItems, alignSelf, bgcolor, border, borderColor, display, flexGrow, flexShrink, flexDirection, flexWrap, justifyContent, justifyItems, justifySelf, height, minHeight, minWidth, margin, marginX, marginY, marginTop, marginLeft, marginRight, marginBottom, padding, paddingX, paddingY, paddingTop, paddingLeft, paddingRight, paddingBottom, position, style, width } = _a, rootProps = __rest(_a, ["alignContent", "alignItems", "alignSelf", "bgcolor", "border", "borderColor", "display", "flexGrow", "flexShrink", "flexDirection", "flexWrap", "justifyContent", "justifyItems", "justifySelf", "height", "minHeight", "minWidth", "margin", "marginX", "marginY", "marginTop", "marginLeft", "marginRight", "marginBottom", "padding", "paddingX", "paddingY", "paddingTop", "paddingLeft", "paddingRight", "paddingBottom", "position", "style", "width"]);
-    const mergedStyle = Object.assign({ alignContent,
-        alignItems,
-        alignSelf, backgroundColor: bgcolor, border,
-        borderColor,
-        display,
-        flexDirection,
-        flexGrow,
-        flexShrink,
-        flexWrap,
-        height,
-        justifyContent,
-        justifyItems,
-        justifySelf, marginBottom: calcSpacing(theme, [marginBottom, marginY, margin]), marginLeft: calcSpacing(theme, [marginLeft, marginX, margin]), marginRight: calcSpacing(theme, [marginRight, marginX, margin]), marginTop: calcSpacing(theme, [marginTop, marginY, margin]), minHeight,
-        minWidth, paddingBottom: calcSpacing(theme, [paddingBottom, paddingY, padding]), paddingLeft: calcSpacing(theme, [paddingLeft, paddingX, padding]), paddingRight: calcSpacing(theme, [paddingRight, paddingX, padding]), paddingTop: calcSpacing(theme, [paddingTop, paddingY, padding]), position,
-        width }, style);
-    return Object.assign(Object.assign({}, rootProps), { style: mergedStyle });
-};
-export { mergeBoxlikeStyles };
-//# sourceMappingURL=mergeBoxlikeStyles.js.map

package/dist/mergeBoxlikeStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mergeBoxlikeStyles.js","sourceRoot":"","sources":["../src/mergeBoxlikeStyles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,kBAAkB,GAAG,CAAkC,KAAY,EAAE,KAA4B,EAAE,YAAoC,EAAK,EAAE;IAClJ,MAAM,qCAoCG,YAAY,GAAK,KAAK,CAAE,EApC3B,EACJ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,OAAO,EACP,MAAM,EACN,WAAW,EACX,OAAO,EACP,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,WAAW,EACX,MAAM,EACN,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,KAAK,EACL,KAAK,OAE0B,EAD5B,SAAS,cAnCR,8bAoCL,CAAgC,CAAA;IACjC,MAAM,WAAW,mBACf,YAAY;QACZ,UAAU;QACV,SAAS,EACT,eAAe,EAAE,OAAO,EACxB,MAAM;QACN,WAAW;QACX,OAAO;QACP,aAAa;QACb,QAAQ;QACR,UAAU;QACV,QAAQ;QACR,MAAM;QACN,cAAc;QACd,YAAY;QACZ,WAAW,EACX,YAAY,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,EACjE,UAAU,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,EAC7D,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,EAC/D,SAAS,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,EAC3D,SAAS;QACT,QAAQ,EACR,aAAa,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,EACrE,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,EACjE,YAAY,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,EACnE,UAAU,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,EAC/D,QAAQ;QACR,KAAK,IACF,KAAK,CACT,CAAA;IACD,OAAO,gCACF,SAAS,KACZ,KAAK,EAAE,WAAW,GACd,CAAA;AACR,CAAC,CAAA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAA"}

package/src/components/EthAccount/EthAccount.stories.tsx

@@ -1,97 +0,0 @@
-import { ComponentMeta, ComponentStory } from '@storybook/react'
-import { EthAddress } from '@xylabs/sdk-js'
-
-import { FlexRow } from '../FlexBox'
-import { EthAccount } from './EthAccount'
-
-const StorybookEntry = {
-  argTypes: {},
-  component: EthAccount,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
-  title: 'Components/EthAccount',
-} as ComponentMeta<typeof EthAccount>
-
-const Template: ComponentStory<typeof EthAccount> = (args) => (
-  <FlexRow>
-    <EthAccount variant="outlined" {...args}></EthAccount>
-  </FlexRow>
-)
-
-const Long = Template.bind({})
-Long.args = {
-  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
-  addressLength: 'long',
-  icon: true,
-  title: 'Sample EthAccount',
-  toEtherScan: true,
-}
-
-const LongEmpty = Template.bind({})
-LongEmpty.args = {
-  addressLength: 'long',
-  icon: true,
-  title: 'Sample EthAccount',
-  toEtherScan: true,
-}
-
-const Medium = Template.bind({})
-Medium.args = {
-  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
-  addressLength: 'short',
-  icon: true,
-  shortenedLength: 8,
-  title: 'Sample EthAccount',
-  toEtherScan: true,
-}
-
-const MediumEmpty = Template.bind({})
-MediumEmpty.args = {
-  addressLength: 'short',
-  icon: true,
-  shortenedLength: 8,
-  title: 'Sample EthAccount',
-  toEtherScan: true,
-}
-
-const Short = Template.bind({})
-Short.args = {
-  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
-  addressLength: 'short',
-  icon: true,
-  title: 'Sample EthAccount',
-  toEtherScan: true,
-}
-
-const ShortEmpty = Template.bind({})
-ShortEmpty.args = {
-  addressLength: 'short',
-  icon: true,
-  title: 'Sample EthAccount',
-  toEtherScan: true,
-}
-
-const Auto = Template.bind({})
-Auto.args = {
-  address: EthAddress.fromString('0x6792b02f88b32c4fe8e31cfa41ae5af44865f930'),
-  addressLength: 'auto',
-  icon: true,
-  title: 'Sample EthAccount',
-  toEtherScan: true,
-}
-
-const AutoEmpty = Template.bind({})
-AutoEmpty.args = {
-  addressLength: 'auto',
-  icon: true,
-  title: 'Sample EthAccount',
-  toEtherScan: true,
-}
-
-export { Auto, AutoEmpty, Long, LongEmpty, Medium, MediumEmpty, Short, ShortEmpty }
-
-// eslint-disable-next-line import/no-default-export
-export default StorybookEntry

package/src/components/EthAccount/EthAccount.tsx

@@ -1,73 +0,0 @@
-import { Typography, useTheme } from '@mui/material'
-import { assertEx, EthAddress } from '@xylabs/sdk-js'
-import { MouseEvent, useContext } from 'react'
-
-import { EthersContext } from '../../contexts'
-import { useMediaQuery } from '../../hooks'
-import { ButtonEx } from '../ButtonEx'
-import { FlexGrowRow, FlexRow } from '../FlexBox'
-import { Identicon } from '../Identicon'
-import { EthAccountProps } from './EthAccountProps'
-
-const EthAccount: React.FC<EthAccountProps> = ({
-  address,
-  icon = false,
-  iconSize = 16,
-  iconOnly = false,
-  shortenedLength,
-  addressLength = 'auto',
-  fontFamily = '"Source Code Pro",monospace',
-  toEtherScan,
-  onButtonClick,
-  ...props
-}) => {
-  const { localAddress } = useContext(EthersContext)
-  const theme = useTheme()
-
-  const large = useMediaQuery(theme.breakpoints.up('md'))
-
-  const isLocalAddress = address ? localAddress?.toString() === address.toString() : false
-
-  const onClickLocal = (event: MouseEvent<HTMLButtonElement>) => {
-    onButtonClick?.(event)
-    if (toEtherScan && address) {
-      window.open(`https://etherscan.io/address/${address.toString()}`, '_blank')
-    }
-  }
-
-  const addressToDisplay = assertEx(address ?? EthAddress.fromString('0x00'), 'Bad Eth Address')
-
-  const testToDisplay =
-    addressLength === 'long'
-      ? addressToDisplay.toString()
-      : addressLength === 'short'
-      ? addressToDisplay.toShortString(shortenedLength)
-      : large
-      ? addressToDisplay.toString()
-      : addressToDisplay.toShortString()
-
-  // Note: We use the all zero address for spacing in case it is
-
-  return (
-    <ButtonEx onClick={onClickLocal} title={`0x${address?.toHex()}`} {...props}>
-      <FlexGrowRow justifyContent="space-between" alignItems="center">
-        {icon && address ? <Identicon size={iconSize} value={address?.toHex()} /> : null}
-        {iconOnly ? null : (
-          <FlexRow>
-            <Typography marginLeft={icon ? 1 : 0} variant="body1" fontFamily={fontFamily} visibility={address ? 'inherit' : 'hidden'}>
-              {testToDisplay}
-            </Typography>
-            {address ? null : (
-              <Typography position="absolute" marginLeft={icon ? 1 : 0} variant="body1" fontFamily={fontFamily}>
-                -- --
-              </Typography>
-            )}
-          </FlexRow>
-        )}
-        {isLocalAddress ? <FlexRow marginLeft={0.5}>(You)</FlexRow> : null}
-      </FlexGrowRow>
-    </ButtonEx>
-  )
-}
-
-export { EthAccount }