@xyo-network/react-wallet 2.25.36 → 2.25.39

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({ background: 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,UAAU,QAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cAChD,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

@@ -2434,7 +2434,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/components/FlexBox/BusyBox.d.ts",
+							"fileName": "node_modules/@xylabs/react-flexbox/dist/esm/components/BusyBox.d.ts",
 							"line": 6,
 							"character": 4
 						}
@@ -5655,7 +5655,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 5,
 							"character": 4
 						}
@@ -5680,7 +5680,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 9,
 							"character": 4
 						}
@@ -5707,7 +5707,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 7,
 							"character": 4
 						}
@@ -5715,7 +5715,7 @@
 					"type": {
 						"type": "reference",
 						"qualifiedName": "MaterialUIThemeColor",
-						"package": "@xylabs/sdk-react",
+						"package": "@xylabs/react-shared",
 						"name": "MaterialUIThemeColor"
 					},
 					"inheritedFrom": {
@@ -5734,7 +5734,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 10,
 							"character": 4
 						}
@@ -5761,7 +5761,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 6,
 							"character": 4
 						}
@@ -5795,7 +5795,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 11,
 							"character": 4
 						}
@@ -5820,7 +5820,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 8,
 							"character": 4
 						}
@@ -5828,7 +5828,7 @@
 					"type": {
 						"type": "reference",
 						"qualifiedName": "BusyVariant",
-						"package": "@xylabs/sdk-react",
+						"package": "@xylabs/react-shared",
 						"name": "BusyVariant"
 					},
 					"inheritedFrom": {
@@ -21367,7 +21367,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/components/FlexBox/BusyBox.d.ts",
+							"fileName": "node_modules/@xylabs/react-flexbox/dist/esm/components/BusyBox.d.ts",
 							"line": 5,
 							"character": 4
 						}
@@ -25015,7 +25015,7 @@
 				{
 					"type": "reference",
 					"qualifiedName": "FlexBoxProps",
-					"package": "@xylabs/sdk-react",
+					"package": "@xylabs/react-flexbox",
 					"name": "FlexBoxProps"
 				}
 			]
@@ -27272,7 +27272,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/components/FlexBox/BusyBox.d.ts",
+							"fileName": "node_modules/@xylabs/react-flexbox/dist/esm/components/BusyBox.d.ts",
 							"line": 6,
 							"character": 4
 						}
@@ -30493,7 +30493,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 5,
 							"character": 4
 						}
@@ -30518,7 +30518,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 9,
 							"character": 4
 						}
@@ -30545,7 +30545,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 7,
 							"character": 4
 						}
@@ -30553,7 +30553,7 @@
 					"type": {
 						"type": "reference",
 						"qualifiedName": "MaterialUIThemeColor",
-						"package": "@xylabs/sdk-react",
+						"package": "@xylabs/react-shared",
 						"name": "MaterialUIThemeColor"
 					},
 					"inheritedFrom": {
@@ -30572,7 +30572,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 10,
 							"character": 4
 						}
@@ -30599,7 +30599,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 6,
 							"character": 4
 						}
@@ -30633,7 +30633,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 11,
 							"character": 4
 						}
@@ -30658,7 +30658,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/BusyProps.d.ts",
+							"fileName": "node_modules/@xylabs/react-shared/dist/esm/BusyProps.d.ts",
 							"line": 8,
 							"character": 4
 						}
@@ -30666,7 +30666,7 @@
 					"type": {
 						"type": "reference",
 						"qualifiedName": "BusyVariant",
-						"package": "@xylabs/sdk-react",
+						"package": "@xylabs/react-shared",
 						"name": "BusyVariant"
 					},
 					"inheritedFrom": {
@@ -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
 						}
 					],
@@ -46245,7 +46245,7 @@
 					},
 					"sources": [
 						{
-							"fileName": "node_modules/@xylabs/sdk-react/dist/esm/components/FlexBox/BusyBox.d.ts",
+							"fileName": "node_modules/@xylabs/react-flexbox/dist/esm/components/BusyBox.d.ts",
 							"line": 5,
 							"character": 4
 						}
@@ -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
 				}
 			],
@@ -49924,7 +49924,7 @@
 				{
 					"type": "reference",
 					"qualifiedName": "FlexBoxProps",
-					"package": "@xylabs/sdk-react",
+					"package": "@xylabs/react-flexbox",
 					"name": "FlexBoxProps"
 				}
 			]
@@ -61521,7 +61521,7 @@
 							}
 						],
 						"qualifiedName": "WithChildren",
-						"package": "@xylabs/sdk-react",
+						"package": "@xylabs/react-shared",
 						"name": "WithChildren"
 					}
 				],
@@ -61602,7 +61602,7 @@
 			"sources": [
 				{
 					"fileName": "packages/wallet/src/components/WalletAccountSelect/SelectBar.tsx",
-					"line": 12,
+					"line": 13,
 					"character": 13
 				}
 			],
@@ -61688,7 +61688,7 @@
 							}
 						],
 						"qualifiedName": "WithChildren",
-						"package": "@xylabs/sdk-react",
+						"package": "@xylabs/react-shared",
 						"name": "WithChildren"
 					}
 				],

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, { background: 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,UAAU,QAAC,UAAU,EAAC,SAAS,KAAK,KAAK,YAChD,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

@@ -12,13 +12,13 @@
   "dependencies": {
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
-    "@mui/material": "^5.8.2",
+    "@mui/material": "^5.8.3",
     "@xylabs/sdk-js": "^2.5.7",
-    "@xylabs/sdk-react": "^2.12.10",
-    "@xyo-network/core": "^2.20.41",
-    "@xyo-network/react-network": "^2.25.36",
-    "@xyo-network/react-shared": "^2.25.36",
-    "@xyo-network/react-theme": "^2.25.36",
+    "@xylabs/sdk-react": "^2.13.7",
+    "@xyo-network/core": "^2.20.43",
+    "@xyo-network/react-network": "^2.25.39",
+    "@xyo-network/react-shared": "^2.25.39",
+    "@xyo-network/react-theme": "^2.25.39",
     "lodash": "^4.17.21",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
@@ -30,20 +30,20 @@
   "devDependencies": {
     "@babel/core": "^7.18.2",
     "@babel/preset-env": "^7.18.2",
-    "@storybook/addons": "^6.5.6",
-    "@storybook/api": "^6.5.6",
-    "@storybook/components": "^6.5.6",
-    "@storybook/core-events": "^6.5.6",
-    "@storybook/react": "^6.5.6",
-    "@storybook/theming": "^6.5.6",
+    "@storybook/addons": "^6.5.7",
+    "@storybook/api": "^6.5.7",
+    "@storybook/components": "^6.5.7",
+    "@storybook/core-events": "^6.5.7",
+    "@storybook/react": "^6.5.7",
+    "@storybook/theming": "^6.5.7",
     "@types/lodash": "^4.14.182",
     "@xylabs/sdk-js": "^2.5.7",
-    "@xylabs/sdk-react": "^2.12.10",
+    "@xylabs/sdk-react": "^2.13.7",
     "@xylabs/ts-scripts": "^1.0.66",
     "@xylabs/tsconfig": "^1.0.13",
     "axios": "^0.27.2",
     "storybook-dark-mode": "^1.1.0",
-    "typescript": "^4.7.2"
+    "typescript": "^4.7.3"
   },
   "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
@@ -103,6 +103,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.25.36",
+  "version": "2.25.39",
   "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 background 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