@ckb-ccc/connector-react 0.0.4-alpha.8 → 0.0.4-alpha.9

package/dist/hooks/useCcc.d.ts

@@ -1,8 +1,8 @@
 import { ccc } from "@ckb-ccc/connector";
-import * as React from "react";
-import { ReactNode } from "react";
-export declare function Provider({ children }: {
-    children: ReactNode;
+import React from "react";
+export declare function Provider({ children, connectorProps, }: {
+    children: React.ReactNode;
+    connectorProps?: React.HTMLAttributes<{}>;
 }): React.JSX.Element;
 export declare function useCcc(): {
     open: () => unknown;

package/dist/hooks/useCcc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCcc.d.ts","sourceRoot":"","sources":["../../src/hooks/useCcc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAe3D,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAgD7D;AAED,wBAAgB,MAAM;;;;;;EAErB"}
+{"version":3,"file":"useCcc.d.ts","sourceRoot":"","sources":["../../src/hooks/useCcc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,KAAkC,MAAM,OAAO,CAAC;AAevD,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,cAAc,GACf,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;CAC3C,qBAuDA;AAED,wBAAgB,MAAM;;;;;;EAErB"}

package/dist/hooks/useCcc.js

@@ -1,13 +1,12 @@
 import { ccc } from "@ckb-ccc/connector";
-import * as React from "react";
-import { createContext, useState } from "react";
+import React, { createContext, useState } from "react";
 import { Connector } from "../components";
 const CCC_CONTEXT = createContext({
     open: () => { },
     disconnect: () => { },
     status: ccc.ConnectorStatus.SelectingSigner,
 });
-export function Provider({ children }) {
+export function Provider({ children, connectorProps, }) {
     const [isOpen, setIsOpen] = useState(false);
     const [wallet, setWallet] = useState();
     const [signerInfo, setSignerInfo] = useState();
@@ -36,7 +35,11 @@ export function Provider({ children }) {
         React.createElement(Connector, { isOpen: isOpen, wallet: wallet, signer: signerInfo, status: status, onClose: () => setIsOpen(false), onSignerChanged: ({ wallet, signerInfo }) => {
                 setWallet(wallet);
                 setSignerInfo(signerInfo);
-            }, onStatusChanged: ({ status }) => setStatus(status) }),
+            }, onStatusChanged: ({ status }) => setStatus(status), ...connectorProps,
+            style: {
+                ...connectorProps?.style,
+                zIndex: connectorProps?.style?.zIndex ?? 999,
+            } }),
         children));
 }
 export function useCcc() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckb-ccc/connector-react",
-  "version": "0.0.4-alpha.8",
+  "version": "0.0.4-alpha.9",
   "description": "Common Chains Connector UI Component for React",
   "author": "Hanssen0 <hanssen0@hanssen0.com>",
   "license": "MIT",
@@ -42,5 +42,5 @@
     "@lit/react": "^1.0.5",
     "react": "^18"
   },
-  "gitHead": "98556e415832a41aeedb467e8a72b8861fe6a32d"
+  "gitHead": "89ce073e2a1033f3044776863787711f14bec596"
 }

package/src/hooks/useCcc.tsx

@@ -1,6 +1,5 @@
 import { ccc } from "@ckb-ccc/connector";
-import * as React from "react";
-import { ReactNode, createContext, useState } from "react";
+import React, { createContext, useState } from "react";
 import { Connector } from "../components";
 
 const CCC_CONTEXT = createContext<{
@@ -15,7 +14,13 @@ const CCC_CONTEXT = createContext<{
   status: ccc.ConnectorStatus.SelectingSigner,
 });
 
-export function Provider({ children }: { children: ReactNode }) {
+export function Provider({
+  children,
+  connectorProps,
+}: {
+  children: React.ReactNode;
+  connectorProps?: React.HTMLAttributes<{}>;
+}) {
   const [isOpen, setIsOpen] = useState(false);
   const [wallet, setWallet] = useState<ccc.Wallet | undefined>();
   const [signerInfo, setSignerInfo] = useState<ccc.SignerInfo | undefined>();
@@ -59,6 +64,13 @@ export function Provider({ children }: { children: ReactNode }) {
           setSignerInfo(signerInfo);
         }}
         onStatusChanged={({ status }) => setStatus(status)}
+        {...{
+          ...connectorProps,
+          style: {
+            ...connectorProps?.style,
+            zIndex: connectorProps?.style?.zIndex ?? 999,
+          },
+        }}
       />
       {children}
     </CCC_CONTEXT.Provider>