@xyo-network/react-shared 2.27.21 → 2.27.22

package/dist/cjs/components/TokenBar/TokenBar.d.ts

@@ -1,8 +1,12 @@
-/// <reference types="react" />
-import { PaperProps } from '@mui/material';
+import { PaperProps, TypographyProps } from '@mui/material';
+import { ReactNode } from 'react';
 export interface TokenBarProps extends PaperProps {
     text1?: string | number;
+    text1Props?: TypographyProps;
+    text1Suffix?: ReactNode;
     text2?: string | number;
+    text2Props?: TypographyProps;
+    text2Suffix?: ReactNode;
 }
 export declare const TokenBar: React.FC<TokenBarProps>;
 //# sourceMappingURL=TokenBar.d.ts.map

package/dist/cjs/components/TokenBar/TokenBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenBar.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,UAAU,EAAc,MAAM,eAAe,CAAA;AAE7D,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAa5C,CAAA"}
+{"version":3,"file":"TokenBar.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAe5C,CAAA"}

package/dist/cjs/components/TokenBar/TokenBar.js

@@ -6,8 +6,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_flexbox_1 = require("@xylabs/react-flexbox");
 const TokenBar = (_a) => {
-    var { text1, text2 } = _a, props = tslib_1.__rest(_a, ["text1", "text2"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ elevation: 0, className: "TokenBar-root" }, props, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", fontWeight: 300, margin: 1 }, { children: text1 })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1", fontWeight: 300, textTransform: "uppercase", color: "gray", margin: 1 }, { children: text2 }))] })) })));
+    var { text1, text1Props, text1Suffix, text2, text2Props, text2Suffix } = _a, props = tslib_1.__rest(_a, ["text1", "text1Props", "text1Suffix", "text2", "text2Props", "text2Suffix"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ elevation: 0, className: "TokenBar-root" }, props, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "body1", fontWeight: 300, margin: 1 }, text1Props, { children: [text1, text1Suffix] })), (0, jsx_runtime_1.jsxs)(material_1.Typography, Object.assign({ variant: "body1", fontWeight: 300, textTransform: "uppercase", color: "gray", margin: 1 }, text2Props, { children: [text2, text2Suffix] }))] })) })));
 };
 exports.TokenBar = TokenBar;
 //# sourceMappingURL=TokenBar.js.map

package/dist/cjs/components/TokenBar/TokenBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenBar.js","sourceRoot":"","sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAC7D,yDAA+C;AAMxC,MAAM,QAAQ,GAA4B,CAAC,EAA0B,EAAE,EAAE;QAA9B,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAxB,kBAA0B,CAAF;IACxE,OAAO,CACL,uBAAC,gBAAK,kBAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAC,eAAe,IAAK,KAAK,cACtD,wBAAC,uBAAO,kBAAC,cAAc,EAAC,eAAe,iBACrC,uBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,gBACnD,KAAK,IACK,EACb,uBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,CAAC,gBAC1F,KAAK,IACK,KACL,IACJ,CACT,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,QAAQ,YAapB"}
+{"version":3,"file":"TokenBar.js","sourceRoot":"","sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8E;AAC9E,yDAA+C;AAWxC,MAAM,QAAQ,GAA4B,CAAC,EAA4E,EAAE,EAAE;QAAhF,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,OAAY,EAAP,KAAK,sBAA1E,4EAA4E,CAAF;IAC1H,OAAO,CACL,uBAAC,gBAAK,kBAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAC,eAAe,IAAK,KAAK,cACtD,wBAAC,uBAAO,kBAAC,cAAc,EAAC,eAAe,iBACrC,wBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,IAAM,UAAU,eACnE,KAAK,EACL,WAAW,KACD,EACb,wBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,CAAC,IAAM,UAAU,eAC1G,KAAK,EACL,WAAW,KACD,KACL,IACJ,CACT,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,QAAQ,YAepB"}

package/dist/cjs/components/TokenSummary/TokenSummary.d.ts

@@ -1,11 +1,9 @@
 /// <reference types="react" />
