@xyo-network/react-network 2.23.7

package/dist/esm/components/SelectEx/NetworkSelectEx.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { SelectExProps } from '@xylabs/sdk-react';
+export interface NetworkSelectExProps extends SelectExProps<string> {
+    responsive?: boolean;
+}
+export declare const NetworkSelectEx: React.FC<NetworkSelectExProps>;

package/dist/esm/components/SelectEx/NetworkSelectEx.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MenuItem } from '@mui/material';
+import { assertEx } from '@xylabs/sdk-js';
+import { SelectEx, useBreakpoint } from '@xylabs/sdk-react';
+import { useNetwork } from '../../contexts';
+import { findNetworkConfig } from '../../lib';
+export const NetworkSelectEx = ({ onChange, responsive = true, ...props }) => {
+    const { network, setNetwork, networks } = useNetwork(false);
+    const sm = useBreakpoint() === 'sm';
+    return (_jsx(SelectEx, { variant: "outlined", size: "small", value: network?.slug ?? '', onChange: (event, child) => {
+            if (event.target.value !== network?.slug) {
+                onChange?.(event, child);
+                setNetwork?.(assertEx(findNetworkConfig(event.target.value, networks)));
+            }
+        }, ...props, children: networks?.map((network) => {
+            return (_jsx(MenuItem, { value: network.slug, children: responsive && sm ? network.name?.[0].toUpperCase() : network.name }, network.slug));
+        }) }));
+};
+//# sourceMappingURL=NetworkSelectEx.js.map

package/dist/esm/components/SelectEx/NetworkSelectEx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkSelectEx.js","sourceRoot":"","sources":["../../../../src/components/SelectEx/NetworkSelectEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAiB,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAE1E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAM7C,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3G,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,EAAE,GAAG,aAAa,EAAE,KAAK,IAAI,CAAA;IACnC,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,OAAO,EAAE,IAAI,IAAI,EAAE,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACzB,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO,EAAE,IAAI,EAAE;gBACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;gBACxB,UAAU,EAAE,CAAC,QAAQ,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;aACxE;QACH,CAAC,KACG,KAAK,YAER,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YACzB,OAAO,CACL,KAAC,QAAQ,IAAoB,KAAK,EAAE,OAAO,CAAC,IAAI,YAC7C,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,IADrD,OAAO,CAAC,IAAI,CAEhB,CACZ,CAAA;QACH,CAAC,CAAC,GACO,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/SelectEx/index.d.ts

@@ -0,0 +1 @@
+export * from './NetworkSelectEx';

package/dist/esm/components/SelectEx/index.js

@@ -0,0 +1,2 @@
+export * from './NetworkSelectEx';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/SelectEx/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SelectEx/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

package/dist/esm/components/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectEx';

package/dist/esm/components/index.js

@@ -0,0 +1,2 @@
+export * from './SelectEx';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/esm/contexts/Context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { NetworkContextState } from './State';
+export declare const NetworkContext: import("react").Context<NetworkContextState & import("@xyo-network/react-shared").ContextExState>;

package/dist/esm/contexts/Context.js

@@ -0,0 +1,3 @@
+import { createContextEx } from '@xyo-network/react-shared';
+export const NetworkContext = createContextEx();
+//# sourceMappingURL=Context.js.map

package/dist/esm/contexts/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../src/contexts/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAI3D,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,EAAuB,CAAA"}

package/dist/esm/contexts/Provider/Memory.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/sdk-react';
+import { NetworkProviderProps } from './Props';
+export declare const NetworkMemoryProvider: React.FC<WithChildren<NetworkProviderProps>>;
+/** @deprecated use NetworkMemoryProvider instead */
+export declare const NetworkProvider: import("react").FC<WithChildren<NetworkProviderProps>>;

