@xyo-network/react-wallet 2.25.23 → 2.25.26

package/package.json

@@ -15,10 +15,10 @@
     "@mui/material": "^5.8.1",
     "@xylabs/sdk-js": "^2.5.5",
     "@xylabs/sdk-react": "^2.12.10",
-    "@xyo-network/core": "^2.20.33",
-    "@xyo-network/react-network": "^2.25.23",
-    "@xyo-network/react-shared": "^2.25.23",
-    "@xyo-network/react-theme": "^2.25.23",
+    "@xyo-network/core": "^2.20.38",
+    "@xyo-network/react-network": "^2.25.26",
+    "@xyo-network/react-shared": "^2.25.26",
+    "@xyo-network/react-theme": "^2.25.26",
     "lodash": "^4.17.21",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
@@ -30,12 +30,12 @@
   "devDependencies": {
     "@babel/core": "^7.18.2",
     "@babel/preset-env": "^7.18.2",
-    "@storybook/addons": "^6.5.5",
-    "@storybook/api": "^6.5.5",
-    "@storybook/components": "^6.5.5",
-    "@storybook/core-events": "^6.5.5",
-    "@storybook/react": "^6.5.5",
-    "@storybook/theming": "^6.5.5",
+    "@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",
     "@types/lodash": "^4.14.182",
     "@xylabs/sdk-js": "^2.5.5",
     "@xylabs/sdk-react": "^2.12.10",
@@ -103,6 +103,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.25.23",
+  "version": "2.25.26",
   "packageManager": "yarn@3.1.1"
 }

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

@@ -0,0 +1,40 @@
+/* eslint-disable import/no-internal-modules */
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { XyoWalletBase } from '@xyo-network/core'
+
+import { WalletProvider } from '../../contexts'
+import { WalletAccountSelect } from './Select'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: WalletAccountSelect,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'wallet/WalletAccountSelect',
+} as ComponentMeta<typeof WalletAccountSelect>
+
+const Template: ComponentStory<typeof WalletAccountSelect> = (args) => {
+  return <WalletAccountSelect {...args}></WalletAccountSelect>
+}
+
+const WithWalletTemplate: ComponentStory<typeof WalletAccountSelect> = (args) => {
+  return (
+    <WalletProvider defaultWallet={new XyoWalletBase('test me')}>
+      <WalletAccountSelect {...args}></WalletAccountSelect>
+    </WalletProvider>
+  )
+}
+
+const Default = Template.bind({})
+Default.args = {}
+
+const WithWallet = WithWalletTemplate.bind({})
+WithWallet.args = {}
+
+export { Default, WithWallet }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

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

@@ -0,0 +1,66 @@
+/* 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'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: WalletAccountSelectBar,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'wallet/WalletAccountSelectBar',
+} as ComponentMeta<typeof WalletAccountSelectBar>
+
+const Template: ComponentStory<typeof WalletAccountSelectBar> = (args) => {
+  return <WalletAccountSelectBar {...args}></WalletAccountSelectBar>
+}
+
+const WithWalletTemplate: ComponentStory<typeof WalletAccountSelectBar> = (args) => {
+  return (
+    <WalletProvider defaultWallet={new XyoWalletBase('test me')}>
+      <WalletAccountSelectBar {...args}></WalletAccountSelectBar>
+    </WalletProvider>
+  )
+}
+
+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 }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

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

@@ -0,0 +1,45 @@
+/* eslint-disable import/no-internal-modules */
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { XyoWalletBase } from '@xyo-network/core'
+
+import { WalletProvider } from '../../contexts'
+import { WalletAccountSelect } from './Select'
+
+const StorybookEntry = {
+  argTypes: {},
+  component: WalletAccountSelect,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'wallet/WalletAccountSelectWithProvider',
+} as ComponentMeta<typeof WalletAccountSelect>
+
+const Template: ComponentStory<typeof WalletAccountSelect> = (args) => {
+  return (
+    <WalletProvider defaultWallet={new XyoWalletBase('test me')}>
+      <WalletAccountSelect {...args}></WalletAccountSelect>
+    </WalletProvider>
+  )
+}
+
+const Default = Template.bind({})
+Default.args = { icons: true }
+
+const DefaultSmall = Template.bind({})
+DefaultSmall.args = { size: 'small' }
+
+const DefaultSmallIcon = Template.bind({})
+DefaultSmallIcon.args = { icons: true, size: 'small' }
+
+const IconsOnly = Template.bind({})
+IconsOnly.args = { iconOnly: true, icons: true }
+
+const IconsOnlySmall = Template.bind({})
+IconsOnlySmall.args = { iconOnly: true, icons: true, size: 'small' }
+
+export { Default, DefaultSmall, DefaultSmallIcon, IconsOnly, IconsOnlySmall }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry