@xyo-network/react-wallet 2.25.34 → 2.25.37

package/dist/cjs/components/WalletAccountSelect/SelectBar.js

@@ -3,11 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WalletAccountSelectBar = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
 const sdk_react_1 = require("@xylabs/sdk-react");
 const Select_1 = require("./Select");
 const WalletAccountSelectBar = (_a) => {
     var { iconOnly, icons, iconSize, size = 'small' } = _a, props = tslib_1.__rest(_a, ["iconOnly", "icons", "iconSize", "size"]);
-    return ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ paper: true, alignItems: "stretch" }, props, { children: (0, jsx_runtime_1.jsx)(Select_1.WalletAccountSelect, { iconOnly: iconOnly, icons: icons, iconSize: iconSize, size: size, fullWidth: true }) })));
+    return ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation", elevation: 0 }, { children: (0, jsx_runtime_1.jsx)(Select_1.WalletAccountSelect, { fullWidth: true, iconSize: iconSize, iconOnly: iconOnly, icons: icons, size: size !== null && size !== void 0 ? size : 'small' }) })) })));
 };
 exports.WalletAccountSelectBar = WalletAccountSelectBar;
 //# sourceMappingURL=SelectBar.js.map

package/dist/cjs/components/WalletAccountSelect/SelectBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBar.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";;;;;AAAA,iDAAyD;AAEzD,qCAA8C;AASvC,MAAM,sBAAsB,GAA0C,CAAC,EAAuD,EAAE,EAAE;QAA3D,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,OAAO,OAAY,EAAP,KAAK,sBAArD,yCAAuD,CAAF;IACjI,OAAO,CACL,uBAAC,mBAAO,kBAAC,KAAK,QAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cAC3C,uBAAC,4BAAmB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,SAAG,IAC3F,CACX,CAAA;AACH,CAAC,CAAA;AANY,QAAA,sBAAsB,0BAMlC"}
+{"version":3,"file":"SelectBar.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqC;AACrC,iDAAyD;AAEzD,qCAA8C;AASvC,MAAM,sBAAsB,GAA0C,CAAC,EAAuD,EAAE,EAAE;QAA3D,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,OAAO,OAAY,EAAP,KAAK,sBAArD,yCAAuD,CAAF;IACjI,OAAO,CACL,uBAAC,mBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cACrC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,gBACrC,uBAAC,4BAAmB,IAAC,SAAS,QAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,OAAO,GAAI,IACxG,IACA,CACX,CAAA;AACH,CAAC,CAAA;AARY,QAAA,sBAAsB,0BAQlC"}

package/dist/docs.json

@@ -34616,7 +34616,7 @@
 					"sources": [
 						{
 							"fileName": "packages/wallet/src/components/WalletAccountSelect/SelectBar.tsx",
-							"line": 7,
+							"line": 8,
 							"character": 2
 						}
 					],
@@ -34636,7 +34636,7 @@
 					"sources": [
 						{
 							"fileName": "packages/wallet/src/components/WalletAccountSelect/SelectBar.tsx",
-							"line": 9,
+							"line": 10,
 							"character": 2
 						}
 					],
@@ -34656,7 +34656,7 @@
 					"sources": [
 						{
 							"fileName": "packages/wallet/src/components/WalletAccountSelect/SelectBar.tsx",
-							"line": 8,
+							"line": 9,
 							"character": 2
 						}
 					],
@@ -48011,7 +48011,7 @@
 					"sources": [
 						{
 							"fileName": "packages/wallet/src/components/WalletAccountSelect/SelectBar.tsx",
-							"line": 6,
+							"line": 7,
 							"character": 2
 						}
 					],
@@ -49916,7 +49916,7 @@
 			"sources": [
 				{
 					"fileName": "packages/wallet/src/components/WalletAccountSelect/SelectBar.tsx",
-					"line": 5,
+					"line": 6,
 					"character": 17
 				}
 			],
@@ -60387,11 +60387,11 @@
 							},
 							{
 								"type": "literal",
-								"value": "standard"
+								"value": "outlined"
 							},
 							{
 								"type": "literal",
-								"value": "outlined"
+								"value": "standard"
 							}
 						]
 					},
@@ -61602,7 +61602,7 @@
 			"sources": [
 				{
 					"fileName": "packages/wallet/src/components/WalletAccountSelect/SelectBar.tsx",
-					"line": 12,
+					"line": 13,
 					"character": 13
 				}
 			],

package/dist/esm/components/WalletAccountSelect/SelectBar.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { FlexRow } from '@xylabs/sdk-react';
+import { Paper } from '@mui/material';
+import { FlexCol } from '@xylabs/sdk-react';
 import { WalletAccountSelect } from './Select';
 export const WalletAccountSelectBar = ({ iconOnly, icons, iconSize, size = 'small', ...props }) => {
-    return (_jsx(FlexRow, { paper: true, alignItems: "stretch", ...props, children: _jsx(WalletAccountSelect, { iconOnly: iconOnly, icons: icons, iconSize: iconSize, size: size, fullWidth: true }) }));
+    return (_jsx(FlexCol, { alignItems: "stretch", ...props, children: _jsx(Paper, { variant: "elevation", elevation: 0, children: _jsx(WalletAccountSelect, { fullWidth: true, iconSize: iconSize, iconOnly: iconOnly, icons: icons, size: size ?? 'small' }) }) }));
 };
 //# sourceMappingURL=SelectBar.js.map