package/dist/esm/contexts/Provider/Memory.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { defaultNetworkConfigs } from '../../lib';
+import { NetworkContext } from '../Context';
+export const NetworkMemoryProvider = ({ defaultNetwork, ...props }) => {
+    const [network, setNetwork] = useState(defaultNetwork ?? defaultNetworkConfigs[0]);
+    return _jsx(NetworkContext.Provider, { value: { network, networks: defaultNetworkConfigs, provided: true, setNetwork }, ...props });
+};
+/** @deprecated use NetworkMemoryProvider instead */
+export const NetworkProvider = NetworkMemoryProvider;
+//# sourceMappingURL=Memory.js.map

package/dist/esm/contexts/Provider/Memory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Memory.js","sourceRoot":"","sources":["../../../../src/contexts/Provider/Memory.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAG3C,MAAM,CAAC,MAAM,qBAAqB,GAAiD,CAAC,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,cAAc,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAA;IAElF,OAAO,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAM,KAAK,GAAI,CAAA;AAChI,CAAC,CAAA;AAED,oDAAoD;AACpD,MAAM,CAAC,MAAM,eAAe,GAAG,qBAAqB,CAAA"}

package/dist/esm/contexts/Provider/Props.d.ts

@@ -0,0 +1,4 @@
+import { XyoNetworkPayload } from '@xyo-network/network';
+export interface NetworkProviderProps {
+    defaultNetwork?: XyoNetworkPayload;
+}

package/dist/esm/contexts/Provider/Props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Props.js.map

package/dist/esm/contexts/Provider/Props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Props.js","sourceRoot":"","sources":["../../../../src/contexts/Provider/Props.tsx"],"names":[],"mappings":""}

package/dist/esm/contexts/Provider/Route.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/sdk-react';
+import { NetworkProviderProps } from './Props';
+export declare const NetworkRouteProvider: React.FC<WithChildren<NetworkProviderProps>>;

package/dist/esm/contexts/Provider/Route.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { defaultNetworkConfigs, findNetworkConfig } from '../../lib';
+import { NetworkContext } from '../Context';
+import { useNetwork } from '../use';
+import { NetworkMemoryProvider } from './Memory';
+const NetworkRouteProviderInner = ({ children }) => {
+    const { network, setNetwork } = useNetwork();
+    const [params, setParams] = useSearchParams();
+    const slug = params.get('network');
+    const routeNetwork = slug ? findNetworkConfig(slug) : undefined;
+    //update the network stored in the route
+    const setNetworkParam = useCallback((network) => {
+        if (network) {
+            params.set('network', network.slug);
+            setParams(params, { replace: true });
+            setNetwork?.(network);
+        }
+        else {
+            params.delete('network');
+        }
+    }, [params, setParams, setNetwork]);
+    //if the network is actively changed, update both memory and route
+    const setNetworkLocal = useCallback((network) => {
+        setNetworkParam(network);
+        setNetwork?.(network);
+    }, [setNetworkParam, setNetwork]);
+    //sync memory and route storage of network
+    useEffect(() => {
+        if (routeNetwork !== network) {
+            if (routeNetwork === undefined && network !== undefined) {
+                //if the route does not have a network selected, use what is in the memory context
+                setNetworkParam(network);
+            }
+            else if (routeNetwork) {
+                //if the route has a selection and it is different from memory, update memory
+                setNetwork?.(routeNetwork);
+            }
+        }
+    }, [routeNetwork, network, setNetworkParam, setNetwork]);
+    return _jsx(NetworkContext.Provider, { value: { network, networks: defaultNetworkConfigs, provided: true, setNetwork: setNetworkLocal }, children: children });
+};
+export const NetworkRouteProvider = ({ defaultNetwork, ...props }) => {
+    return (_jsx(NetworkMemoryProvider, { defaultNetwork: defaultNetwork, children: _jsx(NetworkRouteProviderInner, { ...props }) }));
+};
+//# sourceMappingURL=Route.js.map