-import { PaperProps } from '@mui/material';
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-export interface TokenSummaryProps extends FlexBoxProps {
+import { AvatarProps, CardHeaderProps } from '@mui/material';
+export interface TokenSummaryProps extends CardHeaderProps {
     icon?: string;
     symbol?: string;
-    imgBgProps?: PaperProps;
-    imageMode?: 'circle';
+    imgBgProps?: AvatarProps;
 }
 export declare const TokenSummary: React.FC<TokenSummaryProps>;
 //# sourceMappingURL=TokenSummary.d.ts.map

package/dist/cjs/components/TokenSummary/TokenSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,UAAU,EAAc,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAEtE,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,SAAS,CAAC,EAAE,QAAQ,CAAA;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqBpD,CAAA"}
+{"version":3,"file":"TokenSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAc,eAAe,EAAwB,MAAM,eAAe,CAAA;AAEtG,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,WAAW,CAAA;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyBpD,CAAA"}

package/dist/cjs/components/TokenSummary/TokenSummary.js

@@ -4,11 +4,11 @@ exports.TokenSummary = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
 const TokenSummary = (_a) => {
-    var { imageMode = 'circle', imgBgProps = {}, icon, symbol, children } = _a, props = tslib_1.__rest(_a, ["imageMode", "imgBgProps", "icon", "symbol", "children"]);
-    const paperProps = Object.assign(Object.assign({}, imgBgProps), { sx: Object.assign(Object.assign({}, imgBgProps.sx), { borderRadius: imageMode === 'circle' ? '50%' : 'inherit' }) });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ className: "TokenSummary-root", paddingBottom: 3, width: "100%", justifyContent: "flex-start" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ component: react_flexbox_1.FlexCol, padding: 1, className: "token-logo-bg", height: "40px", width: "40px" }, paperProps, { children: (0, jsx_runtime_1.jsx)("img", { src: icon, height: "25px" }) })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6", fontWeight: 300, textTransform: "uppercase", paddingLeft: 1 }, { children: symbol }))] })), children] }));
+    var { imgBgProps = {}, icon, symbol, children } = _a, props = tslib_1.__rest(_a, ["imgBgProps", "icon", "symbol", "children"]);
+    const theme = (0, material_1.useTheme)();
+    const avatarProps = Object.assign(Object.assign({}, imgBgProps), { sx: Object.assign({ background: theme.palette.common.white, height: '40px', padding: theme.spacing(0.25) }, imgBgProps.sx) });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.CardHeader, Object.assign({ avatar: (0, jsx_runtime_1.jsx)(material_1.Avatar, Object.assign({ src: icon, alt: symbol }, avatarProps)), title: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h6", fontWeight: 300, textTransform: "uppercase" }, { children: symbol })) }, props)), children] }));
 };
 exports.TokenSummary = TokenSummary;
 //# sourceMappingURL=TokenSummary.js.map

package/dist/cjs/components/TokenSummary/TokenSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSummary.js","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAC7D,yDAAsE;AAS/D,MAAM,YAAY,GAAgC,CAAC,EAA2E,EAAE,EAAE;QAA/E,EAAE,SAAS,GAAG,QAAQ,EAAE,UAAU,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAzE,yDAA2E,CAAF;IACjI,MAAM,UAAU,mCACX,UAAU,KACb,EAAE,kCACG,UAAU,CAAC,EAAE,KAChB,YAAY,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,MAE3D,CAAA;IACD,OAAO,CACL,6DACE,wBAAC,uBAAO,kBAAC,SAAS,EAAC,mBAAmB,EAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,cAAc,EAAC,YAAY,IAAK,KAAK,eACzG,uBAAC,gBAAK,kBAAC,SAAS,EAAE,uBAAO,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAC,eAAe,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,IAAK,UAAU,cACxG,gCAAK,GAAG,EAAE,IAAI,EAAE,MAAM,EAAC,MAAM,GAAG,IAC1B,EACR,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,EAAC,WAAW,EAAE,CAAC,gBAC/E,MAAM,IACI,KACL,EACT,QAAQ,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,YAAY,gBAqBxB"}
+{"version":3,"file":"TokenSummary.js","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAsG;AAQ/F,MAAM,YAAY,GAAgC,CAAC,EAAqD,EAAE,EAAE;QAAzD,EAAE,UAAU,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAAnD,4CAAqD,CAAF;IAC3G,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,WAAW,mCACZ,UAAU,KACb,EAAE,kBACA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EACtC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IACzB,UAAU,CAAC,EAAE,IAEnB,CAAA;IACD,OAAO,CACL,6DACE,uBAAC,qBAAU,kBACT,MAAM,EAAE,uBAAC,iBAAM,kBAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,IAAM,WAAW,EAAI,EAC3D,KAAK,EACH,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,gBAChE,MAAM,IACI,IAEX,KAAK,EACT,EACD,QAAQ,IACR,CACJ,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,YAAY,gBAyBxB"}

package/dist/cjs/components/TokenSummary/variantOverrides.d.ts

@@ -0,0 +1,7 @@
+import '@mui/material/Paper/';
+declare module '@mui/material/Paper/' {
+    interface PaperPropsVariantOverrides {
+        tokenBar: true;
+    }
+}
+//# sourceMappingURL=variantOverrides.d.ts.map

package/dist/cjs/components/TokenSummary/variantOverrides.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variantOverrides.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenSummary/variantOverrides.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA;AAE7B,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,0BAA0B;QAClC,QAAQ,EAAE,IAAI,CAAA;KACf;CACF"}

package/dist/cjs/components/TokenSummary/variantOverrides.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@mui/material/Paper/");
+//# sourceMappingURL=variantOverrides.js.map

package/dist/cjs/components/TokenSummary/variantOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variantOverrides.js","sourceRoot":"","sources":["../../../../src/components/TokenSummary/variantOverrides.ts"],"names":[],"mappings":";;AAAA,gCAA6B"}

package/dist/cjs/contexts/contextEx/create.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ContextExState } from './State';
 export declare const createContextEx: <T>() => import("react").Context<T & ContextExState>;
 //# sourceMappingURL=create.d.ts.map

package/dist/cjs/contexts/contextEx/create.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../../src/contexts/contextEx/create.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC,eAAO,MAAM,eAAe,sDAAwF,CAAA"}
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../../src/contexts/contextEx/create.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC,eAAO,MAAM,eAAe,sDAAwF,CAAA"}