@orderly.network/ui-scaffold 2.12.4 → 3.0.0-alpha.0

package/dist/index.mjs

@@ -1,12 +1,12 @@
-import React7, { forwardRef, createContext, useCallback, useRef, useEffect, useMemo, useState, cloneElement, useContext, isValidElement } from 'react';
+import React7, { forwardRef, createContext, useRef, useEffect, useMemo, useCallback, useState, cloneElement, useContext, isValidElement } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { installExtension, ExtensionPositionEnum, tv, Flex, Text, Tooltip, useScreen, Button, cn, modal, toast, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuGroup, EVMAvatar, Divider, DropdownMenuItem, ChevronDownIcon, Box, PopoverRoot, PopoverAnchor, PopoverContent, SimpleDialog, Checkbox, useObserverElement, SimpleSheet, Logo, VectorIcon, PeopleIcon, SwapHorizIcon, Sheet, SheetContent, ChevronLeftIcon, Dialog, DialogContent, DialogHeader, DialogTitle, DialogBody, Spinner, ChainIcon, ScrollArea, formatAddress, CopyIcon, Popover, Grid, TextField, inputFormatter, ExtensionSlot, EyeIcon, EyeCloseIcon, SimpleDialogFooter, TooltipProvider, TooltipRoot, TooltipTrigger, BellIcon, TooltipContent, PopoverTrigger, PopupUnionIcon, CloseRoundFillIcon, SpotIcon, PerpsIcon, SelectedChoicesFillIcon } from '@orderly.network/ui';
+import { injectable, tv, Flex, Text, Tooltip, Button, cn, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuGroup, EVMAvatar, Divider, DropdownMenuItem, ChevronDownIcon, Box, PopoverRoot, PopoverAnchor, PopoverContent, SimpleDialog, Checkbox, useObserverElement, useScreen, modal, SimpleSheet, Logo, toast, VectorIcon, PeopleIcon, SwapHorizIcon, Sheet, SheetContent, ChevronLeftIcon, Dialog, DialogContent, DialogHeader, DialogTitle, DialogBody, Spinner, ChainIcon, ScrollArea, formatAddress, CopyIcon, Popover, Grid, TextField, inputFormatter, EyeIcon, EyeCloseIcon, SimpleDialogFooter, TooltipProvider, TooltipRoot, TooltipTrigger, BellIcon, TooltipContent, PopoverTrigger, PopupUnionIcon, CloseRoundFillIcon, SpotIcon, PerpsIcon, SelectedChoicesFillIcon } from '@orderly.network/ui';
 import { useTranslation, i18n, useLanguageContext, Trans } from '@orderly.network/i18n';
-import { useWalletConnector, useAccount, useChains, useLocalStorage, useConfig, useTrack, WsNetworkStatus, useIndexPricesStream, useWsStatus, useSubAccountQuery, OrderlyContext, useMemoizedFn, useCollateral, usePositionStream, useMarginRatio, useLeverage, useMaintenanceStatus, useEventEmitter } from '@orderly.network/hooks';
+import { useAccount, useLocalStorage, useConfig, useTrack, WsNetworkStatus, useWalletConnector, useIndexPricesStream, useChains, useWsStatus, useSubAccountQuery, OrderlyContext, useMemoizedFn, useCollateral, usePositionStream, useMarginRatio, useLeverage, useMaintenanceStatus, useEventEmitter } from '@orderly.network/hooks';
 import { useAppContext, useAppConfig } from '@orderly.network/react-app';
 import { AccountStatusEnum, ABSTRACT_CHAIN_ID_MAP, EMPTY_LIST, TrackerEventName, EMPTY_OBJECT } from '@orderly.network/types';
-import { ChainSelectorSheetId, ChainSelectorDialogId, ChainSelectorWidget } from '@orderly.network/ui-chain-selector';
-import { WalletConnectorSheetId, WalletConnectorModalId } from '@orderly.network/ui-connector';
+import { ChainSelectorDialogId, ChainSelectorWidget, ChainSelectorSheetId } from '@orderly.network/ui-chain-selector';
+import { WalletConnectorModalId, WalletConnectorSheetId } from '@orderly.network/ui-connector';
 import { useAnnouncement, NotificationUI as NotificationUI$1, AnnouncementCenterUI } from '@orderly.network/ui-notification';
 import { Decimal, getTimestamp, windowGuard } from '@orderly.network/utils';
 import jsQR from 'jsqr';
@@ -971,21 +971,14 @@ var useAccountMenu = () => {
     isMobile
   };
 };
+var InjectableAccountMenu = injectable(AccountMenu, "Account.AccountMenu");
 var AccountMenuWidget = () => {
   const state = useAccountMenu();
   return /* @__PURE__ */ jsx(AccountMenu, { ...state });
 };
-installExtension({
-  name: "account-menu",
-  scope: ["*"],
-  positions: [ExtensionPositionEnum.AccountMenu],
-  builder: useAccountMenu,
-  __isInternal: true
-})((props) => {
-  return /* @__PURE__ */ jsx(AccountMenu, { ...props });
-});
 var WalletConnectButtonExtension = () => {
-  return /* @__PURE__ */ jsx(ExtensionSlot, { position: ExtensionPositionEnum.AccountMenu });
+  const state = useAccountMenu();
+  return /* @__PURE__ */ jsx(InjectableAccountMenu, { ...state });
 };
 var useChainMenuScript = () => {
   const [open2, setOpen] = useState(false);
@@ -5543,16 +5536,9 @@ var MainNavMenus = (props) => {
     index
   )) });
 };
-installExtension({
-  name: "default-main-nav-menus",
-  scope: ["*"],
-  positions: [ExtensionPositionEnum.MainMenus],
-  __isInternal: true
-})((props) => {
-  return /* @__PURE__ */ jsx(MainNavMenus, { ...props });
-});
+var InjectableMainNavMenus = injectable(MainNavMenus, "Layout.MainMenus");
 var MainNavMenusExtension = (props) => {
-  return /* @__PURE__ */ jsx(ExtensionSlot, { position: ExtensionPositionEnum.MainMenus, ...props });
+  return /* @__PURE__ */ jsx(InjectableMainNavMenus, { ...props });
 };
 var MainNav = (props) => {
   const { className, classNames, campaigns, campaignPosition } = props;