package/dist/esm/contexts/Provider/Route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Route.js","sourceRoot":"","sources":["../../../../src/contexts/Provider/Route.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAGhD,MAAM,yBAAyB,GAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAAA;IAE5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAe,EAAE,CAAA;IAE7C,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IAClC,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAE/D,wCAAwC;IACxC,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,OAA2B,EAAE,EAAE;QAC9B,IAAI,OAAO,EAAE;YACX,MAAM,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;YACnC,SAAS,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;YACpC,UAAU,EAAE,CAAC,OAAO,CAAC,CAAA;SACtB;aAAM;YACL,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;SACzB;IACH,CAAC,EACD,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,CAChC,CAAA;IAED,kEAAkE;IAClE,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,OAA0B,EAAE,EAAE;QAC7B,eAAe,CAAC,OAAO,CAAC,CAAA;QACxB,UAAU,EAAE,CAAC,OAAO,CAAC,CAAA;IACvB,CAAC,EACD,CAAC,eAAe,EAAE,UAAU,CAAC,CAC9B,CAAA;IAED,0CAA0C;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,OAAO,EAAE;YAC5B,IAAI,YAAY,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,EAAE;gBACvD,kFAAkF;gBAClF,eAAe,CAAC,OAAO,CAAC,CAAA;aACzB;iBAAM,IAAI,YAAY,EAAE;gBACvB,6EAA6E;gBAC7E,UAAU,EAAE,CAAC,YAAY,CAAC,CAAA;aAC3B;SACF;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,eAAe,EAAE,UAAU,CAAC,CAAC,CAAA;IAExD,OAAO,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,eAAe,EAAE,YAAG,QAAQ,GAA2B,CAAA;AACxK,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAiD,CAAC,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjH,OAAO,CACL,KAAC,qBAAqB,IAAC,cAAc,EAAE,cAAc,YACnD,KAAC,yBAAyB,OAAK,KAAK,GAAI,GAClB,CACzB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/contexts/Provider/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Memory';
+export * from './Props';
+export * from './Route';

package/dist/esm/contexts/Provider/index.js

@@ -0,0 +1,4 @@
+export * from './Memory';
+export * from './Props';
+export * from './Route';
+//# sourceMappingURL=index.js.map

package/dist/esm/contexts/Provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/Provider/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

package/dist/esm/contexts/State.d.ts

@@ -0,0 +1,11 @@
+import { XyoNetworkPayload } from '@xyo-network/network';
+import { ContextExState } from '@xyo-network/react-shared';
+import { Dispatch } from 'react';
+export interface NetworkContextState extends ContextExState {
+    /** @field The currently selected XYO Network */
+    network?: XyoNetworkPayload;
+    /** @field The list of known available networks */
+    networks?: XyoNetworkPayload[];
+    /** @field Function to set the selected Network */
+    setNetwork?: Dispatch<XyoNetworkPayload>;
+}

package/dist/esm/contexts/State.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=State.js.map

package/dist/esm/contexts/State.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.js","sourceRoot":"","sources":["../../../src/contexts/State.ts"],"names":[],"mappings":""}

package/dist/esm/contexts/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Context';
+export * from './Provider';
+export * from './State';
+export * from './use';

package/dist/esm/contexts/index.js

@@ -0,0 +1,5 @@
+export * from './Context';
+export * from './Provider';
+export * from './State';
+export * from './use';
+//# sourceMappingURL=index.js.map

package/dist/esm/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA"}

package/dist/esm/contexts/use.d.ts

@@ -0,0 +1,2 @@
+import { NetworkContextState } from './State';
+export declare const useNetwork: (required?: boolean) => Omit<NetworkContextState, "provided">;

package/dist/esm/contexts/use.js

@@ -0,0 +1,6 @@
+import { useContextEx } from '@xyo-network/react-shared';
+import { NetworkContext } from './Context';
+export const useNetwork = (required = false) => {
+    return useContextEx(NetworkContext, 'Network', required);
+};
+//# sourceMappingURL=use.js.map