package/dist/esm/components/WalletAccountSelect/SelectBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBar.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAS9C,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvI,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,QAAC,UAAU,EAAC,SAAS,KAAK,KAAK,YAC3C,KAAC,mBAAmB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,SAAG,GAC3F,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SelectBar.js","sourceRoot":"","sources":["../../../../src/components/WalletAccountSelect/SelectBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAgB,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAEzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAS9C,MAAM,CAAC,MAAM,sBAAsB,GAA0C,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAG,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACvI,OAAO,CACL,KAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,YACrC,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,YACrC,KAAC,mBAAmB,IAAC,SAAS,QAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,IAAI,OAAO,GAAI,GACxG,GACA,CACX,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -16,9 +16,9 @@
     "@xylabs/sdk-js": "^2.5.7",
     "@xylabs/sdk-react": "^2.12.10",
     "@xyo-network/core": "^2.20.41",
-    "@xyo-network/react-network": "^2.25.34",
-    "@xyo-network/react-shared": "^2.25.34",
-    "@xyo-network/react-theme": "^2.25.34",
+    "@xyo-network/react-network": "^2.25.37",
+    "@xyo-network/react-shared": "^2.25.37",
+    "@xyo-network/react-theme": "^2.25.37",
     "lodash": "^4.17.21",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
@@ -103,6 +103,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.25.34",
+  "version": "2.25.37",
   "packageManager": "yarn@3.1.1"
 }

package/src/components/WalletAccountSelect/SelectBar.tsx

@@ -1,4 +1,5 @@
-import { FlexBoxProps, FlexRow } from '@xylabs/sdk-react'
+import { Paper } from '@mui/material'
+import { FlexBoxProps, FlexCol } from '@xylabs/sdk-react'
 
 import { WalletAccountSelect } from './Select'
 
@@ -11,8 +12,10 @@ export interface WalletAccountSelectBarProps extends FlexBoxProps {
 
 export const WalletAccountSelectBar: React.FC<WalletAccountSelectBarProps> = ({ iconOnly, icons, iconSize, size = 'small', ...props }) => {
   return (
-    <FlexRow paper alignItems="stretch" {...props}>
-      <WalletAccountSelect iconOnly={iconOnly} icons={icons} iconSize={iconSize} size={size} fullWidth />
-    </FlexRow>
+    <FlexCol alignItems="stretch" {...props}>
+      <Paper variant="elevation" elevation={0}>
+        <WalletAccountSelect fullWidth iconSize={iconSize} iconOnly={iconOnly} icons={icons} size={size ?? 'small'} />
+      </Paper>
+    </FlexCol>
   )
 }

package/src/components/WalletAccountSelect/WalletAccountSelectBar.stories.tsx

@@ -1,12 +1,7 @@
 /* eslint-disable import/no-internal-modules */
 import { ComponentMeta, ComponentStory } from '@storybook/react'
 import { XyoWalletBase } from '@xyo-network/core'
-import { BrowserRouter } from 'react-router-dom'
 
-import { ApplicationAppBar } from '../../../../appbar/src'
-import { ArchivesProvider } from '../../../../archive/src'
-import { ArchivistApiProvider } from '../../../../archivist-api/src'
-import { NetworkMemoryProvider } from '../../../../network/src'
 import { WalletProvider } from '../../contexts'
 import { WalletAccountSelectBar } from './SelectBar'
 
@@ -33,34 +28,13 @@ const WithWalletTemplate: ComponentStory<typeof WalletAccountSelectBar> = (args)
   )
 }
 
-const WithAppBarTemplate: ComponentStory<typeof WalletAccountSelectBar> = (args) => {
-  return (
-    <WalletProvider defaultWallet={new XyoWalletBase('test me')}>
-      <NetworkMemoryProvider>
-        <ArchivistApiProvider apiDomain="https://beta.api.archivist.xyo.network">
-          <BrowserRouter>
-            <ArchivesProvider>
-              <ApplicationAppBar>
-                <WalletAccountSelectBar icons flexGrow={1} {...args}></WalletAccountSelectBar>
-              </ApplicationAppBar>
-            </ArchivesProvider>
-          </BrowserRouter>
-        </ArchivistApiProvider>
-      </NetworkMemoryProvider>
-    </WalletProvider>
-  )
-}
-
 const Default = Template.bind({})
 Default.args = {}
 
 const WithWallet = WithWalletTemplate.bind({})
 WithWallet.args = {}
 
-const WithAppBar = WithAppBarTemplate.bind({})
-WithAppBar.args = {}
-
-export { Default, WithAppBar, WithWallet }
+export { Default, WithWallet }
 
 // eslint-disable-next-line import/no-default-export
 export default StorybookEntry