bump extension-dapp to 22

docs/Apps.d.ts

@@ -0,0 +1,6 @@
+import type { BareProps as Props } from '@polkadot/react-components/types';
+import React from 'react';
+export declare const PORTAL_ID = "portals";
+declare function Apps({ className }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof Apps>;
+export default _default;

docs/Content/NotFound.d.ts

@@ -0,0 +1,8 @@
+import type { RouteProps } from '@polkadot/apps-routing/types';
+import React from 'react';
+interface Props extends RouteProps {
+    missingApis?: (string | string[])[];
+}
+declare function NotFound({ basePath, missingApis }: Props): React.ReactElement;
+declare const _default: React.MemoExoticComponent<typeof NotFound>;
+export default _default;

docs/Content/Status.d.ts

@@ -0,0 +1,8 @@
+import type { KeyringOptions } from '@polkadot/ui-keyring/options/types';
+import React from 'react';
+interface Props {
+    optionsAll?: KeyringOptions;
+}
+declare function Status({ optionsAll }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof Status>;
+export default _default;

docs/Content/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    className?: string;
+}
+declare function Content({ className }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof Content>;
+export default _default;

docs/Endpoints/Group.d.ts

@@ -0,0 +1,16 @@
+import type { Group } from './types.js';
+import React from 'react';
+interface Props {
+    affinities: Record<string, string>;
+    apiUrl: string;
+    children?: React.ReactNode;
+    className?: string;
+    index: number;
+    isSelected: boolean;
+    setApiUrl: (network: string, apiUrl: string) => void;
+    setGroup: (groupIndex: number) => void;
+    value: Group;
+}
+declare function GroupDisplay({ affinities, apiUrl, children, className, index, isSelected, setApiUrl, setGroup, value: { header, isSpaced, networks } }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof GroupDisplay>;
+export default _default;

docs/Endpoints/Network.d.ts

@@ -0,0 +1,12 @@
+import type { Network } from './types.js';
+import React from 'react';
+interface Props {
+    affinity?: string;
+    apiUrl: string;
+    className?: string;
+    setApiUrl: (network: string, apiUrl: string) => void;
+    value: Network;
+}
+declare function NetworkDisplay({ apiUrl, className, setApiUrl, value: { isChild, isRelay, isUnreachable, name, nameRelay: relay, paraId, providers, ui } }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof NetworkDisplay>;
+export default _default;

docs/Endpoints/Url.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface Props {
+    apiUrl: string;
+    className?: string;
+    label: React.ReactNode;
+    setApiUrl: (apiUrl: string) => void;
+    url: string;
+}
+declare function Url({ apiUrl, className, label, setApiUrl, url }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof Url>;
+export default _default;

docs/Endpoints/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    className?: string;
+    offset?: number | string;
+    onClose: () => void;
+}
+declare function Endpoints({ className, offset, onClose }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof Endpoints>;
+export default _default;

docs/Endpoints/types.d.ts

@@ -0,0 +1,24 @@
+import type React from 'react';
+export interface Network {
+    isChild?: boolean;
+    isLightClient?: boolean;
+    isRelay?: boolean;
+    isUnreachable?: boolean;
+    name: string;
+    nameRelay?: string;
+    paraId?: number;
+    providers: {
+        name: string;
+        url: string;
+    }[];
+    ui: {
+        color?: string;
+        logo?: string;
+    };
+}
+export interface Group {
+    header: React.ReactNode;
+    isDevelopment?: boolean;
+    isSpaced?: boolean;
+    networks: Network[];
+}

docs/Menu/ChainInfo.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    className?: string;
+}
+declare function ChainInfo({ className }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof ChainInfo>;
+export default _default;

docs/Menu/Grouping.d.ts

@@ -0,0 +1,9 @@
+import type { Group } from './types.js';
+import React from 'react';
+interface Props extends Group {
+    className?: string;
+    isActive: boolean;
+}
+declare function Grouping({ className, isActive, name, routes }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof Grouping>;
+export default _default;

docs/Menu/Item.d.ts

@@ -0,0 +1,12 @@
+import type { ItemRoute } from './types.js';
+import React from 'react';
+interface Props {
+    className?: string;
+    classNameText?: string;
+    isLink?: boolean;
+    isToplevel?: boolean;
+    route: ItemRoute;
+}
+declare function Item({ className, classNameText, isLink, isToplevel, route: { Modal, href, icon, name, text, useCounter } }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof Item>;
+export default _default;

docs/Menu/NodeInfo.d.ts

@@ -0,0 +1,5 @@
+import type { BareProps as Props } from '@polkadot/react-components/types';
+import React from 'react';
+declare function NodeInfo({ className }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof NodeInfo>;
+export default _default;

docs/Menu/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    className?: string;
+}
+declare function Menu({ className }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof Menu>;
+export default _default;

docs/Menu/types.d.ts

@@ -0,0 +1,16 @@
+import type { IconName } from '@fortawesome/fontawesome-svg-core';
+import type React from 'react';
+import type { Routes } from '@polkadot/apps-routing/types';
+export interface ItemRoute {
+    Modal?: React.ComponentType<any>;
+    href?: string;
+    icon: IconName;
+    name: string;
+    text: string;
+    useCounter?: () => number | string | null;
+}
+export interface Group {
+    name: string;
+    routes: Routes;
+}
+export type Groups = Record<string, Group>;

docs/Root.d.ts

@@ -0,0 +1,9 @@
+import type { KeyringStore } from '@polkadot/ui-keyring/types';
+import React from 'react';
+interface Props {
+    isElectron: boolean;
+    store?: KeyringStore;
+}
+declare function Root({ isElectron, store }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof Root>;
+export default _default;

docs/TopBar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    className?: string;
+}
+declare function TopBar({ className }: Props): React.ReactElement<Props>;
+declare const _default: React.MemoExoticComponent<typeof TopBar>;
+export default _default;

docs/WarmUp.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare function WarmUp(): React.ReactElement;
+declare const _default: React.MemoExoticComponent<typeof WarmUp>;
+export default _default;