package/dist/esm/contexts/use.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../src/contexts/use.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAAQ,GAAG,KAAK,EAAE,EAAE;IAC7C,OAAO,YAAY,CAAsB,cAAc,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;AAC/E,CAAC,CAAA"}

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './contexts';
+export * from './lib';

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './contexts';
+export * from './lib';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA"}

package/dist/esm/lib/Config/default.d.ts

@@ -0,0 +1,4 @@
+import { XyoNetworkPayload } from '@xyo-network/network';
+export declare const defaultNetworkConfigs: XyoNetworkPayload[];
+/** @deprecated use defaultNetworkConfigs instead */
+export declare const networkPresets: XyoNetworkPayload[];

package/dist/esm/lib/Config/default.js

@@ -0,0 +1,25 @@
+import { XyoNetworkPayloadSchema } from '@xyo-network/network';
+import { findArchivistPreset, findDivinerPreset } from '@xyo-network/react-shared';
+export const defaultNetworkConfigs = [
+    {
+        name: 'Kerplunk',
+        nodes: [findArchivistPreset('kerplunk-archivist-xyo-network'), findDivinerPreset('beta-location-diviner-xyo-network')],
+        schema: XyoNetworkPayloadSchema,
+        slug: 'kerplunk',
+    },
+    {
+        name: 'Main',
+        nodes: [findArchivistPreset('main-archivist-xyo-network'), findDivinerPreset('location-diviner-xyo-network')],
+        schema: XyoNetworkPayloadSchema,
+        slug: 'main',
+    },
+    {
+        name: 'Local',
+        nodes: [findArchivistPreset('kerplunk-archivist-xyo-network'), findDivinerPreset('beta-location-diviner-xyo-network')],
+        schema: XyoNetworkPayloadSchema,
+        slug: 'local',
+    },
+];
+/** @deprecated use defaultNetworkConfigs instead */
+export const networkPresets = defaultNetworkConfigs;
+//# sourceMappingURL=default.js.map

package/dist/esm/lib/Config/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../../src/lib/Config/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACjF,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAElF,MAAM,CAAC,MAAM,qBAAqB,GAAwB;IACxD;QACE,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,EAAE,iBAAiB,CAAC,mCAAmC,CAAC,CAAC;QACtH,MAAM,EAAE,uBAAuB;QAC/B,IAAI,EAAE,UAAU;KACjB;IACD;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,CAAC,mBAAmB,CAAC,4BAA4B,CAAC,EAAE,iBAAiB,CAAC,8BAA8B,CAAC,CAAC;QAC7G,MAAM,EAAE,uBAAuB;QAC/B,IAAI,EAAE,MAAM;KACb;IACD;QACE,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,CAAC,mBAAmB,CAAC,gCAAgC,CAAC,EAAE,iBAAiB,CAAC,mCAAmC,CAAC,CAAC;QACtH,MAAM,EAAE,uBAAuB;QAC/B,IAAI,EAAE,OAAO;KACd;CACF,CAAA;AAED,oDAAoD;AACpD,MAAM,CAAC,MAAM,cAAc,GAAG,qBAAqB,CAAA"}

package/dist/esm/lib/Config/find.d.ts

@@ -0,0 +1,3 @@
+export declare const findNetworkConfig: (slug: string, configs?: import("@xyo-network/network").XyoNetworkPayload[]) => import("@xyo-network/network").XyoNetworkPayload | undefined;
+/** @deprecated use findNetworkConfig instead */
+export declare const findNetworkPreset: (slug: string, configs?: import("@xyo-network/network").XyoNetworkPayload[]) => import("@xyo-network/network").XyoNetworkPayload | undefined;

package/dist/esm/lib/Config/find.js

