@magiclabs/ui-components 1.30.0 → 1.30.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/layouts/wallet-page/index.js +1 -1
- package/dist/cjs/components/layouts/wallet-page/index.js.map +1 -1
- package/dist/es/components/layouts/wallet-page/index.js +1 -1
- package/dist/es/components/layouts/wallet-page/index.js.map +1 -1
- package/dist/types/components/layouts/wallet-page/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),y=require("../../containers/modal.js"),g=require("../../sections/wallet-navigation.js"),a=require("@styled/jsx"),r=require("create-slots"),b=require("@styled/tokens"),x=require("./account-menu.js"),j=require("./actions.js"),p=require("./address.js"),v=require("./connection-menu.js"),q=require("./fiat.js");const S=r.createSlot(x.AccountMenu),M=r.createSlot(j.Actions),h=r.createSlot(p.Address),A=r.createSlot(v.ConnectionMenu),f=r.createSlot(({children:n})=>e.jsx(a.VStack,{w:"full",justify:"center",children:n})),w=r.createSlot(q.Fiat),P=r.createSlot(g.WalletNavigation),C=({children:n,...k})=>r.createHost(n,t=>{const s=t.getProps(S),c=t.getProps(M),o=t.getProps(h),i=t.getProps(A),l=t.getProps(w),u=t.getProps(P),m=`radial-gradient(circle at top, color-mix(in srgb, ${b.token("colors.text.primary")}, transparent 88%) 0%, transparent 25%)`,d=i||o||s;return e.jsxs(y.Modal,{...k,fullscreen:!0,paddingType:"none",gap:0,children:[e.jsxs(a.VStack,{h:"full",w:"full",style:d?{background:m}:{},children:[d&&e.jsxs(a.HStack,{justify:"space-between",px:4,w:"full",children:[i?e.jsx(v.ConnectionMenu,{...i}):e.jsx(a.Box,{h:10,w:10,m:1}),o&&e.jsx(p.Address,{...o}),s?e.jsx(x.AccountMenu,{...s}):e.jsx(a.Box,{h:10,w:10,m:1})]}),l&&e.jsx(q.Fiat,{...l}),c&&e.jsx(j.Actions,{...c}),t.get(f)]}),u&&e.jsx(g.WalletNavigation,{...u})]})}),N=Object.assign(C,{AccountMenu:S,Actions:M,Address:h,ConnectionMenu:A,Content:f,Fiat:w,Navigation:P});exports.WalletPage=N;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/layouts/wallet-page/index.tsx"],"sourcesContent":["import { Modal } from '@components/containers/modal';\nimport { WalletNavigation } from '@components/sections/wallet-navigation';\nimport { Box, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport { PropsWithChildren } from 'react';\n\nimport { token } from '@styled/tokens';\nimport { AccountMenu } from './account-menu';\nimport { Actions } from './actions';\nimport { Address } from './address';\nimport { ConnectionMenu } from './connection-menu';\nimport { Fiat } from './fiat';\n\nconst PageAccountMenu = createSlot(AccountMenu);\nconst PageActions = createSlot(Actions);\nconst PageAddress = createSlot(Address);\nconst PageConnectionMenu = createSlot(ConnectionMenu);\nconst PageContent = createSlot(({ children }) => (\n <VStack w=\"full\" justify=\"center\">\n {children}\n </VStack>\n));\nconst PageFiat = createSlot(Fiat);\nconst PageNavigation = createSlot(WalletNavigation);\n\nexport interface WalletPageProps extends PropsWithChildren {}\n\nconst PageHost = ({ children, ...props }: WalletPageProps) => {\n return createHost(children, slots => {\n const accountProps = slots.getProps(PageAccountMenu);\n const actionProps = slots.getProps(PageActions);\n const addressProps = slots.getProps(PageAddress);\n const connectionProps = slots.getProps(PageConnectionMenu);\n const fiatProps = slots.getProps(PageFiat);\n const navigationProps = slots.getProps(PageNavigation);\n\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/layouts/wallet-page/index.tsx"],"sourcesContent":["import { Modal } from '@components/containers/modal';\nimport { WalletNavigation } from '@components/sections/wallet-navigation';\nimport { Box, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport { PropsWithChildren } from 'react';\n\nimport { token } from '@styled/tokens';\nimport { AccountMenu } from './account-menu';\nimport { Actions } from './actions';\nimport { Address } from './address';\nimport { ConnectionMenu } from './connection-menu';\nimport { Fiat } from './fiat';\n\nconst PageAccountMenu = createSlot(AccountMenu);\nconst PageActions = createSlot(Actions);\nconst PageAddress = createSlot(Address);\nconst PageConnectionMenu = createSlot(ConnectionMenu);\nconst PageContent = createSlot(({ children }) => (\n <VStack w=\"full\" justify=\"center\">\n {children}\n </VStack>\n));\nconst PageFiat = createSlot(Fiat);\nconst PageNavigation = createSlot(WalletNavigation);\n\nexport interface WalletPageProps extends PropsWithChildren {}\n\nconst PageHost = ({ children, ...props }: WalletPageProps) => {\n return createHost(children, slots => {\n const accountProps = slots.getProps(PageAccountMenu);\n const actionProps = slots.getProps(PageActions);\n const addressProps = slots.getProps(PageAddress);\n const connectionProps = slots.getProps(PageConnectionMenu);\n const fiatProps = slots.getProps(PageFiat);\n const navigationProps = slots.getProps(PageNavigation);\n\n const background = `radial-gradient(circle at top, color-mix(in srgb, ${token('colors.text.primary')}, transparent 88%) 0%, transparent 25%)`;\n const showHeader = connectionProps || addressProps || accountProps;\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\" gap={0}>\n <VStack h=\"full\" w=\"full\" style={showHeader ? { background } : {}}>\n {showHeader && (\n <HStack justify=\"space-between\" px={4} w=\"full\">\n {connectionProps ? <ConnectionMenu {...connectionProps} /> : <Box h={10} w={10} m={1} />}\n {addressProps && <Address {...addressProps} />}\n {accountProps ? <AccountMenu {...accountProps} /> : <Box h={10} w={10} m={1} />}\n </HStack>\n )}\n {fiatProps && <Fiat {...fiatProps} />}\n {actionProps && <Actions {...actionProps} />}\n {slots.get(PageContent)}\n </VStack>\n {navigationProps && <WalletNavigation {...navigationProps} />}\n </Modal>\n );\n });\n};\n\nexport const WalletPage = Object.assign(PageHost, {\n AccountMenu: PageAccountMenu,\n Actions: PageActions,\n Address: PageAddress,\n ConnectionMenu: PageConnectionMenu,\n Content: PageContent,\n Fiat: PageFiat,\n Navigation: PageNavigation,\n});\n"],"names":["PageAccountMenu","createSlot","AccountMenu","PageActions","Actions","PageAddress","Address","PageConnectionMenu","ConnectionMenu","PageContent","children","_jsx","VStack","PageFiat","Fiat","PageNavigation","WalletNavigation","PageHost","props","createHost","slots","accountProps","actionProps","addressProps","connectionProps","fiatProps","navigationProps","background","token","showHeader","_jsxs","Modal","HStack","Box","WalletPage"],"mappings":"mWAaA,MAAMA,EAAkBC,EAAAA,WAAWC,aAAW,EACxCC,EAAcF,EAAAA,WAAWG,EAAO,OAAA,EAChCC,EAAcJ,aAAWK,EAAAA,OAAO,EAChCC,EAAqBN,aAAWO,EAAAA,cAAc,EAC9CC,EAAcR,EAAAA,WAAW,CAAC,CAAE,SAAAS,CAAU,IAC1CC,MAACC,EAAAA,OAAM,CAAC,EAAE,OAAO,QAAQ,SAAQ,SAC9BF,CAAQ,CAAA,CAEZ,EACKG,EAAWZ,EAAAA,WAAWa,EAAI,IAAA,EAC1BC,EAAiBd,aAAWe,EAAAA,gBAAgB,EAI5CC,EAAW,CAAC,CAAE,SAAAP,EAAU,GAAGQ,CAAwB,IAChDC,EAAAA,WAAWT,EAAUU,GAAQ,CAClC,MAAMC,EAAeD,EAAM,SAASpB,CAAe,EAC7CsB,EAAcF,EAAM,SAASjB,CAAW,EACxCoB,EAAeH,EAAM,SAASf,CAAW,EACzCmB,EAAkBJ,EAAM,SAASb,CAAkB,EACnDkB,EAAYL,EAAM,SAASP,CAAQ,EACnCa,EAAkBN,EAAM,SAASL,CAAc,EAE/CY,EAAa,qDAAqDC,QAAM,qBAAqB,CAAC,0CAC9FC,EAAaL,GAAmBD,GAAgBF,EAEtD,OACES,EAAAA,KAACC,QAAU,CAAA,GAAAb,EAAO,WAAU,GAAC,YAAY,OAAO,IAAK,YACnDY,EAAAA,KAAClB,SAAO,CAAA,EAAE,OAAO,EAAE,OAAO,MAAOiB,EAAa,CAAE,WAAAF,GAAe,aAC5DE,GACCC,EAACE,KAAAA,EAAAA,OAAO,CAAA,QAAQ,gBAAgB,GAAI,EAAG,EAAE,OACtC,SAAA,CAAAR,EAAkBb,MAACH,EAAAA,mBAAmBgB,CAAe,CAAA,EAAOb,MAACsB,EAAAA,KAAI,EAAG,GAAI,EAAG,GAAI,EAAG,CAAC,CAAA,EACnFV,GAAgBZ,EAAAA,IAACL,EAAAA,YAAYiB,CAAY,CAAA,EACzCF,EAAeV,EAAAA,IAACT,kBAAgBmB,CAAY,CAAA,EAAOV,EAAAA,IAACsB,MAAI,CAAA,EAAG,GAAI,EAAG,GAAI,EAAG,GAAK,CACxE,CAAA,EAEVR,GAAad,MAACG,EAAAA,KAAS,CAAA,GAAAW,IACvBH,GAAeX,EAAAA,IAACP,EAAY,QAAA,CAAA,GAAAkB,CAAe,CAAA,EAC3CF,EAAM,IAAIX,CAAW,CAAC,CAChB,CAAA,EACRiB,GAAmBf,EAACK,IAAAA,mBAAgB,CAAA,GAAKU,CAAmB,CAAA,CAAA,CAAA,CAAA,CAGnE,CAAC,EAGUQ,EAAa,OAAO,OAAOjB,EAAU,CAChD,YAAajB,EACb,QAASG,EACT,QAASE,EACT,eAAgBE,EAChB,QAASE,EACT,KAAMI,EACN,WAAYE,CACb,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as r,jsxs as s}from"react/jsx-runtime";import{Modal as v}from"../../containers/modal.js";import{WalletNavigation as f}from"../../sections/wallet-navigation.js";import{VStack as g,HStack as F,Box as d}from"@styled/jsx";import{createSlot as t,createHost as N}from"create-slots";import{token as W}from"@styled/tokens";import{AccountMenu as u}from"./account-menu.js";import{Actions as h}from"./actions.js";import{Address as w}from"./address.js";import{ConnectionMenu as x}from"./connection-menu.js";import{Fiat as P}from"./fiat.js";const j=t(u),y=t(h),A=t(w),M=t(x),b=t(({children:e})=>r(g,{w:"full",justify:"center",children:e})),k=t(P),C=t(f),B=({children:e,...H})=>N(e,o=>{const n=o.getProps(j),a=o.getProps(y),i=o.getProps(A),c=o.getProps(M),p=o.getProps(k),l=o.getProps(C),S=`radial-gradient(circle at top, color-mix(in srgb, ${W("colors.text.primary")}, transparent 88%) 0%, transparent 25%)`,m=c||i||n;return s(v,{...H,fullscreen:!0,paddingType:"none",gap:0,children:[s(g,{h:"full",w:"full",style:m?{background:S}:{},children:[m&&s(F,{justify:"space-between",px:4,w:"full",children:[c?r(x,{...c}):r(d,{h:10,w:10,m:1}),i&&r(w,{...i}),n?r(u,{...n}):r(d,{h:10,w:10,m:1})]}),p&&r(P,{...p}),a&&r(h,{...a}),o.get(b)]}),l&&r(f,{...l})]})}),O=Object.assign(B,{AccountMenu:j,Actions:y,Address:A,ConnectionMenu:M,Content:b,Fiat:k,Navigation:C});export{O as WalletPage};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/layouts/wallet-page/index.tsx"],"sourcesContent":["import { Modal } from '@components/containers/modal';\nimport { WalletNavigation } from '@components/sections/wallet-navigation';\nimport { Box, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport { PropsWithChildren } from 'react';\n\nimport { token } from '@styled/tokens';\nimport { AccountMenu } from './account-menu';\nimport { Actions } from './actions';\nimport { Address } from './address';\nimport { ConnectionMenu } from './connection-menu';\nimport { Fiat } from './fiat';\n\nconst PageAccountMenu = createSlot(AccountMenu);\nconst PageActions = createSlot(Actions);\nconst PageAddress = createSlot(Address);\nconst PageConnectionMenu = createSlot(ConnectionMenu);\nconst PageContent = createSlot(({ children }) => (\n <VStack w=\"full\" justify=\"center\">\n {children}\n </VStack>\n));\nconst PageFiat = createSlot(Fiat);\nconst PageNavigation = createSlot(WalletNavigation);\n\nexport interface WalletPageProps extends PropsWithChildren {}\n\nconst PageHost = ({ children, ...props }: WalletPageProps) => {\n return createHost(children, slots => {\n const accountProps = slots.getProps(PageAccountMenu);\n const actionProps = slots.getProps(PageActions);\n const addressProps = slots.getProps(PageAddress);\n const connectionProps = slots.getProps(PageConnectionMenu);\n const fiatProps = slots.getProps(PageFiat);\n const navigationProps = slots.getProps(PageNavigation);\n\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/layouts/wallet-page/index.tsx"],"sourcesContent":["import { Modal } from '@components/containers/modal';\nimport { WalletNavigation } from '@components/sections/wallet-navigation';\nimport { Box, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport { PropsWithChildren } from 'react';\n\nimport { token } from '@styled/tokens';\nimport { AccountMenu } from './account-menu';\nimport { Actions } from './actions';\nimport { Address } from './address';\nimport { ConnectionMenu } from './connection-menu';\nimport { Fiat } from './fiat';\n\nconst PageAccountMenu = createSlot(AccountMenu);\nconst PageActions = createSlot(Actions);\nconst PageAddress = createSlot(Address);\nconst PageConnectionMenu = createSlot(ConnectionMenu);\nconst PageContent = createSlot(({ children }) => (\n <VStack w=\"full\" justify=\"center\">\n {children}\n </VStack>\n));\nconst PageFiat = createSlot(Fiat);\nconst PageNavigation = createSlot(WalletNavigation);\n\nexport interface WalletPageProps extends PropsWithChildren {}\n\nconst PageHost = ({ children, ...props }: WalletPageProps) => {\n return createHost(children, slots => {\n const accountProps = slots.getProps(PageAccountMenu);\n const actionProps = slots.getProps(PageActions);\n const addressProps = slots.getProps(PageAddress);\n const connectionProps = slots.getProps(PageConnectionMenu);\n const fiatProps = slots.getProps(PageFiat);\n const navigationProps = slots.getProps(PageNavigation);\n\n const background = `radial-gradient(circle at top, color-mix(in srgb, ${token('colors.text.primary')}, transparent 88%) 0%, transparent 25%)`;\n const showHeader = connectionProps || addressProps || accountProps;\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\" gap={0}>\n <VStack h=\"full\" w=\"full\" style={showHeader ? { background } : {}}>\n {showHeader && (\n <HStack justify=\"space-between\" px={4} w=\"full\">\n {connectionProps ? <ConnectionMenu {...connectionProps} /> : <Box h={10} w={10} m={1} />}\n {addressProps && <Address {...addressProps} />}\n {accountProps ? <AccountMenu {...accountProps} /> : <Box h={10} w={10} m={1} />}\n </HStack>\n )}\n {fiatProps && <Fiat {...fiatProps} />}\n {actionProps && <Actions {...actionProps} />}\n {slots.get(PageContent)}\n </VStack>\n {navigationProps && <WalletNavigation {...navigationProps} />}\n </Modal>\n );\n });\n};\n\nexport const WalletPage = Object.assign(PageHost, {\n AccountMenu: PageAccountMenu,\n Actions: PageActions,\n Address: PageAddress,\n ConnectionMenu: PageConnectionMenu,\n Content: PageContent,\n Fiat: PageFiat,\n Navigation: PageNavigation,\n});\n"],"names":["PageAccountMenu","createSlot","AccountMenu","PageActions","Actions","PageAddress","Address","PageConnectionMenu","ConnectionMenu","PageContent","children","_jsx","VStack","PageFiat","Fiat","PageNavigation","WalletNavigation","PageHost","props","createHost","slots","accountProps","actionProps","addressProps","connectionProps","fiatProps","navigationProps","background","token","showHeader","_jsxs","Modal","HStack","Box","WalletPage"],"mappings":"2hBAaA,MAAMA,EAAkBC,EAAWC,CAAW,EACxCC,EAAcF,EAAWG,CAAO,EAChCC,EAAcJ,EAAWK,CAAO,EAChCC,EAAqBN,EAAWO,CAAc,EAC9CC,EAAcR,EAAW,CAAC,CAAE,SAAAS,CAAU,IAC1CC,EAACC,EAAM,CAAC,EAAE,OAAO,QAAQ,SAAQ,SAC9BF,CAAQ,CAAA,CAEZ,EACKG,EAAWZ,EAAWa,CAAI,EAC1BC,EAAiBd,EAAWe,CAAgB,EAI5CC,EAAW,CAAC,CAAE,SAAAP,EAAU,GAAGQ,CAAwB,IAChDC,EAAWT,EAAUU,GAAQ,CAClC,MAAMC,EAAeD,EAAM,SAASpB,CAAe,EAC7CsB,EAAcF,EAAM,SAASjB,CAAW,EACxCoB,EAAeH,EAAM,SAASf,CAAW,EACzCmB,EAAkBJ,EAAM,SAASb,CAAkB,EACnDkB,EAAYL,EAAM,SAASP,CAAQ,EACnCa,EAAkBN,EAAM,SAASL,CAAc,EAE/CY,EAAa,qDAAqDC,EAAM,qBAAqB,CAAC,0CAC9FC,EAAaL,GAAmBD,GAAgBF,EAEtD,OACES,EAACC,EAAU,CAAA,GAAAb,EAAO,WAAU,GAAC,YAAY,OAAO,IAAK,YACnDY,EAAClB,EAAO,CAAA,EAAE,OAAO,EAAE,OAAO,MAAOiB,EAAa,CAAE,WAAAF,GAAe,aAC5DE,GACCC,EAACE,EAAO,CAAA,QAAQ,gBAAgB,GAAI,EAAG,EAAE,OACtC,SAAA,CAAAR,EAAkBb,EAACH,MAAmBgB,CAAe,CAAA,EAAOb,EAACsB,GAAI,EAAG,GAAI,EAAG,GAAI,EAAG,CAAC,CAAA,EACnFV,GAAgBZ,EAACL,MAAYiB,CAAY,CAAA,EACzCF,EAAeV,EAACT,MAAgBmB,CAAY,CAAA,EAAOV,EAACsB,EAAI,CAAA,EAAG,GAAI,EAAG,GAAI,EAAG,GAAK,CACxE,CAAA,EAEVR,GAAad,EAACG,EAAS,CAAA,GAAAW,IACvBH,GAAeX,EAACP,EAAY,CAAA,GAAAkB,CAAe,CAAA,EAC3CF,EAAM,IAAIX,CAAW,CAAC,CAChB,CAAA,EACRiB,GAAmBf,EAACK,EAAgB,CAAA,GAAKU,CAAmB,CAAA,CAAA,CAAA,CAAA,CAGnE,CAAC,EAGUQ,EAAa,OAAO,OAAOjB,EAAU,CAChD,YAAajB,EACb,QAASG,EACT,QAASE,EACT,eAAgBE,EAChB,QAASE,EACT,KAAMI,EACN,WAAYE,CACb,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/wallet-page/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAqB1C,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;CAAG;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/wallet-page/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAqB1C,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;CAAG;AAkC7D,eAAO,MAAM,UAAU,4BAhCmB,eAAe;;;;;;;;CAwCvD,CAAC"}
|