@@ -0,0 +1,9 @@
+import { defaultNetworkConfigs } from './default';
+export const findNetworkConfig = (slug, configs = defaultNetworkConfigs) => {
+    return configs.find((item) => {
+        return item.slug === slug;
+    });
+};
+/** @deprecated use findNetworkConfig instead */
+export const findNetworkPreset = findNetworkConfig;
+//# sourceMappingURL=find.js.map

package/dist/esm/lib/Config/find.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"find.js","sourceRoot":"","sources":["../../../../src/lib/Config/find.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,OAAO,GAAG,qBAAqB,EAAE,EAAE;IACjF,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;QAC3B,OAAO,IAAI,CAAC,IAAI,KAAK,IAAI,CAAA;IAC3B,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,gDAAgD;AAChD,MAAM,CAAC,MAAM,iBAAiB,GAAG,iBAAiB,CAAA"}

package/dist/esm/lib/Config/index.d.ts

@@ -0,0 +1,2 @@
+export * from './default';
+export * from './find';

package/dist/esm/lib/Config/index.js

@@ -0,0 +1,3 @@
+export * from './default';
+export * from './find';
+//# sourceMappingURL=index.js.map

package/dist/esm/lib/Config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/Config/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA"}

package/dist/esm/lib/index.d.ts

@@ -0,0 +1 @@
+export * from './Config';

package/dist/esm/lib/index.js

@@ -0,0 +1,2 @@
+export * from './Config';
+//# sourceMappingURL=index.js.map

package/dist/esm/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/package.json

@@ -0,0 +1,136 @@
+{
+  "name": "@xyo-network/react-network",
+  "author": {
+    "email": "support@xyo.network",
+    "name": "XYO Development Team",
+    "url": "https://xyo.network"
+  },
+  "bugs": {
+    "email": "support@xyo.network",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
+  },
+  "workspaces": [
+    "packages/*"
+  ],
+  "dependencies": {
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^5.8.0",
+    "@mui/lab": "^5.0.0-alpha.83",
+    "@mui/material": "^5.8.1",
+    "@xylabs/pixel": "^1.3.7",
+    "@xylabs/sdk-js": "^2.5.5",
+    "@xylabs/sdk-react": "^2.12.7",
+    "@xyo-network/api": "^2.20.33",
+    "@xyo-network/core": "^2.20.33",
+    "@xyo-network/network": "^2.20.33",
+    "@xyo-network/panel": "^2.20.33",
+    "@xyo-network/react-shared": "^2.23.7",
+    "@xyo-network/systeminfo-witness": "^2.20.33",
+    "@xyo-network/utils": "^2.20.33",
+    "lodash": "^4.17.21",
+    "luxon": "^2.4.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-icons": "^4.3.1",
+    "react-json-view": "^1.21.3",
+    "react-router-dom": "^6.3.0",
+    "rollbar": "^2.25.0",
+    "typedoc": "^0.22.15"
+  },
+  "description": "Common React library for all XYO projects that use React",
+  "devDependencies": {
+    "@babel/core": "^7.18.0",
+    "@babel/preset-env": "^7.18.0",
+    "@storybook/addon-actions": "^6.5.4",
+    "@storybook/addon-docs": "^6.5.4",
+    "@storybook/addon-essentials": "^6.5.4",
+    "@storybook/addon-interactions": "^6.5.4",
+    "@storybook/addon-links": "^6.5.4",
+    "@storybook/addons": "^6.5.4",
+    "@storybook/api": "^6.5.4",
+    "@storybook/builder-webpack5": "^6.5.4",
+    "@storybook/components": "^6.5.4",
+    "@storybook/core-events": "^6.5.4",
+    "@storybook/manager-webpack5": "^6.5.4",
+    "@storybook/react": "^6.5.4",
+    "@storybook/testing-library": "^0.0.11",
+    "@storybook/theming": "^6.5.4",
+    "@types/lodash": "^4.14.182",
+    "@types/luxon": "^2.3.2",
+    "@xylabs/eslint-config-react": "^2.1.5",
+    "@xylabs/pixel": "^1.3.7",
+    "@xylabs/rollup-config": "^1.1.17",
+    "@xylabs/sdk-js": "^2.5.5",
+    "@xylabs/sdk-react": "^2.12.7",
+    "@xylabs/ts-scripts": "^1.0.66",
+    "@xylabs/tsconfig": "^1.0.13",
+    "assert": "^2.0.0",
+    "axios": "^0.27.2",
+    "storybook-dark-mode": "^1.1.0",
+    "typescript": "^4.6.4"
+  },
+  "browser": "dist/esm/index.js",
+  "docs": "dist/docs.json",
+  "exports": {
+    ".": {
+      "node": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "browser": {
+        "import": "./dist/esm/index.js",
+        "require": "./dist/cjs/index.js"
+      },
+      "default": "./dist/esm/index.js"
+    },
+    "./dist/docs.json": {
+      "default": "./dist/docs.json"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "homepage": "https://xyo.network",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "license": "LGPL-3.0",
+  "peerDependencies": {
+    "axios": ">0.26",
+    "typedoc": "^0.22.13"
+  },
+  "peerDependenciesMeta": {
+    "typedoc": {
+      "optional": true
+    }
+  },
+  "resolutions": {
+    "@storybook/react/webpack": "^5",
+    "bn.js": "^5.2.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "webpack": "^5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  },
+  "scripts": {
+    "deploy": "yarn deploy3",
+    "lint-pkg": "npmPkgJsonLint .",
+    "build": "yarn clean && tsc -p tsconfig.build.cjs.json && tsc -p tsconfig.build.esm.json && yarn gen:docs",
+    "gen:docs": "typedoc ./src/index.ts --json ./dist/docs.json --tsconfig ./tsconfig.json",
+    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
+  },
+  "sideEffects": false,
+  "types": "dist/esm/index.d.ts",
+  "version": "2.23.7",
+  "packageManager": "yarn@3.1.1"
+}

package/src/components/SelectEx/NetworkSelectEx.tsx

@@ -0,0 +1,37 @@
+import { MenuItem } from '@mui/material'
+import { assertEx } from '@xylabs/sdk-js'
+import { SelectEx, SelectExProps, useBreakpoint } from '@xylabs/sdk-react'
+
+import { useNetwork } from '../../contexts'
+import { findNetworkConfig } from '../../lib'
+
+export interface NetworkSelectExProps extends SelectExProps<string> {
+  responsive?: boolean
+}
+
+export const NetworkSelectEx: React.FC<NetworkSelectExProps> = ({ onChange, responsive = true, ...props }) => {
+  const { network, setNetwork, networks } = useNetwork(false)
+  const sm = useBreakpoint() === 'sm'
+  return (
+    <SelectEx
+      variant="outlined"
+      size="small"
+      value={network?.slug ?? ''}
+      onChange={(event, child) => {
+        if (event.target.value !== network?.slug) {
+          onChange?.(event, child)
+          setNetwork?.(assertEx(findNetworkConfig(event.target.value, networks)))
+        }
+      }}
+      {...props}
+    >
+      {networks?.map((network) => {
+        return (
+          <MenuItem key={network.slug} value={network.slug}>
+            {responsive && sm ? network.name?.[0].toUpperCase() : network.name}
+          </MenuItem>
+        )
+      })}
+    </SelectEx>
+  )
+}

package/src/components/SelectEx/index.ts

@@ -0,0 +1 @@
+export * from './NetworkSelectEx'

package/src/components/index.ts

@@ -0,0 +1 @@
+export * from './SelectEx'

package/src/contexts/Context.ts

@@ -0,0 +1,5 @@
+import { createContextEx } from '@xyo-network/react-shared'
+
+import { NetworkContextState } from './State'
+
+export const NetworkContext = createContextEx<NetworkContextState>()

package/src/contexts/Provider/Memory.tsx

@@ -0,0 +1,15 @@
+import { WithChildren } from '@xylabs/sdk-react'
+import { useState } from 'react'
+
+import { defaultNetworkConfigs } from '../../lib'
+import { NetworkContext } from '../Context'
+import { NetworkProviderProps } from './Props'
+
+export const NetworkMemoryProvider: React.FC<WithChildren<NetworkProviderProps>> = ({ defaultNetwork, ...props }) => {
+  const [network, setNetwork] = useState(defaultNetwork ?? defaultNetworkConfigs[0])
+
+  return <NetworkContext.Provider value={{ network, networks: defaultNetworkConfigs, provided: true, setNetwork }} {...props} />
+}
+
+/** @deprecated use NetworkMemoryProvider instead */
+export const NetworkProvider = NetworkMemoryProvider

package/src/contexts/Provider/Props.tsx

@@ -0,0 +1,5 @@
+import { XyoNetworkPayload } from '@xyo-network/network'
+
+export interface NetworkProviderProps {
+  defaultNetwork?: XyoNetworkPayload
+}

package/src/contexts/Provider/Route.tsx

@@ -0,0 +1,65 @@
+import { WithChildren } from '@xylabs/sdk-react'
+import { XyoNetworkPayload } from '@xyo-network/network'
+import { useCallback, useEffect } from 'react'
+import { useSearchParams } from 'react-router-dom'
+
+import { defaultNetworkConfigs, findNetworkConfig } from '../../lib'
+import { NetworkContext } from '../Context'
+import { useNetwork } from '../use'
+import { NetworkMemoryProvider } from './Memory'
+import { NetworkProviderProps } from './Props'
+
+const NetworkRouteProviderInner: React.FC<WithChildren> = ({ children }) => {
+  const { network, setNetwork } = useNetwork()
+
+  const [params, setParams] = useSearchParams()
+
+  const slug = params.get('network')
+  const routeNetwork = slug ? findNetworkConfig(slug) : undefined
+
+  //update the network stored in the route
+  const setNetworkParam = useCallback(
+    (network?: XyoNetworkPayload) => {
+      if (network) {
+        params.set('network', network.slug)
+        setParams(params, { replace: true })
+        setNetwork?.(network)
+      } else {
+        params.delete('network')
+      }
+    },
+    [params, setParams, setNetwork]
+  )
+
+  //if the network is actively changed, update both memory and route
+  const setNetworkLocal = useCallback(
+    (network: XyoNetworkPayload) => {
+      setNetworkParam(network)
+      setNetwork?.(network)
+    },
+    [setNetworkParam, setNetwork]
+  )
+
+  //sync memory and route storage of network
+  useEffect(() => {
+    if (routeNetwork !== network) {
+      if (routeNetwork === undefined && network !== undefined) {
+        //if the route does not have a network selected, use what is in the memory context
+        setNetworkParam(network)
+      } else if (routeNetwork) {
+        //if the route has a selection and it is different from memory, update memory
+        setNetwork?.(routeNetwork)
+      }
+    }
+  }, [routeNetwork, network, setNetworkParam, setNetwork])
+
+  return <NetworkContext.Provider value={{ network, networks: defaultNetworkConfigs, provided: true, setNetwork: setNetworkLocal }}>{children}</NetworkContext.Provider>
+}
+
+export const NetworkRouteProvider: React.FC<WithChildren<NetworkProviderProps>> = ({ defaultNetwork, ...props }) => {
+  return (
+    <NetworkMemoryProvider defaultNetwork={defaultNetwork}>
+      <NetworkRouteProviderInner {...props} />
+    </NetworkMemoryProvider>
+  )
+}

package/src/contexts/Provider/index.ts

@@ -0,0 +1,3 @@
+export * from './Memory'
+export * from './Props'
+export * from './Route'