From da298192f9cd7139ae870dd12bc200e58862c704 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ti=E1=BA=BFn=20Nguy=E1=BB=85n=20Kh=E1=BA=AFc?= Date: Sun, 12 May 2024 22:02:39 +1200 Subject: [PATCH] style: add imports sorting to prettier --- apps/portal/.storybook/preview.tsx | 2 +- .../gql/crowdloan/gql/fragment-masking.ts | 2 +- .../generated/gql/crowdloan/gql/graphql.ts | 1 + .../extrinsicHistory/gql/fragment-masking.ts | 2 +- .../gql/extrinsicHistory/gql/graphql.ts | 1 + apps/portal/src/App.Theme.tsx | 9 +- apps/portal/src/App.tsx | 19 ++-- apps/portal/src/components/legacy/Await.tsx | 2 +- apps/portal/src/components/legacy/Banner.tsx | 2 +- .../src/components/legacy/CopyButton.tsx | 2 +- .../src/components/legacy/DesktopRequired.tsx | 2 +- .../src/components/legacy/Draggable.tsx | 2 +- .../src/components/legacy/Droppable.tsx | 2 +- apps/portal/src/components/legacy/Field.tsx | 4 +- apps/portal/src/components/legacy/Filter.tsx | 2 +- .../src/components/legacy/LeftRightPicker.tsx | 3 +- apps/portal/src/components/legacy/Menu.tsx | 2 +- apps/portal/src/components/legacy/Modal.tsx | 3 +- .../src/components/legacy/Placeholder.tsx | 2 +- apps/portal/src/components/legacy/Poster.tsx | 2 +- .../src/components/legacy/SimplePlay.tsx | 2 +- apps/portal/src/components/legacy/Tags.tsx | 2 +- apps/portal/src/components/legacy/Toggle.tsx | 2 +- .../archetypes/Crowdloan/Contribute.tsx | 14 +-- .../legacy/archetypes/Crowdloan/Countdown.tsx | 2 +- .../legacy/archetypes/Crowdloan/Indexx.tsx | 6 +- .../legacy/archetypes/Crowdloan/Raised.tsx | 4 +- .../legacy/archetypes/Crowdloan/Rewards.tsx | 2 +- .../legacy/archetypes/Crowdloan/Teaser.tsx | 7 +- .../legacy/archetypes/Explore/Card.tsx | 5 +- .../legacy/archetypes/Explore/Loading.tsx | 2 +- .../legacy/archetypes/Parachain/Asset.tsx | 2 +- .../legacy/archetypes/Parachain/Links.tsx | 2 +- .../legacy/archetypes/Wallet/Crowdloans.tsx | 16 +-- .../legacy/archetypes/Wallet/Total.tsx | 2 +- .../AccountIcon/AccountIcon.stories.tsx | 3 +- .../molecules/AccountIcon/AccountIcon.tsx | 2 +- .../SectionHeader/SectionHeader.stories.tsx | 3 +- .../AccountValueInfo.stories.tsx | 3 +- .../AccountValueInfo/AccountValueInfo.tsx | 6 +- .../AddReadOnlyAccountDialog.stories.tsx | 5 +- .../AddReadOnlyAccountDialog.tsx | 6 +- .../NominationPoolsAddStakeDialog.stories.tsx | 3 +- .../SlpxAddStakeDialog.stories.tsx | 3 +- .../src/components/recipes/Asset/Asset.tsx | 2 +- .../AssetBreakdown/AssetBreakdownList.tsx | 7 +- .../AssetBreakdown/AssetBreakdownRow.tsx | 7 +- .../ClaimStakeDialog.stories.tsx | 3 +- .../Cryptoticon/Cryptoticon.stories.tsx | 3 +- .../DappStakingForm.SideSheet.stories.tsx | 2 +- .../DappStakingForm.stories.tsx | 2 +- .../DappStakingForm/DappStakingForm.tsx | 4 +- .../DappStakingLockedAmountDialog.stories.tsx | 3 +- .../components/recipes/DexForm/DexForm.tsx | 6 +- .../DexForm/SwapForm/SwapForm.stories.tsx | 3 +- .../recipes/DexForm/SwapForm/SwapForm.tsx | 2 +- .../TransportForm/TransportForm.stories.tsx | 3 +- .../DexForm/TransportForm/TransportForm.tsx | 2 +- .../ErrorMessage/ErrorMessage.stories.tsx | 2 +- .../recipes/ErrorMessage/ErrorMessage.tsx | 2 +- .../ExportHistoryAlertDialog.stories.tsx | 3 +- .../ExportTxHistoryDialog.stories.tsx | 3 +- .../ExportTxHistoryDialog.tsx | 2 +- .../ExtrinsicDetailsSideSheet.stories.tsx | 3 +- .../ExtrinsicDetailsSideSheet.tsx | 6 +- .../FairyBreadBanner.stories.tsx | 3 +- .../FairyBreadBanner/FairyBreadBanner.tsx | 2 +- .../FastUnstakeDialog.stories.tsx | 3 +- .../recipes/MainBanner/Banner.stories.tsx | 3 +- .../recipes/MainBanner/MainBanner.tsx | 5 +- .../PoolClaimPermissionDialog.stories.tsx | 2 +- .../PoolClaimPermissionForm.stories.tsx | 2 +- .../PoolClaimPermissionForm.tsx | 2 +- .../PortfolioAllocationGraph.stories.tsx | 3 +- ...tchedAccountConfirmationDialog.stories.tsx | 3 +- .../StakeCalculatorDialog.stories.tsx | 3 +- .../StakeCalculatorDialog.tsx | 2 +- .../StakeDialog/StakeDialog.stories.tsx | 2 +- .../recipes/StakeDialog/StakeDialog.tsx | 2 +- .../recipes/StakeForm/StakeForm.stories.tsx | 3 +- .../recipes/StakeForm/StakeForm.tsx | 8 +- .../StakePosition/StakePosition.stories.tsx | 2 +- .../recipes/StakePosition/StakePosition.tsx | 10 +- .../StakeProvider/StakeProvider.stories.tsx | 2 +- .../recipes/StakeProvider/StakeProvider.tsx | 2 +- .../StakeProviderDialog.stories.tsx | 2 +- .../StakeProviderDialog.tsx | 2 +- .../StakeTargetSelectorDialog.stories.tsx | 5 +- .../StakeTargetSelectorDialog.tsx | 9 +- .../StakeTargetSelectorItem.stories.tsx | 3 +- .../TokenSelectorDialog.stories.tsx | 3 +- .../TokenSelectorDialog.tsx | 5 +- .../TransactionLineItem.stories.tsx | 2 +- .../TransactionLineItem.tsx | 8 +- .../UnstakeAlertDialog.stories.tsx | 3 +- .../UnstakeDialog/UnstakeDialog.stories.tsx | 3 +- .../recipes/Welcome/Welcome.stories.tsx | 5 +- .../components/recipes/Welcome/Welcome.tsx | 2 +- .../WithdrawCrowdloanDialog.stories.tsx | 3 +- .../TransactionHistory.stories.tsx | 3 +- .../widgets/AccountConnectionGuard.tsx | 4 +- .../components/widgets/AccountSelector.tsx | 6 +- .../widgets/AccountsManagementMenu.tsx | 12 +- .../widgets/AddReadOnlyAccountDialog.tsx | 2 +- .../components/widgets/AnimatedFiatNumber.tsx | 4 +- .../widgets/PortfolioAllocationGraph.tsx | 4 +- ...RemoveWatchedAccountConfirmationDialog.tsx | 2 +- .../widgets/TokenSelectorButton.tsx | 4 +- .../widgets/WalletConnectionSideSheet.tsx | 2 +- .../widgets/WithdrawCrowdloanWidget.tsx | 2 +- .../widgets/development/DevMenu.tsx | 9 +- .../src/components/widgets/dex/SwapForm.tsx | 6 +- .../components/widgets/dex/TransportForm.tsx | 12 +- .../widgets/history/ExportTxHistoryWidget.tsx | 4 +- .../components/widgets/history/History.tsx | 12 +- .../HistoryExportFloatingActionButton.tsx | 4 +- .../src/components/widgets/history/utils.ts | 2 +- .../widgets/staking/StakeProviders.tsx | 8 +- .../src/components/widgets/staking/Stakes.tsx | 12 +- .../staking/dappStaking/AddStakeDialog.tsx | 4 +- .../staking/dappStaking/DappPickerDialog.tsx | 2 +- .../staking/dappStaking/StakeProviders.tsx | 10 +- .../staking/dappStaking/StakeSideSheet.tsx | 14 +-- .../widgets/staking/dappStaking/Stakes.tsx | 12 +- .../staking/dappStaking/UnstakeDialog.tsx | 6 +- .../staking/lido/LidoWidgetSideSheet.tsx | 2 +- .../widgets/staking/lido/StakeProviders.tsx | 6 +- .../widgets/staking/lido/StakeSideSheet.tsx | 2 +- .../widgets/staking/lido/Stakes.tsx | 8 +- .../widgets/staking/slpx/AddStakeDialog.tsx | 2 +- .../widgets/staking/slpx/StakeProviders.tsx | 10 +- .../widgets/staking/slpx/StakeSideSheet.tsx | 12 +- .../widgets/staking/slpx/Stakes.tsx | 15 ++- .../widgets/staking/slpx/UnstakeDialog.tsx | 4 +- .../staking/substrate/AddStakeDialog.tsx | 2 +- .../staking/substrate/ClaimStakeDialog.tsx | 2 +- .../NominationPoolsStakeSideSheet.tsx | 13 +-- .../NominationPoolsStatisticsSideSheet.tsx | 10 +- .../substrate/PoolClaimPermissionDialog.tsx | 6 +- .../staking/substrate/PoolStakeItem.tsx | 8 +- .../widgets/staking/substrate/PoolStakes.tsx | 4 +- .../substrate/StakeCalculatorDialog.tsx | 6 +- .../widgets/staking/substrate/StakeForm.tsx | 24 ++-- .../staking/substrate/StakeProviders.tsx | 8 +- .../staking/substrate/UnstakeDialog.tsx | 2 +- .../staking/substrate/ValidatorStakeItem.tsx | 10 +- .../staking/substrate/ValidatorStakes.tsx | 4 +- .../substrate/ValidatorUnstakeDialog.tsx | 2 +- apps/portal/src/domains/accounts/hooks.ts | 6 +- apps/portal/src/domains/accounts/recoils.ts | 12 +- apps/portal/src/domains/balances/analytics.ts | 2 +- apps/portal/src/domains/balances/core.ts | 5 +- apps/portal/src/domains/bridge/config.ts | 15 ++- .../src/domains/bridge/extendedRoutes.ts | 2 +- apps/portal/src/domains/bridge/index.ts | 2 +- apps/portal/src/domains/chains/contexts.tsx | 4 +- apps/portal/src/domains/chains/recoils.ts | 8 +- .../src/domains/common/extrinsicMiddleware.ts | 2 +- .../src/domains/common/hooks/useChainState.ts | 4 +- .../src/domains/common/hooks/useEraEta.ts | 6 +- .../src/domains/common/hooks/useExtrinsic.ts | 10 +- .../common/hooks/useExtrinsicEffect.ts | 2 +- .../src/domains/common/hooks/useQueryMulti.ts | 5 +- apps/portal/src/domains/common/recoils/api.ts | 3 +- .../src/domains/common/recoils/index.ts | 5 +- .../src/domains/common/recoils/query.ts | 2 +- apps/portal/src/domains/common/sentry.ts | 2 +- apps/portal/src/domains/crowdloans/hooks.ts | 2 +- apps/portal/src/domains/extension/main.ts | 4 +- apps/portal/src/domains/fastUnstake/hooks.ts | 4 +- apps/portal/src/domains/fastUnstake/worker.ts | 2 +- apps/portal/src/domains/nfts/core.ts | 4 +- apps/portal/src/domains/nfts/tags.ts | 2 +- .../staking/dappStaking/hooks/forms.ts | 4 +- .../staking/dappStaking/hooks/useApr.ts | 2 +- .../hooks/useClaimAllRewardsExtrinsic.ts | 2 +- .../staking/dappStaking/hooks/useStake.ts | 4 +- .../dappStaking/hooks/useTotalStaked.ts | 2 +- .../dappStaking/hooks/useUnlockDuration.ts | 2 +- apps/portal/src/domains/staking/hooks.ts | 4 +- .../portal/src/domains/staking/lido/config.ts | 2 +- apps/portal/src/domains/staking/lido/core.ts | 4 +- .../src/domains/staking/lido/recoils.ts | 2 +- .../portal/src/domains/staking/slpx/config.ts | 2 +- apps/portal/src/domains/staking/slpx/core.ts | 8 +- .../src/domains/staking/slpx/recoils.ts | 2 +- .../nominationPools/hooks/usePoolAddForm.ts | 4 +- .../nominationPools/hooks/usePoolStake.ts | 4 +- .../hooks/useUnlockDuration.ts | 2 +- .../staking/substrate/validator/recoils.ts | 2 +- apps/portal/src/index.tsx | 6 +- .../libs/crowdloans/moonbeam/remarkFlow.ts | 8 +- .../crowdloans/useCrowdloanContribute.tsx | 12 +- .../crowdloans/useCrowdloanContributions.ts | 4 +- .../libs/onChainId/atoms/onChainIdResolver.ts | 2 +- .../src/libs/onChainId/hooks/useOnChainId.ts | 2 +- .../libs/onChainId/hooks/useResolveNsName.ts | 2 +- apps/portal/src/libs/portfolio/index.tsx | 2 +- apps/portal/src/libs/talisman/chainmeta.tsx | 2 +- apps/portal/src/libs/talisman/crowdloan.tsx | 5 +- apps/portal/src/libs/talisman/index.tsx | 5 +- apps/portal/src/libs/talisman/util/hooks.tsx | 3 +- apps/portal/src/routes/admin.tsx | 16 +-- apps/portal/src/routes/crowdloans/index.tsx | 2 +- apps/portal/src/routes/crowdloans/item.tsx | 4 +- .../src/routes/crowdloans/participated.tsx | 2 +- apps/portal/src/routes/dex/index.tsx | 2 +- apps/portal/src/routes/dex/swap.tsx | 2 +- apps/portal/src/routes/dex/transport.tsx | 4 +- apps/portal/src/routes/explore.tsx | 8 +- apps/portal/src/routes/index.tsx | 4 +- apps/portal/src/routes/layout.tsx | 40 +++---- .../src/routes/portfolio/assets/index.tsx | 2 +- .../src/routes/portfolio/assets/item.tsx | 2 +- .../src/routes/portfolio/assets/main.tsx | 2 +- .../src/routes/portfolio/collectibles.tsx | 4 +- apps/portal/src/routes/portfolio/index.tsx | 2 +- apps/portal/src/routes/staking/index.tsx | 2 +- apps/portal/src/routes/staking/layout.tsx | 2 +- package.json | 1 + .../development/storybook/talismanTheme.js | 3 +- packages/icons/src/components/Activity.tsx | 3 +- packages/icons/src/components/Airplay.tsx | 3 +- packages/icons/src/components/AlertCircle.tsx | 3 +- .../icons/src/components/AlertOctagon.tsx | 3 +- .../icons/src/components/AlertTriangle.tsx | 3 +- packages/icons/src/components/AlignCenter.tsx | 3 +- .../icons/src/components/AlignJustify.tsx | 3 +- packages/icons/src/components/AlignLeft.tsx | 3 +- packages/icons/src/components/AlignRight.tsx | 3 +- packages/icons/src/components/Anchor.tsx | 3 +- packages/icons/src/components/Aperture.tsx | 3 +- packages/icons/src/components/Archive.tsx | 3 +- packages/icons/src/components/ArrowDown.tsx | 3 +- .../icons/src/components/ArrowDownCircle.tsx | 3 +- .../icons/src/components/ArrowDownLeft.tsx | 3 +- .../icons/src/components/ArrowDownRight.tsx | 3 +- packages/icons/src/components/ArrowLeft.tsx | 3 +- .../icons/src/components/ArrowLeftCircle.tsx | 3 +- packages/icons/src/components/ArrowRight.tsx | 3 +- .../icons/src/components/ArrowRightCircle.tsx | 3 +- packages/icons/src/components/ArrowUp.tsx | 3 +- .../icons/src/components/ArrowUpCircle.tsx | 3 +- packages/icons/src/components/ArrowUpLeft.tsx | 3 +- .../icons/src/components/ArrowUpRight.tsx | 3 +- packages/icons/src/components/AtSign.tsx | 3 +- packages/icons/src/components/Award.tsx | 3 +- packages/icons/src/components/BarChart.tsx | 3 +- packages/icons/src/components/BarChart2.tsx | 3 +- packages/icons/src/components/Battery.tsx | 3 +- .../icons/src/components/BatteryCharging.tsx | 3 +- packages/icons/src/components/Bell.tsx | 3 +- packages/icons/src/components/BellOff.tsx | 3 +- packages/icons/src/components/Bluetooth.tsx | 3 +- packages/icons/src/components/Bold.tsx | 3 +- packages/icons/src/components/Book.tsx | 3 +- packages/icons/src/components/BookOpen.tsx | 3 +- packages/icons/src/components/Bookmark.tsx | 3 +- packages/icons/src/components/Box.tsx | 3 +- packages/icons/src/components/Box1.tsx | 3 +- packages/icons/src/components/Briefcase.tsx | 3 +- packages/icons/src/components/Calculate.tsx | 3 +- packages/icons/src/components/Calendar.tsx | 3 +- packages/icons/src/components/Camera.tsx | 3 +- packages/icons/src/components/CameraOff.tsx | 3 +- packages/icons/src/components/Cast.tsx | 3 +- packages/icons/src/components/Check.tsx | 3 +- packages/icons/src/components/CheckCircle.tsx | 3 +- packages/icons/src/components/CheckSquare.tsx | 3 +- packages/icons/src/components/ChevronDown.tsx | 3 +- packages/icons/src/components/ChevronLeft.tsx | 3 +- .../icons/src/components/ChevronRight.tsx | 3 +- packages/icons/src/components/ChevronUp.tsx | 3 +- .../icons/src/components/ChevronsDown.tsx | 3 +- .../icons/src/components/ChevronsLeft.tsx | 3 +- .../icons/src/components/ChevronsRight.tsx | 3 +- packages/icons/src/components/ChevronsUp.tsx | 3 +- packages/icons/src/components/Chrome.tsx | 3 +- packages/icons/src/components/Circle.tsx | 3 +- packages/icons/src/components/Clipboard.tsx | 3 +- packages/icons/src/components/Clock.tsx | 3 +- packages/icons/src/components/Cloud.tsx | 3 +- .../icons/src/components/CloudDrizzle.tsx | 3 +- .../icons/src/components/CloudLightning.tsx | 3 +- packages/icons/src/components/CloudOff.tsx | 3 +- packages/icons/src/components/CloudRain.tsx | 3 +- packages/icons/src/components/CloudSnow.tsx | 3 +- packages/icons/src/components/Code.tsx | 3 +- packages/icons/src/components/Codepen.tsx | 3 +- packages/icons/src/components/Codesandbox.tsx | 3 +- packages/icons/src/components/Coffee.tsx | 3 +- packages/icons/src/components/Columns.tsx | 3 +- packages/icons/src/components/Command.tsx | 3 +- packages/icons/src/components/Compass.tsx | 3 +- packages/icons/src/components/Copy.tsx | 3 +- .../icons/src/components/CornerDownLeft.tsx | 3 +- .../icons/src/components/CornerDownRight.tsx | 3 +- .../icons/src/components/CornerLeftDown.tsx | 3 +- .../icons/src/components/CornerLeftUp.tsx | 3 +- .../icons/src/components/CornerRightDown.tsx | 3 +- .../icons/src/components/CornerRightUp.tsx | 3 +- .../icons/src/components/CornerUpLeft.tsx | 3 +- .../icons/src/components/CornerUpRight.tsx | 3 +- packages/icons/src/components/Cpu.tsx | 3 +- packages/icons/src/components/CreditCard.tsx | 3 +- packages/icons/src/components/Crop.tsx | 3 +- packages/icons/src/components/Crosshair.tsx | 3 +- packages/icons/src/components/Database.tsx | 3 +- packages/icons/src/components/Delete.tsx | 3 +- packages/icons/src/components/Disc.tsx | 3 +- packages/icons/src/components/DollarSign.tsx | 3 +- packages/icons/src/components/Download.tsx | 3 +- .../icons/src/components/DownloadCloud.tsx | 3 +- packages/icons/src/components/Drag.tsx | 3 +- packages/icons/src/components/DragAlt.tsx | 3 +- packages/icons/src/components/Droplet.tsx | 3 +- packages/icons/src/components/Earn.tsx | 3 +- packages/icons/src/components/Edit.tsx | 3 +- packages/icons/src/components/Edit2.tsx | 3 +- packages/icons/src/components/Edit3.tsx | 3 +- packages/icons/src/components/Ethereum.tsx | 3 +- .../icons/src/components/ExternalLink.tsx | 3 +- packages/icons/src/components/Eye.tsx | 3 +- packages/icons/src/components/EyeOff.tsx | 3 +- packages/icons/src/components/EyePlus.tsx | 3 +- packages/icons/src/components/Facebook.tsx | 3 +- packages/icons/src/components/FastForward.tsx | 3 +- packages/icons/src/components/Feather.tsx | 3 +- packages/icons/src/components/Figma.tsx | 3 +- packages/icons/src/components/File.tsx | 3 +- packages/icons/src/components/FileCheck.tsx | 3 +- packages/icons/src/components/FileMinus.tsx | 3 +- packages/icons/src/components/FilePlus.tsx | 3 +- packages/icons/src/components/FileText.tsx | 3 +- packages/icons/src/components/FileX.tsx | 3 +- packages/icons/src/components/Film.tsx | 3 +- packages/icons/src/components/Filter.tsx | 3 +- packages/icons/src/components/Flag.tsx | 3 +- packages/icons/src/components/Folder.tsx | 3 +- packages/icons/src/components/FolderMinus.tsx | 3 +- packages/icons/src/components/FolderPlus.tsx | 3 +- packages/icons/src/components/Framer.tsx | 3 +- packages/icons/src/components/Frown.tsx | 3 +- packages/icons/src/components/Gift.tsx | 3 +- packages/icons/src/components/GitBranch.tsx | 3 +- packages/icons/src/components/GitCommit.tsx | 3 +- packages/icons/src/components/GitMerge.tsx | 3 +- .../icons/src/components/GitPullRequest.tsx | 3 +- packages/icons/src/components/Github.tsx | 3 +- packages/icons/src/components/Gitlab.tsx | 3 +- packages/icons/src/components/Globe.tsx | 3 +- packages/icons/src/components/Grid.tsx | 3 +- packages/icons/src/components/HardDrive.tsx | 3 +- packages/icons/src/components/Hash.tsx | 3 +- packages/icons/src/components/Headphones.tsx | 3 +- packages/icons/src/components/Heart.tsx | 3 +- packages/icons/src/components/HelpCircle.tsx | 3 +- packages/icons/src/components/Hexagon.tsx | 3 +- packages/icons/src/components/Home.tsx | 3 +- packages/icons/src/components/Image.tsx | 3 +- packages/icons/src/components/Inbox.tsx | 3 +- packages/icons/src/components/Info.tsx | 3 +- packages/icons/src/components/Instagram.tsx | 3 +- packages/icons/src/components/Italic.tsx | 3 +- packages/icons/src/components/Key.tsx | 3 +- packages/icons/src/components/Layers.tsx | 3 +- packages/icons/src/components/Layout.tsx | 3 +- packages/icons/src/components/LifeBuoy.tsx | 3 +- packages/icons/src/components/Link.tsx | 3 +- packages/icons/src/components/Link2.tsx | 3 +- packages/icons/src/components/Linkedin.tsx | 3 +- packages/icons/src/components/List.tsx | 3 +- packages/icons/src/components/Loader.tsx | 3 +- packages/icons/src/components/Lock.tsx | 3 +- packages/icons/src/components/LogIn.tsx | 3 +- packages/icons/src/components/LogOut.tsx | 3 +- packages/icons/src/components/Mail.tsx | 3 +- packages/icons/src/components/Map.tsx | 3 +- packages/icons/src/components/MapPin.tsx | 3 +- packages/icons/src/components/Maximize.tsx | 3 +- packages/icons/src/components/Maximize2.tsx | 3 +- packages/icons/src/components/Meh.tsx | 3 +- packages/icons/src/components/Menu.tsx | 3 +- .../icons/src/components/MessageCircle.tsx | 3 +- .../icons/src/components/MessageSquare.tsx | 3 +- packages/icons/src/components/Mic.tsx | 3 +- packages/icons/src/components/MicOff.tsx | 3 +- packages/icons/src/components/Minimize.tsx | 3 +- packages/icons/src/components/Minimize2.tsx | 3 +- packages/icons/src/components/Minus.tsx | 3 +- packages/icons/src/components/MinusCircle.tsx | 3 +- packages/icons/src/components/MinusSquare.tsx | 3 +- packages/icons/src/components/Monitor.tsx | 3 +- packages/icons/src/components/Moon.tsx | 3 +- .../icons/src/components/MoreHorizontal.tsx | 3 +- .../icons/src/components/MoreVertical.tsx | 3 +- .../icons/src/components/MousePointer.tsx | 3 +- packages/icons/src/components/Move.tsx | 3 +- packages/icons/src/components/Music.tsx | 3 +- packages/icons/src/components/Navigation.tsx | 3 +- packages/icons/src/components/Navigation2.tsx | 3 +- packages/icons/src/components/Octagon.tsx | 3 +- packages/icons/src/components/Package.tsx | 3 +- packages/icons/src/components/Paperclip.tsx | 3 +- packages/icons/src/components/Pause.tsx | 3 +- packages/icons/src/components/PauseCircle.tsx | 3 +- packages/icons/src/components/PenTool.tsx | 3 +- packages/icons/src/components/Percent.tsx | 3 +- packages/icons/src/components/Phone.tsx | 3 +- packages/icons/src/components/PhoneCall.tsx | 3 +- .../icons/src/components/PhoneForwarded.tsx | 3 +- .../icons/src/components/PhoneIncoming.tsx | 3 +- packages/icons/src/components/PhoneMissed.tsx | 3 +- packages/icons/src/components/PhoneOff.tsx | 3 +- .../icons/src/components/PhoneOutgoing.tsx | 3 +- packages/icons/src/components/PieChart.tsx | 3 +- packages/icons/src/components/Play.tsx | 3 +- packages/icons/src/components/PlayCircle.tsx | 3 +- packages/icons/src/components/Plus.tsx | 3 +- packages/icons/src/components/PlusCircle.tsx | 3 +- packages/icons/src/components/PlusSquare.tsx | 3 +- packages/icons/src/components/Pocket.tsx | 3 +- packages/icons/src/components/Polkadot.tsx | 3 +- packages/icons/src/components/Power.tsx | 3 +- packages/icons/src/components/Printer.tsx | 3 +- packages/icons/src/components/Radio.tsx | 3 +- packages/icons/src/components/RefreshCcw.tsx | 3 +- packages/icons/src/components/RefreshCw.tsx | 3 +- packages/icons/src/components/Repeat.tsx | 3 +- packages/icons/src/components/Rewind.tsx | 3 +- packages/icons/src/components/Rocket.tsx | 3 +- packages/icons/src/components/RotateCcw.tsx | 3 +- packages/icons/src/components/RotateCw.tsx | 3 +- packages/icons/src/components/Rss.tsx | 3 +- packages/icons/src/components/Save.tsx | 3 +- packages/icons/src/components/Scissors.tsx | 3 +- packages/icons/src/components/Search.tsx | 3 +- packages/icons/src/components/Send.tsx | 3 +- packages/icons/src/components/Server.tsx | 3 +- packages/icons/src/components/Settings.tsx | 3 +- packages/icons/src/components/Share.tsx | 3 +- packages/icons/src/components/Share2.tsx | 3 +- packages/icons/src/components/Shield.tsx | 3 +- packages/icons/src/components/ShieldOff.tsx | 3 +- packages/icons/src/components/ShoppingBag.tsx | 3 +- .../icons/src/components/ShoppingCart.tsx | 3 +- packages/icons/src/components/Shuffle.tsx | 3 +- packages/icons/src/components/Sidebar.tsx | 3 +- packages/icons/src/components/SkipBack.tsx | 3 +- packages/icons/src/components/SkipForward.tsx | 3 +- packages/icons/src/components/Slack.tsx | 3 +- packages/icons/src/components/Slash.tsx | 3 +- packages/icons/src/components/Sliders.tsx | 3 +- packages/icons/src/components/Smartphone.tsx | 3 +- packages/icons/src/components/Smile.tsx | 3 +- packages/icons/src/components/Speaker.tsx | 3 +- packages/icons/src/components/Square.tsx | 3 +- packages/icons/src/components/Star.tsx | 3 +- packages/icons/src/components/StopCircle.tsx | 3 +- packages/icons/src/components/Sun.tsx | 3 +- packages/icons/src/components/Sunrise.tsx | 3 +- packages/icons/src/components/Sunset.tsx | 3 +- packages/icons/src/components/Tablet.tsx | 3 +- packages/icons/src/components/Tag.tsx | 3 +- .../icons/src/components/TalismanHand.tsx | 3 +- packages/icons/src/components/Target.tsx | 3 +- packages/icons/src/components/Terminal.tsx | 3 +- packages/icons/src/components/Thermometer.tsx | 3 +- packages/icons/src/components/ThumbsDown.tsx | 3 +- packages/icons/src/components/ThumbsUp.tsx | 3 +- packages/icons/src/components/ToggleLeft.tsx | 3 +- packages/icons/src/components/ToggleRight.tsx | 3 +- packages/icons/src/components/Tool.tsx | 3 +- packages/icons/src/components/Trash.tsx | 3 +- packages/icons/src/components/Trash2.tsx | 3 +- packages/icons/src/components/Trello.tsx | 3 +- .../icons/src/components/TrendingDown.tsx | 3 +- packages/icons/src/components/TrendingUp.tsx | 3 +- packages/icons/src/components/Triangle.tsx | 3 +- packages/icons/src/components/Truck.tsx | 3 +- packages/icons/src/components/Tv.tsx | 3 +- packages/icons/src/components/Twitter.tsx | 3 +- packages/icons/src/components/Type.tsx | 3 +- packages/icons/src/components/Umbrella.tsx | 3 +- packages/icons/src/components/Underline.tsx | 3 +- packages/icons/src/components/Union.tsx | 3 +- packages/icons/src/components/Unknown.tsx | 3 +- packages/icons/src/components/Unlock.tsx | 3 +- packages/icons/src/components/Upload.tsx | 3 +- packages/icons/src/components/UploadCloud.tsx | 3 +- packages/icons/src/components/User.tsx | 3 +- packages/icons/src/components/UserCheck.tsx | 3 +- packages/icons/src/components/UserMinus.tsx | 3 +- packages/icons/src/components/UserPlus.tsx | 3 +- packages/icons/src/components/UserX.tsx | 3 +- packages/icons/src/components/Users.tsx | 3 +- packages/icons/src/components/Video.tsx | 3 +- packages/icons/src/components/VideoOff.tsx | 3 +- packages/icons/src/components/Voicemail.tsx | 3 +- packages/icons/src/components/Volume.tsx | 3 +- packages/icons/src/components/Volume1.tsx | 3 +- packages/icons/src/components/Volume2.tsx | 3 +- packages/icons/src/components/VolumeX.tsx | 3 +- packages/icons/src/components/Wallet.tsx | 3 +- packages/icons/src/components/Watch.tsx | 3 +- packages/icons/src/components/Wifi.tsx | 3 +- packages/icons/src/components/WifiOff.tsx | 3 +- packages/icons/src/components/Wind.tsx | 3 +- packages/icons/src/components/X.tsx | 3 +- packages/icons/src/components/XCircle.tsx | 3 +- packages/icons/src/components/XOctagon.tsx | 3 +- packages/icons/src/components/XSquare.tsx | 3 +- packages/icons/src/components/Youtube.tsx | 3 +- packages/icons/src/components/Zap.tsx | 3 +- packages/icons/src/components/ZapOff.tsx | 3 +- packages/icons/src/components/ZapPlus.tsx | 3 +- packages/icons/src/components/ZoomIn.tsx | 3 +- packages/icons/src/components/ZoomOut.tsx | 3 +- .../generated/gql/rmrk2/fragment-masking.ts | 2 +- packages/nft/generated/gql/rmrk2/graphql.ts | 1 + .../fragment-masking.ts | 2 +- .../gql/substrateNftKusamaAssetHub/graphql.ts | 1 + .../fragment-masking.ts | 2 +- .../substrateNftPolkadotAssetHub/graphql.ts | 1 + .../generated/gql/unique/fragment-masking.ts | 2 +- packages/nft/generated/gql/unique/graphql.ts | 1 + packages/nft/src/generators/artZero.ts | 3 +- packages/nft/src/generators/evm/index.ts | 2 +- packages/nft/src/generators/orml/index.ts | 2 +- packages/nft/src/generators/orml/orml.ts | 2 +- packages/nft/src/generators/rmrk2.ts | 5 +- .../generators/substrateNftKusamaAssetHub.ts | 5 +- .../substrateNftPolkadotAssetHub.ts | 5 +- packages/nft/src/generators/unique.ts | 4 +- packages/react-polkadot-api/src/Context.tsx | 2 +- .../src/GarbageCollector.tsx | 2 +- packages/react-polkadot-api/src/query.ts | 7 +- packages/react-polkadot-api/src/queryMulti.ts | 6 +- packages/ui/.storybook/preview.tsx | 4 +- packages/ui/README.md | 3 +- .../AnimatedNumber/AnimatedNumber.stories.tsx | 3 +- packages/ui/src/atoms/Badge/Badge.stories.tsx | 5 +- packages/ui/src/atoms/Badge/Badge.tsx | 2 +- .../ui/src/atoms/Button/Button.stories.tsx | 4 +- packages/ui/src/atoms/Button/Button.tsx | 5 +- packages/ui/src/atoms/Chip/Chip.stories.tsx | 3 +- packages/ui/src/atoms/Chip/Chip.tsx | 7 +- .../CircularProgressIndicator.stories.tsx | 3 +- .../EyeOfSauronProgressIndicator.stories.tsx | 3 +- .../EyeOfSauronProgressIndicator.tsx | 5 +- .../FloatingActionButton.stories.tsx | 3 +- packages/ui/src/atoms/Hr.tsx | 2 +- packages/ui/src/atoms/Icon/Icon.stories.tsx | 4 +- packages/ui/src/atoms/Icon/Icon.tsx | 2 +- .../atoms/IconButton/IconButton.stories.tsx | 3 +- .../ui/src/atoms/IconButton/IconButton.tsx | 4 +- .../src/atoms/Identicon/Identicon.stories.tsx | 3 +- packages/ui/src/atoms/Identicon/Identicon.tsx | 2 +- .../LinearProgressIndicator.stories.tsx | 2 +- .../LinearProgressIndicator.tsx | 2 +- .../atoms/RadioButton/RadioButton.stories.tsx | 2 +- .../ui/src/atoms/RadioButton/RadioButton.tsx | 2 +- packages/ui/src/atoms/Skeleton/Skeleton.tsx | 2 +- .../StatusIndicator.stories.tsx | 3 +- .../atoms/StatusIndicator/StatusIndicator.tsx | 2 +- .../ui/src/atoms/Surface/Surface.stories.tsx | 2 +- .../ui/src/atoms/Switch/Switch.stories.tsx | 2 +- packages/ui/src/atoms/Switch/Switch.tsx | 2 +- .../TalismanHandProgressIndicator.stories.tsx | 3 +- .../TalismanHandProgressIndicator.tsx | 2 +- packages/ui/src/atoms/Text/Text.stories.tsx | 3 +- packages/ui/src/atoms/Text/Text.tsx | 2 +- .../ui/src/atoms/Tooltip/Tooltip.stories.tsx | 3 +- packages/ui/src/atoms/Tooltip/Tooltip.tsx | 8 +- .../AlertDialog/AlertDialog.stories.tsx | 3 +- .../src/molecules/AlertDialog/AlertDialog.tsx | 3 +- .../ui/src/molecules/Card/Card.stories.tsx | 5 +- packages/ui/src/molecules/Card/Card.tsx | 4 +- packages/ui/src/molecules/Card/Preview.tsx | 4 +- .../ContainedTextInput.stories.tsx | 4 +- .../ContainedTextInput/ContainedTextInput.tsx | 2 +- .../molecules/DateInput/DateInput.stories.tsx | 3 +- .../ui/src/molecules/DateInput/DateInput.tsx | 4 +- .../DescriptionList.stories.tsx | 3 +- .../DescriptionList/DescriptionList.tsx | 2 +- .../src/molecules/Details/Details.stories.tsx | 2 +- packages/ui/src/molecules/Details/Details.tsx | 5 +- .../HiddenDetails/HiddenDetails.stories.tsx | 3 +- .../molecules/InfoCard/InfoCard.stories.tsx | 3 +- .../ui/src/molecules/InfoCard/InfoCard.tsx | 3 +- .../molecules/ListItem/ListItem.stories.tsx | 5 +- .../ui/src/molecules/ListItem/ListItem.tsx | 3 +- .../MediaDialog/MediaDialog.stories.tsx | 4 +- .../src/molecules/MediaDialog/MediaDialog.tsx | 4 +- .../ui/src/molecules/Menu/Menu.stories.tsx | 5 +- packages/ui/src/molecules/Menu/Menu.tsx | 6 +- .../molecules/SearchBar/SearchBar.stories.tsx | 2 +- .../ui/src/molecules/SearchBar/SearchBar.tsx | 2 +- .../SegmentedButton.stories.tsx | 3 +- .../SegmentedButton/SegmentedButton.tsx | 2 +- .../src/molecules/Select/Select.stories.tsx | 5 +- packages/ui/src/molecules/Select/Select.tsx | 4 +- .../molecules/SideSheet/SideSheet.stories.tsx | 5 +- .../ui/src/molecules/SideSheet/SideSheet.tsx | 6 +- .../ui/src/molecules/Tabs/Tabs.stories.tsx | 2 +- packages/ui/src/molecules/Tabs/Tabs.tsx | 2 +- .../molecules/TextInput/TextInput.stories.tsx | 3 +- .../ui/src/molecules/TextInput/TextInput.tsx | 2 +- .../molecules/ToastBar/ToastBar.stories.tsx | 3 +- .../ui/src/molecules/ToastBar/ToastBar.tsx | 4 +- .../NavigationBar/NavigationBar.stories.tsx | 3 +- .../organisms/NavigationBar/NavigationBar.tsx | 3 +- .../NavigationDrawer.stories.tsx | 3 +- .../NavigationDrawer/NavigationDrawer.tsx | 3 +- .../NavigationRail/NavigationRail.stories.tsx | 5 +- .../NavigationRail/NavigationRail.tsx | 5 +- .../organisms/Scaffold/Scaffold.stories.tsx | 7 +- .../ui/src/organisms/Scaffold/Scaffold.tsx | 4 +- packages/ui/src/organisms/Toaster.tsx | 3 +- .../organisms/TopAppBar/TopAppBar.stories.tsx | 5 +- .../ui/src/organisms/TopAppBar/TopAppBar.tsx | 3 +- packages/ui/src/theme.stories.tsx | 5 +- packages/utils/src/react/useThrottle.ts | 1 - yarn.lock | 103 +++++++++++++++++- 624 files changed, 1324 insertions(+), 1021 deletions(-) diff --git a/apps/portal/.storybook/preview.tsx b/apps/portal/.storybook/preview.tsx index ddd794c03..e6f76ee61 100644 --- a/apps/portal/.storybook/preview.tsx +++ b/apps/portal/.storybook/preview.tsx @@ -1,10 +1,10 @@ +import { globalStyle } from '../src/App.Theme' import { Global } from '@emotion/react' import type { Preview } from '@storybook/react' import { theme as storybookTheme } from '@talismn/development/storybook' import { ThemeProvider } from '@talismn/ui' import React from 'react' import { MemoryRouter } from 'react-router-dom' -import { globalStyle } from '../src/App.Theme' const preview: Preview = { parameters: { diff --git a/apps/portal/generated/gql/crowdloan/gql/fragment-masking.ts b/apps/portal/generated/gql/crowdloan/gql/fragment-masking.ts index f4d272970..7c16fb28a 100644 --- a/apps/portal/generated/gql/crowdloan/gql/fragment-masking.ts +++ b/apps/portal/generated/gql/crowdloan/gql/fragment-masking.ts @@ -1,6 +1,6 @@ +import type { Incremental } from './graphql' import type { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core' import type { FragmentDefinitionNode } from 'graphql' -import type { Incremental } from './graphql' export type FragmentType> = TDocumentType extends DocumentTypeDecoration diff --git a/apps/portal/generated/gql/crowdloan/gql/graphql.ts b/apps/portal/generated/gql/crowdloan/gql/graphql.ts index ffa8a7a4b..e0ea1a14a 100644 --- a/apps/portal/generated/gql/crowdloan/gql/graphql.ts +++ b/apps/portal/generated/gql/crowdloan/gql/graphql.ts @@ -1,5 +1,6 @@ /* eslint-disable */ import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core' + export type Maybe = T | null export type InputMaybe = Maybe export type Exact = { [K in keyof T]: T[K] } diff --git a/apps/portal/generated/gql/extrinsicHistory/gql/fragment-masking.ts b/apps/portal/generated/gql/extrinsicHistory/gql/fragment-masking.ts index f4d272970..7c16fb28a 100644 --- a/apps/portal/generated/gql/extrinsicHistory/gql/fragment-masking.ts +++ b/apps/portal/generated/gql/extrinsicHistory/gql/fragment-masking.ts @@ -1,6 +1,6 @@ +import type { Incremental } from './graphql' import type { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core' import type { FragmentDefinitionNode } from 'graphql' -import type { Incremental } from './graphql' export type FragmentType> = TDocumentType extends DocumentTypeDecoration diff --git a/apps/portal/generated/gql/extrinsicHistory/gql/graphql.ts b/apps/portal/generated/gql/extrinsicHistory/gql/graphql.ts index d2d01ed20..d040ed32f 100644 --- a/apps/portal/generated/gql/extrinsicHistory/gql/graphql.ts +++ b/apps/portal/generated/gql/extrinsicHistory/gql/graphql.ts @@ -1,5 +1,6 @@ /* eslint-disable */ import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core' + export type Maybe = T | null export type InputMaybe = Maybe export type Exact = { [K in keyof T]: T[K] } diff --git a/apps/portal/src/App.Theme.tsx b/apps/portal/src/App.Theme.tsx index 703fa7ea9..08498daac 100644 --- a/apps/portal/src/App.Theme.tsx +++ b/apps/portal/src/App.Theme.tsx @@ -1,13 +1,12 @@ -import '@talismn/ui/assets/css/talismn.css' - -import { Global, css } from '@emotion/react' -import { ThemeProvider, theme, type Theme } from '@talismn/ui' -import { type PropsWithChildren } from 'react' import ATApocRevelations from './assets/fonts/AT-Apoc-Revelations.woff' import SurtRegular from './assets/fonts/Surt-Regular.woff' import SurtSemiBold from './assets/fonts/Surt-SemiBold.woff2' import SurtSemiBoldExpanded from './assets/fonts/Surt-SemiBoldExp.woff2' import SurtSemiBoldExtended from './assets/fonts/Surt-SemiBoldExtended.woff2' +import { Global, css } from '@emotion/react' +import { ThemeProvider, theme, type Theme } from '@talismn/ui' +import '@talismn/ui/assets/css/talismn.css' +import { type PropsWithChildren } from 'react' /* base style definitions diff --git a/apps/portal/src/App.tsx b/apps/portal/src/App.tsx index 2567e8b7c..bcfb23f3f 100644 --- a/apps/portal/src/App.tsx +++ b/apps/portal/src/App.tsx @@ -1,13 +1,3 @@ -import '@polkadot/api-augment/polkadot' -import '@polkadot/api-augment/substrate' -import '@talismn/astar-types/augment-api' -import '@talismn/astar-types/types-lookup' - -import { PolkadotApiProvider } from '@talismn/react-polkadot-api' -import { PostHogProvider } from 'posthog-js/react' -import { Suspense } from 'react' -import { RouterProvider } from 'react-router-dom' -import { RecoilRoot } from 'recoil' import ThemeProvider from './App.Theme' import { TalismanHandLoader } from './components/legacy/TalismanHandLoader' import FairyBreadBanner from './components/legacy/archetypes/FairyBreadBanner' @@ -21,6 +11,15 @@ import { EvmProvider } from './domains/extension/wagmi' import * as Portfolio from './libs/portfolio' import TalismanProvider from './libs/talisman' import router from './routes' +import '@polkadot/api-augment/polkadot' +import '@polkadot/api-augment/substrate' +import '@talismn/astar-types/augment-api' +import '@talismn/astar-types/types-lookup' +import { PolkadotApiProvider } from '@talismn/react-polkadot-api' +import { PostHogProvider } from 'posthog-js/react' +import { Suspense } from 'react' +import { RouterProvider } from 'react-router-dom' +import { RecoilRoot } from 'recoil' const Loader = () => { return ( diff --git a/apps/portal/src/components/legacy/Await.tsx b/apps/portal/src/components/legacy/Await.tsx index 8beff46ea..13d28435b 100644 --- a/apps/portal/src/components/legacy/Await.tsx +++ b/apps/portal/src/components/legacy/Await.tsx @@ -1,5 +1,5 @@ -import styled from '@emotion/styled' import Loader from '../../assets/icons/loader.svg?react' +import styled from '@emotion/styled' export const StyledLoader = styled(({ className }: { className?: string }) => (
diff --git a/apps/portal/src/components/legacy/Banner.tsx b/apps/portal/src/components/legacy/Banner.tsx index 8c46e0c05..cda1b5dac 100644 --- a/apps/portal/src/components/legacy/Banner.tsx +++ b/apps/portal/src/components/legacy/Banner.tsx @@ -1,5 +1,5 @@ -import styled from '@emotion/styled' import { device } from '../../util/breakpoints' +import styled from '@emotion/styled' type BannerProps = { backgroundImage?: string diff --git a/apps/portal/src/components/legacy/CopyButton.tsx b/apps/portal/src/components/legacy/CopyButton.tsx index 3ee0c93de..0b90a90b7 100644 --- a/apps/portal/src/components/legacy/CopyButton.tsx +++ b/apps/portal/src/components/legacy/CopyButton.tsx @@ -1,5 +1,5 @@ -import styled from '@emotion/styled' import Copy from '../../assets/icons/copy.svg?react' +import styled from '@emotion/styled' type CopyButtonProps = { className?: string diff --git a/apps/portal/src/components/legacy/DesktopRequired.tsx b/apps/portal/src/components/legacy/DesktopRequired.tsx index a29ca66a4..c2695f1e5 100644 --- a/apps/portal/src/components/legacy/DesktopRequired.tsx +++ b/apps/portal/src/components/legacy/DesktopRequired.tsx @@ -1,6 +1,6 @@ +import { isMobileBrowser } from '../../util/helpers' import { Button, useModal } from './' import styled from '@emotion/styled' -import { isMobileBrowser } from '../../util/helpers' import { useEffect } from 'react' import { useTranslation } from 'react-i18next' diff --git a/apps/portal/src/components/legacy/Draggable.tsx b/apps/portal/src/components/legacy/Draggable.tsx index b90cb2766..c0ef57b60 100644 --- a/apps/portal/src/components/legacy/Draggable.tsx +++ b/apps/portal/src/components/legacy/Draggable.tsx @@ -1,5 +1,5 @@ -import styled from '@emotion/styled' import { type DragAndDropCallbacks, useDragAndDrop } from '../../util/useDragAndDrop' +import styled from '@emotion/styled' import { type ReactNode, useRef } from 'react' type DraggableProps = { diff --git a/apps/portal/src/components/legacy/Droppable.tsx b/apps/portal/src/components/legacy/Droppable.tsx index 3fe9c1dd2..61a97b6f6 100644 --- a/apps/portal/src/components/legacy/Droppable.tsx +++ b/apps/portal/src/components/legacy/Droppable.tsx @@ -1,5 +1,5 @@ -import styled from '@emotion/styled' import { type DragAndDropCallbacks, useDragAndDrop } from '../../util/useDragAndDrop' +import styled from '@emotion/styled' import { type ReactNode, useRef } from 'react' type DraggableProps = { diff --git a/apps/portal/src/components/legacy/Field.tsx b/apps/portal/src/components/legacy/Field.tsx index 2208d4e4f..9b8b7196b 100644 --- a/apps/portal/src/components/legacy/Field.tsx +++ b/apps/portal/src/components/legacy/Field.tsx @@ -1,10 +1,10 @@ -import styled from '@emotion/styled' -import { useEffect } from 'react' import ChevronDown from '../../assets/icons/chevron-down.svg?react' import SearchIcon from '../../assets/icons/search.svg?react' import IconClear from '../../assets/icons/x-circle.svg?react' import { useBoolean } from '../../util/hooks' import { Pill } from './' +import styled from '@emotion/styled' +import { useEffect } from 'react' // framework diff --git a/apps/portal/src/components/legacy/Filter.tsx b/apps/portal/src/components/legacy/Filter.tsx index a4174867f..46cd1525f 100644 --- a/apps/portal/src/components/legacy/Filter.tsx +++ b/apps/portal/src/components/legacy/Filter.tsx @@ -1,6 +1,6 @@ +import { useSet } from '../../util/hooks' import { Pill } from './' import styled from '@emotion/styled' -import { useSet } from '../../util/hooks' import { useEffect } from 'react' const Filter = styled(({ value = [], options = {}, className, onChange = () => {}, ...rest }: any) => { diff --git a/apps/portal/src/components/legacy/LeftRightPicker.tsx b/apps/portal/src/components/legacy/LeftRightPicker.tsx index 1c30d43bb..abc3c4a22 100644 --- a/apps/portal/src/components/legacy/LeftRightPicker.tsx +++ b/apps/portal/src/components/legacy/LeftRightPicker.tsx @@ -1,7 +1,6 @@ -import styled from '@emotion/styled' import ChevronRight from '../../assets/icons/chevron-right.svg?react' - import { ButtonIcon } from './Button' +import styled from '@emotion/styled' type LeftRightPickerProps = { className?: string diff --git a/apps/portal/src/components/legacy/Menu.tsx b/apps/portal/src/components/legacy/Menu.tsx index 313da641e..4c7fa8244 100644 --- a/apps/portal/src/components/legacy/Menu.tsx +++ b/apps/portal/src/components/legacy/Menu.tsx @@ -1,5 +1,5 @@ -import styled from '@emotion/styled' import useOnClickOutside from '../../util/useOnClickOutside' +import styled from '@emotion/styled' import React, { useRef, useState } from 'react' type MenuDropdownAlignment = 'left' | 'right' diff --git a/apps/portal/src/components/legacy/Modal.tsx b/apps/portal/src/components/legacy/Modal.tsx index 0c33fa437..0df7efd3f 100644 --- a/apps/portal/src/components/legacy/Modal.tsx +++ b/apps/portal/src/components/legacy/Modal.tsx @@ -1,7 +1,6 @@ // TODO: remove legacy modal completely - -import { AlertDialog } from '@talismn/ui' import useKeyDown from '../../util/useKeyDown' +import { AlertDialog } from '@talismn/ui' import { createContext, useCallback, useContext, useMemo, useState, type PropsWithChildren } from 'react' type OpenModalOptions = { diff --git a/apps/portal/src/components/legacy/Placeholder.tsx b/apps/portal/src/components/legacy/Placeholder.tsx index e5c960b68..18c5abd86 100644 --- a/apps/portal/src/components/legacy/Placeholder.tsx +++ b/apps/portal/src/components/legacy/Placeholder.tsx @@ -1,5 +1,5 @@ -import styled from '@emotion/styled' import { device } from '../../util/breakpoints' +import styled from '@emotion/styled' type PlaceholderProps = { className?: string diff --git a/apps/portal/src/components/legacy/Poster.tsx b/apps/portal/src/components/legacy/Poster.tsx index 03dd4cc86..65c144c18 100644 --- a/apps/portal/src/components/legacy/Poster.tsx +++ b/apps/portal/src/components/legacy/Poster.tsx @@ -1,5 +1,5 @@ -import styled from '@emotion/styled' import useImageWithFallback from '../../util/useImageWithFallback' +import styled from '@emotion/styled' import { type PropsWithChildren } from 'react' const Poster = styled( diff --git a/apps/portal/src/components/legacy/SimplePlay.tsx b/apps/portal/src/components/legacy/SimplePlay.tsx index 08340b153..5a31017fb 100644 --- a/apps/portal/src/components/legacy/SimplePlay.tsx +++ b/apps/portal/src/components/legacy/SimplePlay.tsx @@ -1,7 +1,7 @@ -import styled from '@emotion/styled' import PauseCircle from '../../assets/icons/pause-circle.svg?react' import PlayCircle from '../../assets/icons/play-circle.svg?react' import { useAudio } from '../../util/useAudio' +import styled from '@emotion/styled' export const SimplePlay = styled(({ className, src }: { className?: string; src: string }) => { const { isPlaying, togglePlay } = useAudio(src) diff --git a/apps/portal/src/components/legacy/Tags.tsx b/apps/portal/src/components/legacy/Tags.tsx index 1c74b53c1..1dea325ea 100644 --- a/apps/portal/src/components/legacy/Tags.tsx +++ b/apps/portal/src/components/legacy/Tags.tsx @@ -1,6 +1,6 @@ +import { useSet } from '../../util/hooks' import { Pill } from './' import styled from '@emotion/styled' -import { useSet } from '../../util/hooks' import { useEffect } from 'react' type StyledNoCrowdloansPlaceholderProps = { diff --git a/apps/portal/src/components/legacy/Toggle.tsx b/apps/portal/src/components/legacy/Toggle.tsx index 0e62fafd4..3c5f022d1 100644 --- a/apps/portal/src/components/legacy/Toggle.tsx +++ b/apps/portal/src/components/legacy/Toggle.tsx @@ -1,5 +1,5 @@ -import styled from '@emotion/styled' import { useBoolean } from '../../util/hooks' +import styled from '@emotion/styled' import { useEffect } from 'react' export type ToggleProps = { diff --git a/apps/portal/src/components/legacy/archetypes/Crowdloan/Contribute.tsx b/apps/portal/src/components/legacy/archetypes/Crowdloan/Contribute.tsx index 9cfd7171d..119aeac12 100644 --- a/apps/portal/src/components/legacy/archetypes/Crowdloan/Contribute.tsx +++ b/apps/portal/src/components/legacy/archetypes/Crowdloan/Contribute.tsx @@ -1,18 +1,18 @@ import { Parachain } from '..' -import XCircle from '../../../../assets/icons/x-circle.svg?react' import { Button, DesktopRequired, Field, MaterialLoader, useModal } from '../..' -import { TalismanHandLike } from '../../TalismanHandLike' -import { TalismanHandLoader } from '../../TalismanHandLoader' -import { useAccountSelector } from '../../../widgets/AccountSelector' +import XCircle from '../../../../assets/icons/x-circle.svg?react' import { writeableSubstrateAccountsState } from '../../../../domains/accounts' -import { useTheme } from '@emotion/react' -import styled from '@emotion/styled' import { ContributeEvent, useCrowdloanContribute } from '../../../../libs/crowdloans' import { Acala, Moonbeam, Polkadex, overrideByIds } from '../../../../libs/crowdloans/crowdloanOverrides' import { useCrowdloanById } from '../../../../libs/talisman' -import { CircularProgressIndicator, Text } from '@talismn/ui' import { isMobileBrowser } from '../../../../util/helpers' import { Maybe } from '../../../../util/monads' +import { useAccountSelector } from '../../../widgets/AccountSelector' +import { TalismanHandLike } from '../../TalismanHandLike' +import { TalismanHandLoader } from '../../TalismanHandLoader' +import { useTheme } from '@emotion/react' +import styled from '@emotion/styled' +import { CircularProgressIndicator, Text } from '@talismn/ui' import { useCallback, useEffect, useMemo, useState, type MouseEventHandler } from 'react' import { useTranslation } from 'react-i18next' import { useRecoilValue } from 'recoil' diff --git a/apps/portal/src/components/legacy/archetypes/Crowdloan/Countdown.tsx b/apps/portal/src/components/legacy/archetypes/Crowdloan/Countdown.tsx index 4731243e8..6837d5fde 100644 --- a/apps/portal/src/components/legacy/archetypes/Crowdloan/Countdown.tsx +++ b/apps/portal/src/components/legacy/archetypes/Crowdloan/Countdown.tsx @@ -1,6 +1,6 @@ import { Countdown as Cd, Pendor } from '../..' -import styled from '@emotion/styled' import { useChainmetaValue, useCrowdloanById } from '../../../../libs/talisman' +import styled from '@emotion/styled' import { type ReactNode, useEffect, useState } from 'react' type OngoingProps = { diff --git a/apps/portal/src/components/legacy/archetypes/Crowdloan/Indexx.tsx b/apps/portal/src/components/legacy/archetypes/Crowdloan/Indexx.tsx index ddfa5e7c3..d097c0208 100644 --- a/apps/portal/src/components/legacy/archetypes/Crowdloan/Indexx.tsx +++ b/apps/portal/src/components/legacy/archetypes/Crowdloan/Indexx.tsx @@ -1,13 +1,13 @@ /* eslint-disable @typescript-eslint/no-unused-vars */ import { Crowdloan } from '..' import { Await, Field, Grid, NoResults } from '../..' -import styled from '@emotion/styled' import { useCrowdloanContributions } from '../../../../libs/crowdloans' import { TitlePortal } from '../../../../routes/layout' -import { SearchBar } from '@talismn/ui' import { device } from '../../../../util/breakpoints' -import { useTranslation } from 'react-i18next' import { RootNav } from './RootNav' +import styled from '@emotion/styled' +import { SearchBar } from '@talismn/ui' +import { useTranslation } from 'react-i18next' const FilterBar = styled( ({ diff --git a/apps/portal/src/components/legacy/archetypes/Crowdloan/Raised.tsx b/apps/portal/src/components/legacy/archetypes/Crowdloan/Raised.tsx index 5b77efd29..579050a30 100644 --- a/apps/portal/src/components/legacy/archetypes/Crowdloan/Raised.tsx +++ b/apps/portal/src/components/legacy/archetypes/Crowdloan/Raised.tsx @@ -1,8 +1,8 @@ import { Pendor, ProgressBar, Stat } from '../..' -import styled from '@emotion/styled' import { useCrowdloanById } from '../../../../libs/talisman' -import { CheckCircle } from '@talismn/web-icons' import { shortNumber } from '../../../../util/helpers' +import styled from '@emotion/styled' +import { CheckCircle } from '@talismn/web-icons' import { useTranslation } from 'react-i18next' const Raised = styled( diff --git a/apps/portal/src/components/legacy/archetypes/Crowdloan/Rewards.tsx b/apps/portal/src/components/legacy/archetypes/Crowdloan/Rewards.tsx index dac178f6e..77b7ab459 100644 --- a/apps/portal/src/components/legacy/archetypes/Crowdloan/Rewards.tsx +++ b/apps/portal/src/components/legacy/archetypes/Crowdloan/Rewards.tsx @@ -1,6 +1,6 @@ import { Stat } from '../..' -import styled from '@emotion/styled' import { useCrowdloanById } from '../../../../libs/talisman' +import styled from '@emotion/styled' const Rewards = styled(({ id, className }: { id?: string; className?: string }) => { const { crowdloan } = useCrowdloanById(id) diff --git a/apps/portal/src/components/legacy/archetypes/Crowdloan/Teaser.tsx b/apps/portal/src/components/legacy/archetypes/Crowdloan/Teaser.tsx index 34f4f7560..c94a6547c 100644 --- a/apps/portal/src/components/legacy/archetypes/Crowdloan/Teaser.tsx +++ b/apps/portal/src/components/legacy/archetypes/Crowdloan/Teaser.tsx @@ -1,13 +1,12 @@ import { Parachain } from '..' import { Pill } from '../..' -import styled from '@emotion/styled' import { useCrowdloanById, useParachainDetailsById } from '../../../../libs/talisman' -import { useTranslation } from 'react-i18next' -import { Link } from 'react-router-dom' - import Bonus from './Bonus' import Countdown from './Countdown' import Raised from './Raised' +import styled from '@emotion/styled' +import { useTranslation } from 'react-i18next' +import { Link } from 'react-router-dom' const Teaser = styled(({ id, contributed, className }: { id: string; contributed?: boolean; className?: string }) => { const { t } = useTranslation() diff --git a/apps/portal/src/components/legacy/archetypes/Explore/Card.tsx b/apps/portal/src/components/legacy/archetypes/Explore/Card.tsx index fb1f0c958..6194124fc 100644 --- a/apps/portal/src/components/legacy/archetypes/Explore/Card.tsx +++ b/apps/portal/src/components/legacy/archetypes/Explore/Card.tsx @@ -1,10 +1,9 @@ -import styled from '@emotion/styled' import { device } from '../../../../util/breakpoints' +import { type Dapp } from './hooks' +import styled from '@emotion/styled' import { usePostHog } from 'posthog-js/react' import { useCallback } from 'react' -import { type Dapp } from './hooks' - type CardProps = { className?: string dapp: Dapp diff --git a/apps/portal/src/components/legacy/archetypes/Explore/Loading.tsx b/apps/portal/src/components/legacy/archetypes/Explore/Loading.tsx index 2a18dca48..29cf074a9 100644 --- a/apps/portal/src/components/legacy/archetypes/Explore/Loading.tsx +++ b/apps/portal/src/components/legacy/archetypes/Explore/Loading.tsx @@ -1,5 +1,5 @@ -import styled from '@emotion/styled' import { device } from '../../../../util/breakpoints' +import styled from '@emotion/styled' export const TagLoading = styled(({ className }: { className?: string }) => { return ( diff --git a/apps/portal/src/components/legacy/archetypes/Parachain/Asset.tsx b/apps/portal/src/components/legacy/archetypes/Parachain/Asset.tsx index e72f795b3..a365a1287 100644 --- a/apps/portal/src/components/legacy/archetypes/Parachain/Asset.tsx +++ b/apps/portal/src/components/legacy/archetypes/Parachain/Asset.tsx @@ -1,6 +1,6 @@ -import styled from '@emotion/styled' import { useParachainAssets } from '../../../../libs/talisman' import useImageWithFallback from '../../../../util/useImageWithFallback' +import styled from '@emotion/styled' type ImageProps = { id: string diff --git a/apps/portal/src/components/legacy/archetypes/Parachain/Links.tsx b/apps/portal/src/components/legacy/archetypes/Parachain/Links.tsx index e538a6909..86049c4bc 100644 --- a/apps/portal/src/components/legacy/archetypes/Parachain/Links.tsx +++ b/apps/portal/src/components/legacy/archetypes/Parachain/Links.tsx @@ -1,6 +1,6 @@ import { Pill } from '../..' -import styled from '@emotion/styled' import { useParachainDetailsById } from '../../../../libs/talisman' +import styled from '@emotion/styled' export type LinksProps = { id: number | string diff --git a/apps/portal/src/components/legacy/archetypes/Wallet/Crowdloans.tsx b/apps/portal/src/components/legacy/archetypes/Wallet/Crowdloans.tsx index d65c6973c..269c4cda4 100644 --- a/apps/portal/src/components/legacy/archetypes/Wallet/Crowdloans.tsx +++ b/apps/portal/src/components/legacy/archetypes/Wallet/Crowdloans.tsx @@ -1,24 +1,24 @@ import { Parachain } from '..' import { Countdown, PanelSection, Pendor } from '../..' -import AccountIcon from '../../../molecules/AccountIcon' -import SectionHeader from '../../../molecules/SectionHeader' -import AnimatedFiatNumber from '../../../widgets/AnimatedFiatNumber' -import RedactableBalance from '../../../widgets/RedactableBalance' -import { WithdrawCrowdloanWidget } from '../../../widgets/WithdrawCrowdloanWidget' import { selectedSubstrateAccountsState, substrateAccountsState } from '../../../../domains/accounts/recoils' import { chainsState, tokenPriceState } from '../../../../domains/chains/recoils' import { useTotalCrowdloanTotalFiatAmount } from '../../../../domains/crowdloans/hooks' -import { css } from '@emotion/react' -import styled from '@emotion/styled' import crowdloanDataState from '../../../../libs/@talisman-crowdloans/provider' import { useCrowdloanContributions, type GqlContribution } from '../../../../libs/crowdloans' import { calculateGqlCrowdloanPortfolioAmounts, useTaggedAmountsInPortfolio } from '../../../../libs/portfolio' import { useParachainDetailsById } from '../../../../libs/talisman' import { supportedRelayChainsState } from '../../../../libs/talisman/util/_config' +import { formatCommas, truncateAddress } from '../../../../util/helpers' +import AccountIcon from '../../../molecules/AccountIcon' +import SectionHeader from '../../../molecules/SectionHeader' +import AnimatedFiatNumber from '../../../widgets/AnimatedFiatNumber' +import RedactableBalance from '../../../widgets/RedactableBalance' +import { WithdrawCrowdloanWidget } from '../../../widgets/WithdrawCrowdloanWidget' +import { css } from '@emotion/react' +import styled from '@emotion/styled' import { Chip, ListItem, Skeleton, Text, TonalChip, useSurfaceColor, type SkeletonProps } from '@talismn/ui' import { encodeAnyAddress, planckToTokens } from '@talismn/util' import { Clock, Eye, Lock } from '@talismn/web-icons' -import { formatCommas, truncateAddress } from '../../../../util/helpers' import BigNumber from 'bignumber.js' import { Suspense, useCallback, useMemo } from 'react' import { useTranslation } from 'react-i18next' diff --git a/apps/portal/src/components/legacy/archetypes/Wallet/Total.tsx b/apps/portal/src/components/legacy/archetypes/Wallet/Total.tsx index 79a15a85a..be219de00 100644 --- a/apps/portal/src/components/legacy/archetypes/Wallet/Total.tsx +++ b/apps/portal/src/components/legacy/archetypes/Wallet/Total.tsx @@ -1,5 +1,5 @@ -import AnimatedFiatNumber from '../../../widgets/AnimatedFiatNumber' import { selectedBalancesFiatSumState } from '../../../../domains/balances' +import AnimatedFiatNumber from '../../../widgets/AnimatedFiatNumber' import { CircularProgressIndicator } from '@talismn/ui' import { Suspense } from 'react' import { useRecoilValue } from 'recoil' diff --git a/apps/portal/src/components/molecules/AccountIcon/AccountIcon.stories.tsx b/apps/portal/src/components/molecules/AccountIcon/AccountIcon.stories.tsx index 317f01d15..613d8b016 100644 --- a/apps/portal/src/components/molecules/AccountIcon/AccountIcon.stories.tsx +++ b/apps/portal/src/components/molecules/AccountIcon/AccountIcon.stories.tsx @@ -1,6 +1,5 @@ -import { type Meta, type StoryObj } from '@storybook/react' - import AccountIcon from './AccountIcon' +import { type Meta, type StoryObj } from '@storybook/react' export default { title: 'Molecules/AccountIcon', diff --git a/apps/portal/src/components/molecules/AccountIcon/AccountIcon.tsx b/apps/portal/src/components/molecules/AccountIcon/AccountIcon.tsx index 454ecd632..48ab99f50 100644 --- a/apps/portal/src/components/molecules/AccountIcon/AccountIcon.tsx +++ b/apps/portal/src/components/molecules/AccountIcon/AccountIcon.tsx @@ -1,7 +1,7 @@ import type { Account } from '../../../domains/accounts' import { useTheme } from '@emotion/react' -import { Eye } from '@talismn/web-icons' import { Badge, BadgedBox, Identicon, useSurfaceColorAtElevation, type IdenticonProps, Tooltip } from '@talismn/ui' +import { Eye } from '@talismn/web-icons' export type AccountIconProps = Omit & { account: Pick } diff --git a/apps/portal/src/components/molecules/SectionHeader/SectionHeader.stories.tsx b/apps/portal/src/components/molecules/SectionHeader/SectionHeader.stories.tsx index f15e67d21..fee101f13 100644 --- a/apps/portal/src/components/molecules/SectionHeader/SectionHeader.stories.tsx +++ b/apps/portal/src/components/molecules/SectionHeader/SectionHeader.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import SectionHeader, { type SectionHeaderProps } from './SectionHeader' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Molecules/SectionHeader', diff --git a/apps/portal/src/components/recipes/AccountValueInfo/AccountValueInfo.stories.tsx b/apps/portal/src/components/recipes/AccountValueInfo/AccountValueInfo.stories.tsx index 9224d2b48..0d4e5274d 100644 --- a/apps/portal/src/components/recipes/AccountValueInfo/AccountValueInfo.stories.tsx +++ b/apps/portal/src/components/recipes/AccountValueInfo/AccountValueInfo.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import AccountValueInfo, { type AccountValueInfoProps } from './AccountValueInfo' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/AccountValueInfo', diff --git a/apps/portal/src/components/recipes/AccountValueInfo/AccountValueInfo.tsx b/apps/portal/src/components/recipes/AccountValueInfo/AccountValueInfo.tsx index f542d2e1b..7f54398dc 100644 --- a/apps/portal/src/components/recipes/AccountValueInfo/AccountValueInfo.tsx +++ b/apps/portal/src/components/recipes/AccountValueInfo/AccountValueInfo.tsx @@ -1,9 +1,9 @@ -import AccountIcon from '../../molecules/AccountIcon' import type { Account } from '../../../domains/accounts' +import { shortenAddress } from '../../../util/format' +import AccountIcon from '../../molecules/AccountIcon' import { useTheme } from '@emotion/react' -import { ChevronDown, Users } from '@talismn/web-icons' import { IconButton, Surface, Text, useSurfaceColor } from '@talismn/ui' -import { shortenAddress } from '../../../util/format' +import { ChevronDown, Users } from '@talismn/web-icons' import { type ReactNode } from 'react' export type AccountValueInfoProps = { diff --git a/apps/portal/src/components/recipes/AddReadOnlyAccountDialog/AddReadOnlyAccountDialog.stories.tsx b/apps/portal/src/components/recipes/AddReadOnlyAccountDialog/AddReadOnlyAccountDialog.stories.tsx index 4b98385e8..2af371497 100644 --- a/apps/portal/src/components/recipes/AddReadOnlyAccountDialog/AddReadOnlyAccountDialog.stories.tsx +++ b/apps/portal/src/components/recipes/AddReadOnlyAccountDialog/AddReadOnlyAccountDialog.stories.tsx @@ -1,7 +1,6 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - -import AddReadOnlyAccountDialog, { type AddReadOnlyAccountDialogProps } from './AddReadOnlyAccountDialog' import { popularAccounts } from '../../../domains/accounts/consts' +import AddReadOnlyAccountDialog, { type AddReadOnlyAccountDialogProps } from './AddReadOnlyAccountDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/AddReadOnlyAccountDialog', diff --git a/apps/portal/src/components/recipes/AddReadOnlyAccountDialog/AddReadOnlyAccountDialog.tsx b/apps/portal/src/components/recipes/AddReadOnlyAccountDialog/AddReadOnlyAccountDialog.tsx index bb96c979f..582241f1d 100644 --- a/apps/portal/src/components/recipes/AddReadOnlyAccountDialog/AddReadOnlyAccountDialog.tsx +++ b/apps/portal/src/components/recipes/AddReadOnlyAccountDialog/AddReadOnlyAccountDialog.tsx @@ -1,9 +1,9 @@ -import { useTheme } from '@emotion/react' -import { AlertDialog, Button, Clickable, Hr, Identicon, ListItem, TextInput, useSurfaceColor } from '@talismn/ui' -import type { ReactNode } from 'react' import Loader from '../../../assets/icons/loader.svg?react' import { shortenAddress } from '../../../util/format' import { isNilOrWhitespace } from '../../../util/nil' +import { useTheme } from '@emotion/react' +import { AlertDialog, Button, Clickable, Hr, Identicon, ListItem, TextInput, useSurfaceColor } from '@talismn/ui' +import type { ReactNode } from 'react' export type AddReadOnlyAccountDialogProps = { open?: boolean diff --git a/apps/portal/src/components/recipes/AddStakeDialog/NominationPoolsAddStakeDialog.stories.tsx b/apps/portal/src/components/recipes/AddStakeDialog/NominationPoolsAddStakeDialog.stories.tsx index 539c138e2..d72ae2c68 100644 --- a/apps/portal/src/components/recipes/AddStakeDialog/NominationPoolsAddStakeDialog.stories.tsx +++ b/apps/portal/src/components/recipes/AddStakeDialog/NominationPoolsAddStakeDialog.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import { type NominationPoolsAddStakeDialogProps, NominationPoolsAddStakeDialog } from './AddStakeDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/AddStakeDialog/NominationPools', diff --git a/apps/portal/src/components/recipes/AddStakeDialog/SlpxAddStakeDialog.stories.tsx b/apps/portal/src/components/recipes/AddStakeDialog/SlpxAddStakeDialog.stories.tsx index a76b96973..383c3a7d1 100644 --- a/apps/portal/src/components/recipes/AddStakeDialog/SlpxAddStakeDialog.stories.tsx +++ b/apps/portal/src/components/recipes/AddStakeDialog/SlpxAddStakeDialog.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import { type SlpxAddStakeDialogProps, SlpxAddStakeDialog } from './AddStakeDialog' +import { type ComponentMeta, type Story } from '@storybook/react' import { Select } from '@talismn/ui' export default { diff --git a/apps/portal/src/components/recipes/Asset/Asset.tsx b/apps/portal/src/components/recipes/Asset/Asset.tsx index eee2556e2..2a78130cb 100644 --- a/apps/portal/src/components/recipes/Asset/Asset.tsx +++ b/apps/portal/src/components/recipes/Asset/Asset.tsx @@ -4,8 +4,8 @@ import RedactableBalance from '../../widgets/RedactableBalance' import { keyframes, useTheme } from '@emotion/react' import styled from '@emotion/styled' import { type Balances } from '@talismn/balances' -import { AlertTriangle, Lock } from '@talismn/web-icons' import { HiddenDetails, Text, Tooltip, useSurfaceColor } from '@talismn/ui' +import { AlertTriangle, Lock } from '@talismn/web-icons' import { isEmpty, startCase } from 'lodash' import { Children, type ReactElement, type ReactNode } from 'react' import { useNavigate } from 'react-router-dom' diff --git a/apps/portal/src/components/recipes/AssetBreakdown/AssetBreakdownList.tsx b/apps/portal/src/components/recipes/AssetBreakdown/AssetBreakdownList.tsx index 900ce9ffe..2cb39dbd0 100644 --- a/apps/portal/src/components/recipes/AssetBreakdown/AssetBreakdownList.tsx +++ b/apps/portal/src/components/recipes/AssetBreakdown/AssetBreakdownList.tsx @@ -1,13 +1,12 @@ import { selectedAccountsState } from '../../../domains/accounts/recoils' +import { selectedCurrencyState } from '../../../domains/balances' +import type { PortfolioToken } from '../../legacy/archetypes/Portfolio/Assets' +import { AssetBreakdownRow, AssetBreakdownRowHeader } from './AssetBreakdownRow' import styled from '@emotion/styled' import { BalanceFormatter, type Balances } from '@talismn/balances' import { formatDecimals } from '@talismn/util' import { useRecoilValue, waitForAll } from 'recoil' -import type { PortfolioToken } from '../../legacy/archetypes/Portfolio/Assets' -import { selectedCurrencyState } from '../../../domains/balances' -import { AssetBreakdownRow, AssetBreakdownRowHeader } from './AssetBreakdownRow' - const Table = styled.table` width: 100%; border-collapse: collapse; diff --git a/apps/portal/src/components/recipes/AssetBreakdown/AssetBreakdownRow.tsx b/apps/portal/src/components/recipes/AssetBreakdown/AssetBreakdownRow.tsx index 3d6a11450..ffc2dc83e 100644 --- a/apps/portal/src/components/recipes/AssetBreakdown/AssetBreakdownRow.tsx +++ b/apps/portal/src/components/recipes/AssetBreakdown/AssetBreakdownRow.tsx @@ -1,13 +1,12 @@ import { type Account } from '../../../domains/accounts/recoils' +import type { PortfolioToken } from '../../legacy/archetypes/Portfolio/Assets' +import AccountIcon from '../../molecules/AccountIcon/AccountIcon' +import { AssetBalance } from '../Asset' import { keyframes } from '@emotion/react' import styled from '@emotion/styled' import { Text, Tooltip } from '@talismn/ui' import { startCase } from 'lodash' -import AccountIcon from '../../molecules/AccountIcon/AccountIcon' -import { AssetBalance } from '../Asset' -import type { PortfolioToken } from '../../legacy/archetypes/Portfolio/Assets' - const slideDown = keyframes` from { opacity: 0; diff --git a/apps/portal/src/components/recipes/ClaimStakeDialog/ClaimStakeDialog.stories.tsx b/apps/portal/src/components/recipes/ClaimStakeDialog/ClaimStakeDialog.stories.tsx index fd6423388..760829f0a 100644 --- a/apps/portal/src/components/recipes/ClaimStakeDialog/ClaimStakeDialog.stories.tsx +++ b/apps/portal/src/components/recipes/ClaimStakeDialog/ClaimStakeDialog.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import ClaimStakeDialog, { type ClaimStakeDialogProps } from './ClaimStakeDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/ClaimStakeDialog', diff --git a/apps/portal/src/components/recipes/Cryptoticon/Cryptoticon.stories.tsx b/apps/portal/src/components/recipes/Cryptoticon/Cryptoticon.stories.tsx index 0e5e91d3d..994fe07a9 100644 --- a/apps/portal/src/components/recipes/Cryptoticon/Cryptoticon.stories.tsx +++ b/apps/portal/src/components/recipes/Cryptoticon/Cryptoticon.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import Cryptoticon, { type CryptoticonProps } from './Cryptoticon' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/Cryptoticon', diff --git a/apps/portal/src/components/recipes/DappStakingForm/DappStakingForm.SideSheet.stories.tsx b/apps/portal/src/components/recipes/DappStakingForm/DappStakingForm.SideSheet.stories.tsx index c61681664..878ccdb30 100644 --- a/apps/portal/src/components/recipes/DappStakingForm/DappStakingForm.SideSheet.stories.tsx +++ b/apps/portal/src/components/recipes/DappStakingForm/DappStakingForm.SideSheet.stories.tsx @@ -1,6 +1,6 @@ -import { type Meta, type StoryObj } from '@storybook/react' import DappStakingForm, { DappStakingSideSheet } from './DappStakingForm' import { Default as DappStakingFormDefault } from './DappStakingForm.stories' +import { type Meta, type StoryObj } from '@storybook/react' export default { title: 'Recipes/DappStakingForm/SideSheet', diff --git a/apps/portal/src/components/recipes/DappStakingForm/DappStakingForm.stories.tsx b/apps/portal/src/components/recipes/DappStakingForm/DappStakingForm.stories.tsx index 8f69c1eb9..79dd1d953 100644 --- a/apps/portal/src/components/recipes/DappStakingForm/DappStakingForm.stories.tsx +++ b/apps/portal/src/components/recipes/DappStakingForm/DappStakingForm.stories.tsx @@ -1,5 +1,5 @@ -import { type Meta, type StoryObj } from '@storybook/react' import DappStakingForm from './DappStakingForm' +import { type Meta, type StoryObj } from '@storybook/react' import { Select } from '@talismn/ui' export default { diff --git a/apps/portal/src/components/recipes/DappStakingForm/DappStakingForm.tsx b/apps/portal/src/components/recipes/DappStakingForm/DappStakingForm.tsx index 7264793fd..9ff92ab49 100644 --- a/apps/portal/src/components/recipes/DappStakingForm/DappStakingForm.tsx +++ b/apps/portal/src/components/recipes/DappStakingForm/DappStakingForm.tsx @@ -1,5 +1,5 @@ +import { Maybe } from '../../../util/monads' import { useTheme } from '@emotion/react' -import { Zap } from '@talismn/web-icons' import { Button, CircularProgressIndicator, @@ -15,7 +15,7 @@ import { type ButtonProps, type SideSheetProps, } from '@talismn/ui' -import { Maybe } from '../../../util/monads' +import { Zap } from '@talismn/web-icons' import { Suspense, type ReactNode } from 'react' type AmountInputProps = diff --git a/apps/portal/src/components/recipes/DappStakingLockedAmountDialog/DappStakingLockedAmountDialog.stories.tsx b/apps/portal/src/components/recipes/DappStakingLockedAmountDialog/DappStakingLockedAmountDialog.stories.tsx index c8d908c7e..388a24cb5 100644 --- a/apps/portal/src/components/recipes/DappStakingLockedAmountDialog/DappStakingLockedAmountDialog.stories.tsx +++ b/apps/portal/src/components/recipes/DappStakingLockedAmountDialog/DappStakingLockedAmountDialog.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import DappStakingLockedAmountDialog, { type DappStakingLockedAmountDialogProps } from './DappStakingLockedAmountDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/DappStakingLockedAmountDialog', diff --git a/apps/portal/src/components/recipes/DexForm/DexForm.tsx b/apps/portal/src/components/recipes/DexForm/DexForm.tsx index b84b052a6..fa64a7e5c 100644 --- a/apps/portal/src/components/recipes/DexForm/DexForm.tsx +++ b/apps/portal/src/components/recipes/DexForm/DexForm.tsx @@ -1,9 +1,9 @@ -import { Surface, Tabs, Text, type TabProps } from '@talismn/ui' -import { AnimatePresence, LayoutGroup, motion } from 'framer-motion' -import type { ElementType, ReactNode } from 'react' import DexFormSkeleton from './DexForm.skeleton' import SwapForm from './SwapForm' import TransportForm from './TransportForm' +import { Surface, Tabs, Text, type TabProps } from '@talismn/ui' +import { AnimatePresence, LayoutGroup, motion } from 'framer-motion' +import type { ElementType, ReactNode } from 'react' type FeeDisplay = { name: string; amount: string } diff --git a/apps/portal/src/components/recipes/DexForm/SwapForm/SwapForm.stories.tsx b/apps/portal/src/components/recipes/DexForm/SwapForm/SwapForm.stories.tsx index f99e649f7..e4300027d 100644 --- a/apps/portal/src/components/recipes/DexForm/SwapForm/SwapForm.stories.tsx +++ b/apps/portal/src/components/recipes/DexForm/SwapForm/SwapForm.stories.tsx @@ -1,7 +1,6 @@ +import SwapForm, { type SwapFormProps } from './SwapForm' import { type Meta, type Story } from '@storybook/react' - import { Select } from '@talismn/ui' -import SwapForm, { type SwapFormProps } from './SwapForm' export default { title: 'Recipes/DexForm/SwapForm', diff --git a/apps/portal/src/components/recipes/DexForm/SwapForm/SwapForm.tsx b/apps/portal/src/components/recipes/DexForm/SwapForm/SwapForm.tsx index ccc834c78..3811a77fe 100644 --- a/apps/portal/src/components/recipes/DexForm/SwapForm/SwapForm.tsx +++ b/apps/portal/src/components/recipes/DexForm/SwapForm/SwapForm.tsx @@ -1,4 +1,3 @@ -import { ArrowDown } from '@talismn/web-icons' import { Button, Clickable, @@ -7,6 +6,7 @@ import { useSurfaceColorAtElevation, type ButtonProps, } from '@talismn/ui' +import { ArrowDown } from '@talismn/web-icons' import { type ReactNode } from 'react' export type SwapFormProps = { diff --git a/apps/portal/src/components/recipes/DexForm/TransportForm/TransportForm.stories.tsx b/apps/portal/src/components/recipes/DexForm/TransportForm/TransportForm.stories.tsx index a0fa7e6c8..f35931dfb 100644 --- a/apps/portal/src/components/recipes/DexForm/TransportForm/TransportForm.stories.tsx +++ b/apps/portal/src/components/recipes/DexForm/TransportForm/TransportForm.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import TransportForm, { type TransportFormProps } from './TransportForm' +import { type ComponentMeta, type Story } from '@storybook/react' import { Select } from '@talismn/ui' export default { diff --git a/apps/portal/src/components/recipes/DexForm/TransportForm/TransportForm.tsx b/apps/portal/src/components/recipes/DexForm/TransportForm/TransportForm.tsx index 669118f7b..ced870293 100644 --- a/apps/portal/src/components/recipes/DexForm/TransportForm/TransportForm.tsx +++ b/apps/portal/src/components/recipes/DexForm/TransportForm/TransportForm.tsx @@ -1,6 +1,5 @@ import Cryptoticon from '../../Cryptoticon' import { useTheme } from '@emotion/react' -import { ArrowDown, Repeat } from '@talismn/web-icons' import { Button, CircularProgressIndicator, @@ -10,6 +9,7 @@ import { TonalIconButton, type ButtonProps, } from '@talismn/ui' +import { ArrowDown, Repeat } from '@talismn/web-icons' import { LayoutGroup, motion } from 'framer-motion' import { useId, useState, type ReactNode } from 'react' diff --git a/apps/portal/src/components/recipes/ErrorMessage/ErrorMessage.stories.tsx b/apps/portal/src/components/recipes/ErrorMessage/ErrorMessage.stories.tsx index 3be0dc275..9c37b4647 100644 --- a/apps/portal/src/components/recipes/ErrorMessage/ErrorMessage.stories.tsx +++ b/apps/portal/src/components/recipes/ErrorMessage/ErrorMessage.stories.tsx @@ -1,6 +1,6 @@ +import ErrorMessage, { type ErrorMessageProps } from './ErrorMessage' import { type ComponentMeta, type Story } from '@storybook/react' import { Button } from '@talismn/ui' -import ErrorMessage, { type ErrorMessageProps } from './ErrorMessage' export default { title: 'Recipes/ErrorMessage', diff --git a/apps/portal/src/components/recipes/ErrorMessage/ErrorMessage.tsx b/apps/portal/src/components/recipes/ErrorMessage/ErrorMessage.tsx index f06175edc..9cfa7b835 100644 --- a/apps/portal/src/components/recipes/ErrorMessage/ErrorMessage.tsx +++ b/apps/portal/src/components/recipes/ErrorMessage/ErrorMessage.tsx @@ -1,6 +1,6 @@ +import TalismanHand from './TalismanHand' import { Text } from '@talismn/ui' import type { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react' -import TalismanHand from './TalismanHand' export type ErrorMessageProps = { title: ReactNode diff --git a/apps/portal/src/components/recipes/ExportHistoryAlertDialog/ExportHistoryAlertDialog.stories.tsx b/apps/portal/src/components/recipes/ExportHistoryAlertDialog/ExportHistoryAlertDialog.stories.tsx index d534896e6..ee8035780 100644 --- a/apps/portal/src/components/recipes/ExportHistoryAlertDialog/ExportHistoryAlertDialog.stories.tsx +++ b/apps/portal/src/components/recipes/ExportHistoryAlertDialog/ExportHistoryAlertDialog.stories.tsx @@ -1,6 +1,5 @@ -import { type Meta, type StoryObj } from '@storybook/react' - import ExportHistoryAlertDialog from './ExportHistoryAlertDialog' +import { type Meta, type StoryObj } from '@storybook/react' export default { title: 'Recipes/ExportHistoryAlertDialog', diff --git a/apps/portal/src/components/recipes/ExportTxHistoryDialog/ExportTxHistoryDialog.stories.tsx b/apps/portal/src/components/recipes/ExportTxHistoryDialog/ExportTxHistoryDialog.stories.tsx index c1f6af737..92816bf02 100644 --- a/apps/portal/src/components/recipes/ExportTxHistoryDialog/ExportTxHistoryDialog.stories.tsx +++ b/apps/portal/src/components/recipes/ExportTxHistoryDialog/ExportTxHistoryDialog.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import ExportTxHistoryDialog, { type ExportTxHistoryDialogProps } from './ExportTxHistoryDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/ExportTxHistoryDialog', diff --git a/apps/portal/src/components/recipes/ExportTxHistoryDialog/ExportTxHistoryDialog.tsx b/apps/portal/src/components/recipes/ExportTxHistoryDialog/ExportTxHistoryDialog.tsx index bf9dc1593..14c2f1fc2 100644 --- a/apps/portal/src/components/recipes/ExportTxHistoryDialog/ExportTxHistoryDialog.tsx +++ b/apps/portal/src/components/recipes/ExportTxHistoryDialog/ExportTxHistoryDialog.tsx @@ -1,7 +1,7 @@ +import { Maybe } from '../../../util/monads' import AccountIcon from '../../molecules/AccountIcon' import { useTheme } from '@emotion/react' import { AlertDialog, Button, DateInput, Select, Text, type AlertDialogProps } from '@talismn/ui' -import { Maybe } from '../../../util/monads' import { endOfDay, startOfDay } from 'date-fns' import { useMemo } from 'react' diff --git a/apps/portal/src/components/recipes/ExtrinsicDetailsSideSheet/ExtrinsicDetailsSideSheet.stories.tsx b/apps/portal/src/components/recipes/ExtrinsicDetailsSideSheet/ExtrinsicDetailsSideSheet.stories.tsx index 85ba7d649..f0e6f1488 100644 --- a/apps/portal/src/components/recipes/ExtrinsicDetailsSideSheet/ExtrinsicDetailsSideSheet.stories.tsx +++ b/apps/portal/src/components/recipes/ExtrinsicDetailsSideSheet/ExtrinsicDetailsSideSheet.stories.tsx @@ -1,6 +1,5 @@ -import { type Meta, type StoryObj } from '@storybook/react' - import ExtrinsicDetailsSideSheet from './ExtrinsicDetailsSideSheet' +import { type Meta, type StoryObj } from '@storybook/react' export default { title: 'Recipes/ExtrinsicDetailsSideSheet', diff --git a/apps/portal/src/components/recipes/ExtrinsicDetailsSideSheet/ExtrinsicDetailsSideSheet.tsx b/apps/portal/src/components/recipes/ExtrinsicDetailsSideSheet/ExtrinsicDetailsSideSheet.tsx index a89740f3e..687e80b33 100644 --- a/apps/portal/src/components/recipes/ExtrinsicDetailsSideSheet/ExtrinsicDetailsSideSheet.tsx +++ b/apps/portal/src/components/recipes/ExtrinsicDetailsSideSheet/ExtrinsicDetailsSideSheet.tsx @@ -1,8 +1,8 @@ -import AccountIcon from '../../molecules/AccountIcon/AccountIcon' import type { Account } from '../../../domains/accounts' import { copyAddressToClipboard, copyExtrinsicHashToClipboard } from '../../../domains/common' +import { shortenAddress } from '../../../util/format' +import AccountIcon from '../../molecules/AccountIcon/AccountIcon' import { useTheme } from '@emotion/react' -import { CheckCircle, Copy, ExternalLink, XCircle } from '@talismn/web-icons' import { DescriptionList, ListItem, @@ -12,7 +12,7 @@ import { Text, useSurfaceColorAtElevation, } from '@talismn/ui' -import { shortenAddress } from '../../../util/format' +import { CheckCircle, Copy, ExternalLink, XCircle } from '@talismn/web-icons' import { formatDistanceToNow } from 'date-fns' import { useMemo, type PropsWithChildren, type ReactNode } from 'react' // @ts-expect-error diff --git a/apps/portal/src/components/recipes/FairyBreadBanner/FairyBreadBanner.stories.tsx b/apps/portal/src/components/recipes/FairyBreadBanner/FairyBreadBanner.stories.tsx index f2189c026..d88e082d7 100644 --- a/apps/portal/src/components/recipes/FairyBreadBanner/FairyBreadBanner.stories.tsx +++ b/apps/portal/src/components/recipes/FairyBreadBanner/FairyBreadBanner.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import FairyBreadBanner, { type FairyBreadBannerProps } from './FairyBreadBanner' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/FairyBreadBanner', diff --git a/apps/portal/src/components/recipes/FairyBreadBanner/FairyBreadBanner.tsx b/apps/portal/src/components/recipes/FairyBreadBanner/FairyBreadBanner.tsx index ac5d7458d..88be8eadf 100644 --- a/apps/portal/src/components/recipes/FairyBreadBanner/FairyBreadBanner.tsx +++ b/apps/portal/src/components/recipes/FairyBreadBanner/FairyBreadBanner.tsx @@ -1,6 +1,6 @@ import { useTheme } from '@emotion/react' -import { X } from '@talismn/web-icons' import { Button, Text } from '@talismn/ui' +import { X } from '@talismn/web-icons' import { AnimatePresence, motion } from 'framer-motion' export type FairyBreadBannerProps = { diff --git a/apps/portal/src/components/recipes/FastUnstakeDialog/FastUnstakeDialog.stories.tsx b/apps/portal/src/components/recipes/FastUnstakeDialog/FastUnstakeDialog.stories.tsx index 15381294d..8c671c318 100644 --- a/apps/portal/src/components/recipes/FastUnstakeDialog/FastUnstakeDialog.stories.tsx +++ b/apps/portal/src/components/recipes/FastUnstakeDialog/FastUnstakeDialog.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import FastUnstakeDialog, { type FastUnstakeDialogProps } from './FastUnstakeDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/FastUnstakeDialog', diff --git a/apps/portal/src/components/recipes/MainBanner/Banner.stories.tsx b/apps/portal/src/components/recipes/MainBanner/Banner.stories.tsx index 705eda0bf..646db7bf3 100644 --- a/apps/portal/src/components/recipes/MainBanner/Banner.stories.tsx +++ b/apps/portal/src/components/recipes/MainBanner/Banner.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import MainBanner from './MainBanner' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/MainBanner', diff --git a/apps/portal/src/components/recipes/MainBanner/MainBanner.tsx b/apps/portal/src/components/recipes/MainBanner/MainBanner.tsx index 573d9d934..674e84cf1 100644 --- a/apps/portal/src/components/recipes/MainBanner/MainBanner.tsx +++ b/apps/portal/src/components/recipes/MainBanner/MainBanner.tsx @@ -1,10 +1,9 @@ +import gradient from './gradient.png' +import BaseStubStakingInput from './staking-input.svg?react' import { Text } from '@talismn/ui' import { motion } from 'framer-motion' import { Link } from 'react-router-dom' -import gradient from './gradient.png' -import BaseStubStakingInput from './staking-input.svg?react' - const StubStakingInput = motion(BaseStubStakingInput) const MotionLink = motion(Link) const MainBanner = () => ( diff --git a/apps/portal/src/components/recipes/PoolClaimPermissionForm/PoolClaimPermissionDialog.stories.tsx b/apps/portal/src/components/recipes/PoolClaimPermissionForm/PoolClaimPermissionDialog.stories.tsx index 16a257471..0c1029a4c 100644 --- a/apps/portal/src/components/recipes/PoolClaimPermissionForm/PoolClaimPermissionDialog.stories.tsx +++ b/apps/portal/src/components/recipes/PoolClaimPermissionForm/PoolClaimPermissionDialog.stories.tsx @@ -1,6 +1,6 @@ -import type { Meta, StoryObj } from '@storybook/react' import { PoolClaimPermissionDialog } from './PoolClaimPermissionForm' import { Default as DefaultFormStory } from './PoolClaimPermissionForm.stories' +import type { Meta, StoryObj } from '@storybook/react' export default { title: 'Recipes/PoolClaimPermissionForm/Dialog', diff --git a/apps/portal/src/components/recipes/PoolClaimPermissionForm/PoolClaimPermissionForm.stories.tsx b/apps/portal/src/components/recipes/PoolClaimPermissionForm/PoolClaimPermissionForm.stories.tsx index 8ad32a57c..e28c8f67d 100644 --- a/apps/portal/src/components/recipes/PoolClaimPermissionForm/PoolClaimPermissionForm.stories.tsx +++ b/apps/portal/src/components/recipes/PoolClaimPermissionForm/PoolClaimPermissionForm.stories.tsx @@ -1,5 +1,5 @@ -import type { Meta, StoryObj } from '@storybook/react' import PoolClaimPermissionForm from './PoolClaimPermissionForm' +import type { Meta, StoryObj } from '@storybook/react' import { useState } from 'react' export default { diff --git a/apps/portal/src/components/recipes/PoolClaimPermissionForm/PoolClaimPermissionForm.tsx b/apps/portal/src/components/recipes/PoolClaimPermissionForm/PoolClaimPermissionForm.tsx index 81514463a..b2866d0b3 100644 --- a/apps/portal/src/components/recipes/PoolClaimPermissionForm/PoolClaimPermissionForm.tsx +++ b/apps/portal/src/components/recipes/PoolClaimPermissionForm/PoolClaimPermissionForm.tsx @@ -1,7 +1,7 @@ import { TalismanHandLoader } from '../../legacy/TalismanHandLoader' import { useTheme } from '@emotion/react' -import { Calculate, Info } from '@talismn/web-icons' import { AlertDialog, Button, HiddenDetails, RadioButton, Surface, Switch, Text, Tooltip } from '@talismn/ui' +import { Calculate, Info } from '@talismn/web-icons' import { Suspense, type PropsWithChildren, createContext, useContext } from 'react' const Context = createContext({ isSkeleton: false, onRequestDismiss: undefined as (() => unknown) | undefined }) diff --git a/apps/portal/src/components/recipes/PortfolioAllocationGraph/PortfolioAllocationGraph.stories.tsx b/apps/portal/src/components/recipes/PortfolioAllocationGraph/PortfolioAllocationGraph.stories.tsx index f9ed28cc3..ef2b83f37 100644 --- a/apps/portal/src/components/recipes/PortfolioAllocationGraph/PortfolioAllocationGraph.stories.tsx +++ b/apps/portal/src/components/recipes/PortfolioAllocationGraph/PortfolioAllocationGraph.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import PortfolioAllocationGraph, { type PortfolioAllocationGraphProps } from './PortfolioAllocationGraph' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/PortfolioAllocationGraph', diff --git a/apps/portal/src/components/recipes/RemoveWatchedAccountConfirmationDialog/RemoveWatchedAccountConfirmationDialog.stories.tsx b/apps/portal/src/components/recipes/RemoveWatchedAccountConfirmationDialog/RemoveWatchedAccountConfirmationDialog.stories.tsx index 4c8d3bdcc..d9c4e7b50 100644 --- a/apps/portal/src/components/recipes/RemoveWatchedAccountConfirmationDialog/RemoveWatchedAccountConfirmationDialog.stories.tsx +++ b/apps/portal/src/components/recipes/RemoveWatchedAccountConfirmationDialog/RemoveWatchedAccountConfirmationDialog.stories.tsx @@ -1,8 +1,7 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import RemoveWatchedAccountConfirmationDialog, { type RemoveWatchedAccountConfirmationDialogProps, } from './RemoveWatchedAccountConfirmationDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/RemoveWatchedAccountConfirmationDialog', diff --git a/apps/portal/src/components/recipes/StakeCalculatorDialog/StakeCalculatorDialog.stories.tsx b/apps/portal/src/components/recipes/StakeCalculatorDialog/StakeCalculatorDialog.stories.tsx index 0ef864173..9ad1666e6 100644 --- a/apps/portal/src/components/recipes/StakeCalculatorDialog/StakeCalculatorDialog.stories.tsx +++ b/apps/portal/src/components/recipes/StakeCalculatorDialog/StakeCalculatorDialog.stories.tsx @@ -1,6 +1,5 @@ -import { type Meta, type StoryObj } from '@storybook/react' - import StakeCalculatorDialog from './StakeCalculatorDialog' +import { type Meta, type StoryObj } from '@storybook/react' import { Select } from '@talismn/ui' export default { diff --git a/apps/portal/src/components/recipes/StakeCalculatorDialog/StakeCalculatorDialog.tsx b/apps/portal/src/components/recipes/StakeCalculatorDialog/StakeCalculatorDialog.tsx index e85ddfa9a..700cdddc6 100644 --- a/apps/portal/src/components/recipes/StakeCalculatorDialog/StakeCalculatorDialog.tsx +++ b/apps/portal/src/components/recipes/StakeCalculatorDialog/StakeCalculatorDialog.tsx @@ -1,6 +1,6 @@ import { ClassNames } from '@emotion/react' -import { Calculate, Earn } from '@talismn/web-icons' import { AlertDialog, Hr, ListItem, Text, TextInput, TonalIcon } from '@talismn/ui' +import { Calculate, Earn } from '@talismn/web-icons' import type { ReactNode } from 'react' export type StakeCalculatorDialogProps = { diff --git a/apps/portal/src/components/recipes/StakeDialog/StakeDialog.stories.tsx b/apps/portal/src/components/recipes/StakeDialog/StakeDialog.stories.tsx index 4f7792ab9..a3650fcf4 100644 --- a/apps/portal/src/components/recipes/StakeDialog/StakeDialog.stories.tsx +++ b/apps/portal/src/components/recipes/StakeDialog/StakeDialog.stories.tsx @@ -1,6 +1,6 @@ -import { type ComponentMeta, type Story } from '@storybook/react' import { Default as StakeFormStory } from '../StakeForm/StakeForm.stories' import StakeDialog, { type StakeDialogProps } from './StakeDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/StakeDialog', diff --git a/apps/portal/src/components/recipes/StakeDialog/StakeDialog.tsx b/apps/portal/src/components/recipes/StakeDialog/StakeDialog.tsx index a1845fb65..c6c2fe95d 100644 --- a/apps/portal/src/components/recipes/StakeDialog/StakeDialog.tsx +++ b/apps/portal/src/components/recipes/StakeDialog/StakeDialog.tsx @@ -1,5 +1,5 @@ -import { Zap } from '@talismn/web-icons' import { SIDE_SHEET_WIDE_BREAK_POINT_SELECTOR, SideSheet, InfoCard, type InfoCardProps, Text } from '@talismn/ui' +import { Zap } from '@talismn/web-icons' import { type AnchorHTMLAttributes, type DetailedHTMLProps, type PropsWithChildren, type ReactNode } from 'react' export type StakeDialogProps = { diff --git a/apps/portal/src/components/recipes/StakeForm/StakeForm.stories.tsx b/apps/portal/src/components/recipes/StakeForm/StakeForm.stories.tsx index d23cbb7b3..44c031313 100644 --- a/apps/portal/src/components/recipes/StakeForm/StakeForm.stories.tsx +++ b/apps/portal/src/components/recipes/StakeForm/StakeForm.stories.tsx @@ -1,8 +1,7 @@ +import StakeForm, { type StakeFormProps } from './StakeForm' import { type ComponentMeta, type Story } from '@storybook/react' import { Select } from '@talismn/ui' -import StakeForm, { type StakeFormProps } from './StakeForm' - export default { title: 'Recipes/StakeForm', component: StakeForm, diff --git a/apps/portal/src/components/recipes/StakeForm/StakeForm.tsx b/apps/portal/src/components/recipes/StakeForm/StakeForm.tsx index d4eab2409..afbe5c20c 100644 --- a/apps/portal/src/components/recipes/StakeForm/StakeForm.tsx +++ b/apps/portal/src/components/recipes/StakeForm/StakeForm.tsx @@ -1,3 +1,7 @@ +import { isNilOrWhitespace } from '../../../util/nil' +import type { PoolClaimPermission } from '../PoolClaimPermissionForm' +import { StakeStatusIndicator, type StakeStatus } from '../StakeStatusIndicator' +import StakeFormSkeleton from './StakeForm.skeleton' import { Button, DescriptionList, @@ -13,12 +17,8 @@ import { type ChipProps, } from '@talismn/ui' import { ChevronRight, Clock, Info, Settings } from '@talismn/web-icons' -import { isNilOrWhitespace } from '../../../util/nil' import { LayoutGroup, motion } from 'framer-motion' import { createContext, useContext, useId, useState, type ReactNode } from 'react' -import type { PoolClaimPermission } from '../PoolClaimPermissionForm' -import { StakeStatusIndicator, type StakeStatus } from '../StakeStatusIndicator' -import StakeFormSkeleton from './StakeForm.skeleton' const AssetSelectorContext = createContext(null) diff --git a/apps/portal/src/components/recipes/StakePosition/StakePosition.stories.tsx b/apps/portal/src/components/recipes/StakePosition/StakePosition.stories.tsx index 392df69ef..6a7d01c9a 100644 --- a/apps/portal/src/components/recipes/StakePosition/StakePosition.stories.tsx +++ b/apps/portal/src/components/recipes/StakePosition/StakePosition.stories.tsx @@ -1,5 +1,5 @@ -import { type Meta, type StoryObj } from '@storybook/react' import StakePosition from './StakePosition' +import { type Meta, type StoryObj } from '@storybook/react' export default { title: 'Recipes/StakePosition', diff --git a/apps/portal/src/components/recipes/StakePosition/StakePosition.tsx b/apps/portal/src/components/recipes/StakePosition/StakePosition.tsx index fa1bcf025..d69ac41fe 100644 --- a/apps/portal/src/components/recipes/StakePosition/StakePosition.tsx +++ b/apps/portal/src/components/recipes/StakePosition/StakePosition.tsx @@ -1,6 +1,8 @@ -import AccountIcon from '../../molecules/AccountIcon' import type { Account } from '../../../domains/accounts' -import { Clock, MoreHorizontal, ZapOff, ZapPlus } from '@talismn/web-icons' +import { shortenAddress } from '../../../util/format' +import AccountIcon from '../../molecules/AccountIcon' +import { StakeStatusIndicator, type StakeStatus } from '../StakeStatusIndicator' +import StakePositionSkeleton from './StakePosition.skeleton' import { Chip, CircularProgressIndicator, @@ -15,10 +17,8 @@ import { type ButtonProps, type ChipProps, } from '@talismn/ui' -import { shortenAddress } from '../../../util/format' +import { Clock, MoreHorizontal, ZapOff, ZapPlus } from '@talismn/web-icons' import { createContext, type PropsWithChildren, type ReactNode } from 'react' -import { StakeStatusIndicator, type StakeStatus } from '../StakeStatusIndicator' -import StakePositionSkeleton from './StakePosition.skeleton' export type StakePositionProps = { readonly?: boolean diff --git a/apps/portal/src/components/recipes/StakeProvider/StakeProvider.stories.tsx b/apps/portal/src/components/recipes/StakeProvider/StakeProvider.stories.tsx index a963f7f3c..e45e52525 100644 --- a/apps/portal/src/components/recipes/StakeProvider/StakeProvider.stories.tsx +++ b/apps/portal/src/components/recipes/StakeProvider/StakeProvider.stories.tsx @@ -1,5 +1,5 @@ -import { type Meta, type StoryObj } from '@storybook/react' import StakeProvider from './StakeProvider' +import { type Meta, type StoryObj } from '@storybook/react' export default { title: 'Recipes/StakeProvider', diff --git a/apps/portal/src/components/recipes/StakeProvider/StakeProvider.tsx b/apps/portal/src/components/recipes/StakeProvider/StakeProvider.tsx index 713dfd455..36b68710e 100644 --- a/apps/portal/src/components/recipes/StakeProvider/StakeProvider.tsx +++ b/apps/portal/src/components/recipes/StakeProvider/StakeProvider.tsx @@ -1,4 +1,3 @@ -import { Zap } from '@talismn/web-icons' import { Button, LinearProgressIndicator, @@ -7,6 +6,7 @@ import { type ButtonProps, CircularProgressIndicator, } from '@talismn/ui' +import { Zap } from '@talismn/web-icons' import { Suspense, type ElementType, type PropsWithChildren, type ReactNode } from 'react' export type StakeProviderProps = { diff --git a/apps/portal/src/components/recipes/StakeProvidersDialog/StakeProviderDialog.stories.tsx b/apps/portal/src/components/recipes/StakeProvidersDialog/StakeProviderDialog.stories.tsx index 28cd10d72..e47a222ec 100644 --- a/apps/portal/src/components/recipes/StakeProvidersDialog/StakeProviderDialog.stories.tsx +++ b/apps/portal/src/components/recipes/StakeProvidersDialog/StakeProviderDialog.stories.tsx @@ -1,5 +1,5 @@ -import { type Meta, type StoryObj } from '@storybook/react' import StakeProviderDialog from './StakeProviderDialog' +import { type Meta, type StoryObj } from '@storybook/react' export default { title: 'Recipes/StakeProviderDialog', diff --git a/apps/portal/src/components/recipes/StakeProvidersDialog/StakeProviderDialog.tsx b/apps/portal/src/components/recipes/StakeProvidersDialog/StakeProviderDialog.tsx index 319465a66..4065fe7cb 100644 --- a/apps/portal/src/components/recipes/StakeProvidersDialog/StakeProviderDialog.tsx +++ b/apps/portal/src/components/recipes/StakeProvidersDialog/StakeProviderDialog.tsx @@ -1,5 +1,5 @@ -import { Zap } from '@talismn/web-icons' import { AlertDialog, Button, Hr, Surface, Text } from '@talismn/ui' +import { Zap } from '@talismn/web-icons' import type { PropsWithChildren, ReactNode } from 'react' export type StakeProviderOptionProps = { diff --git a/apps/portal/src/components/recipes/StakeTargetSelectorDialog/StakeTargetSelectorDialog.stories.tsx b/apps/portal/src/components/recipes/StakeTargetSelectorDialog/StakeTargetSelectorDialog.stories.tsx index 6923dccce..3d59a9f33 100644 --- a/apps/portal/src/components/recipes/StakeTargetSelectorDialog/StakeTargetSelectorDialog.stories.tsx +++ b/apps/portal/src/components/recipes/StakeTargetSelectorDialog/StakeTargetSelectorDialog.stories.tsx @@ -1,11 +1,10 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - +import StakeTargetSelectorDialog, { type StakeTargetSelectorDialogProps } from './StakeTargetSelectorDialog' import StakeTargetSelectorItem from './StakeTargetSelectorItem/StakeTargetSelectorItem' import { Selected as SelectedStakeTargetSelectorItem, UnSelected as UnSelectedStakeTargetSelectorItem, } from './StakeTargetSelectorItem/StakeTargetSelectorItem.stories' -import StakeTargetSelectorDialog, { type StakeTargetSelectorDialogProps } from './StakeTargetSelectorDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/StakeTargetSelectorDialog', diff --git a/apps/portal/src/components/recipes/StakeTargetSelectorDialog/StakeTargetSelectorDialog.tsx b/apps/portal/src/components/recipes/StakeTargetSelectorDialog/StakeTargetSelectorDialog.tsx index 9656e04a5..1d66bb4d2 100644 --- a/apps/portal/src/components/recipes/StakeTargetSelectorDialog/StakeTargetSelectorDialog.tsx +++ b/apps/portal/src/components/recipes/StakeTargetSelectorDialog/StakeTargetSelectorDialog.tsx @@ -1,13 +1,12 @@ -import { ChevronLeft, ChevronRight } from '@talismn/web-icons' -import { AlertDialog, Button, Text } from '@talismn/ui' -import { motion } from 'framer-motion' -import React, { useState, type ReactElement, type ReactNode } from 'react' - import StakeTargetSelectorItem, { DappSelectorItem, PoolSelectorItem, type StakeTargetSelectorItemProps, } from './StakeTargetSelectorItem' +import { AlertDialog, Button, Text } from '@talismn/ui' +import { ChevronLeft, ChevronRight } from '@talismn/web-icons' +import { motion } from 'framer-motion' +import React, { useState, type ReactElement, type ReactNode } from 'react' export type StakeTargetSelectorDialogProps = { open?: boolean diff --git a/apps/portal/src/components/recipes/StakeTargetSelectorDialog/StakeTargetSelectorItem/StakeTargetSelectorItem.stories.tsx b/apps/portal/src/components/recipes/StakeTargetSelectorDialog/StakeTargetSelectorItem/StakeTargetSelectorItem.stories.tsx index b94596563..e4e44224f 100644 --- a/apps/portal/src/components/recipes/StakeTargetSelectorDialog/StakeTargetSelectorItem/StakeTargetSelectorItem.stories.tsx +++ b/apps/portal/src/components/recipes/StakeTargetSelectorDialog/StakeTargetSelectorItem/StakeTargetSelectorItem.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import StakeTargetSelectorItem, { type StakeTargetSelectorItemProps } from './StakeTargetSelectorItem' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/StakeTargetSelectorDialog/Item', diff --git a/apps/portal/src/components/recipes/TokenSelectorDialog/TokenSelectorDialog.stories.tsx b/apps/portal/src/components/recipes/TokenSelectorDialog/TokenSelectorDialog.stories.tsx index f1b4376d0..0e48260b6 100644 --- a/apps/portal/src/components/recipes/TokenSelectorDialog/TokenSelectorDialog.stories.tsx +++ b/apps/portal/src/components/recipes/TokenSelectorDialog/TokenSelectorDialog.stories.tsx @@ -1,7 +1,6 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import Cryptoticon from '../Cryptoticon' import TokenSelectorDialog, { type TokenSelectorDialogProps } from './TokenSelectorDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/TokenSelectorDialog', diff --git a/apps/portal/src/components/recipes/TokenSelectorDialog/TokenSelectorDialog.tsx b/apps/portal/src/components/recipes/TokenSelectorDialog/TokenSelectorDialog.tsx index c212e88d3..969bf8eef 100644 --- a/apps/portal/src/components/recipes/TokenSelectorDialog/TokenSelectorDialog.tsx +++ b/apps/portal/src/components/recipes/TokenSelectorDialog/TokenSelectorDialog.tsx @@ -1,5 +1,4 @@ -import React, { useCallback, useState, type ChangeEventHandler, type ReactElement } from 'react' - +import Cryptoticon from '../Cryptoticon' import { ALERT_DIALOG_PADDING, AlertDialog, @@ -9,7 +8,7 @@ import { useSurfaceColor, type AlertDialogProps, } from '@talismn/ui' -import Cryptoticon from '../Cryptoticon' +import React, { useCallback, useState, type ChangeEventHandler, type ReactElement } from 'react' export type TokenSelectorItemProps = { logoSrc?: string diff --git a/apps/portal/src/components/recipes/TransactionLineItem/TransactionLineItem.stories.tsx b/apps/portal/src/components/recipes/TransactionLineItem/TransactionLineItem.stories.tsx index ac01f52d0..d23062996 100644 --- a/apps/portal/src/components/recipes/TransactionLineItem/TransactionLineItem.stories.tsx +++ b/apps/portal/src/components/recipes/TransactionLineItem/TransactionLineItem.stories.tsx @@ -1,5 +1,5 @@ -import { type Meta, type StoryObj } from '@storybook/react' import TransactionLineItem, { TransactionList } from './TransactionLineItem' +import { type Meta, type StoryObj } from '@storybook/react' export default { title: 'Recipes/TransactionLineItem', diff --git a/apps/portal/src/components/recipes/TransactionLineItem/TransactionLineItem.tsx b/apps/portal/src/components/recipes/TransactionLineItem/TransactionLineItem.tsx index ca1165cb1..c252b0b18 100644 --- a/apps/portal/src/components/recipes/TransactionLineItem/TransactionLineItem.tsx +++ b/apps/portal/src/components/recipes/TransactionLineItem/TransactionLineItem.tsx @@ -1,12 +1,12 @@ -import AccountIcon from '../../molecules/AccountIcon/AccountIcon' import type { Account } from '../../../domains/accounts' +import { shortenAddress } from '../../../util/format' +import AccountIcon from '../../molecules/AccountIcon/AccountIcon' +import { getSubstrateModuleColor } from '../extrinsicColor' import { keyframes, useTheme } from '@emotion/react' -import { ArrowDown, ArrowUp, ChevronRight } from '@talismn/web-icons' import { Identicon, Surface, Text, TonalIcon, Tooltip, useSurfaceColorAtElevation } from '@talismn/ui' -import { shortenAddress } from '../../../util/format' +import { ArrowDown, ArrowUp, ChevronRight } from '@talismn/web-icons' import type React from 'react' import { Fragment, useMemo, type PropsWithChildren, type ReactElement } from 'react' -import { getSubstrateModuleColor } from '../extrinsicColor' type TokenAmount = { amount: string diff --git a/apps/portal/src/components/recipes/UnstakeAlertDialog/UnstakeAlertDialog.stories.tsx b/apps/portal/src/components/recipes/UnstakeAlertDialog/UnstakeAlertDialog.stories.tsx index fbfb6458b..7d197c2bc 100644 --- a/apps/portal/src/components/recipes/UnstakeAlertDialog/UnstakeAlertDialog.stories.tsx +++ b/apps/portal/src/components/recipes/UnstakeAlertDialog/UnstakeAlertDialog.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import UnstakeAlertDialog, { type UnstakeAlertDialogProps } from './UnstakeAlertDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/UnstakeAlertDialog', diff --git a/apps/portal/src/components/recipes/UnstakeDialog/UnstakeDialog.stories.tsx b/apps/portal/src/components/recipes/UnstakeDialog/UnstakeDialog.stories.tsx index 513d9ef51..25e20492c 100644 --- a/apps/portal/src/components/recipes/UnstakeDialog/UnstakeDialog.stories.tsx +++ b/apps/portal/src/components/recipes/UnstakeDialog/UnstakeDialog.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import UnstakeDialog, { type UnstakeDialogProps } from './UnstakeDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/UnstakeDialog', diff --git a/apps/portal/src/components/recipes/Welcome/Welcome.stories.tsx b/apps/portal/src/components/recipes/Welcome/Welcome.stories.tsx index c62bd59ff..3dfdc9609 100644 --- a/apps/portal/src/components/recipes/Welcome/Welcome.stories.tsx +++ b/apps/portal/src/components/recipes/Welcome/Welcome.stories.tsx @@ -1,7 +1,6 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - -import Welcome, { type WelcomeProps } from './Welcome' import AccountConnectionDialog from '.' +import Welcome, { type WelcomeProps } from './Welcome' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/Welcome', diff --git a/apps/portal/src/components/recipes/Welcome/Welcome.tsx b/apps/portal/src/components/recipes/Welcome/Welcome.tsx index c08ebae6c..963541573 100644 --- a/apps/portal/src/components/recipes/Welcome/Welcome.tsx +++ b/apps/portal/src/components/recipes/Welcome/Welcome.tsx @@ -1,3 +1,4 @@ +import { shortenAddress } from '../../../util/format' import { Button, Clickable, @@ -10,7 +11,6 @@ import { type ButtonProps, type TextInputProps, } from '@talismn/ui' -import { shortenAddress } from '../../../util/format' import { type ReactNode } from 'react' export type WelcomeProps = { diff --git a/apps/portal/src/components/recipes/WithdrawCrowdloanDialog/WithdrawCrowdloanDialog.stories.tsx b/apps/portal/src/components/recipes/WithdrawCrowdloanDialog/WithdrawCrowdloanDialog.stories.tsx index f34d552d9..6e454f0ed 100644 --- a/apps/portal/src/components/recipes/WithdrawCrowdloanDialog/WithdrawCrowdloanDialog.stories.tsx +++ b/apps/portal/src/components/recipes/WithdrawCrowdloanDialog/WithdrawCrowdloanDialog.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import { WithdrawCrowdloanDialog, type WithdrawCrowdloanDialogProps } from './WithdrawCrowdloanDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Recipes/WithdrawCrowdloanDialog', diff --git a/apps/portal/src/components/templates/TransactionHistory/TransactionHistory.stories.tsx b/apps/portal/src/components/templates/TransactionHistory/TransactionHistory.stories.tsx index 791a15aa1..eace19698 100644 --- a/apps/portal/src/components/templates/TransactionHistory/TransactionHistory.stories.tsx +++ b/apps/portal/src/components/templates/TransactionHistory/TransactionHistory.stories.tsx @@ -1,6 +1,5 @@ -import { type Meta, type StoryObj } from '@storybook/react' - import TransactionHistory from './TransactionHistory' +import { type Meta, type StoryObj } from '@storybook/react' export default { title: 'Templates/TransactionHistory', diff --git a/apps/portal/src/components/widgets/AccountConnectionGuard.tsx b/apps/portal/src/components/widgets/AccountConnectionGuard.tsx index 87d1c05e7..448be17be 100644 --- a/apps/portal/src/components/widgets/AccountConnectionGuard.tsx +++ b/apps/portal/src/components/widgets/AccountConnectionGuard.tsx @@ -1,11 +1,11 @@ -import Welcome from '../recipes/Welcome' import { lookupAccountAddressState, popularAccounts } from '../../domains/accounts' import { readOnlyAccountsState } from '../../domains/accounts/recoils' import { useHasActiveWalletConnection } from '../../domains/extension' import { shortenAddress } from '../../util/format' +import Welcome from '../recipes/Welcome' +import { walletConnectionSideSheetOpenState } from './WalletConnectionSideSheet' import { useState, type PropsWithChildren } from 'react' import { useRecoilValue, useSetRecoilState } from 'recoil' -import { walletConnectionSideSheetOpenState } from './WalletConnectionSideSheet' export type AccountConnectionGuardProps = PropsWithChildren diff --git a/apps/portal/src/components/widgets/AccountSelector.tsx b/apps/portal/src/components/widgets/AccountSelector.tsx index eb62642fb..e2645491e 100644 --- a/apps/portal/src/components/widgets/AccountSelector.tsx +++ b/apps/portal/src/components/widgets/AccountSelector.tsx @@ -1,12 +1,12 @@ -import AccountIcon from '../molecules/AccountIcon/AccountIcon' import { type Account } from '../../domains/accounts/recoils' import { useHasActiveWalletConnection } from '../../domains/extension' -import { Button, CircularProgressIndicator, Identicon, Select } from '@talismn/ui' import { shortenAddress } from '../../util/format' +import AccountIcon from '../molecules/AccountIcon/AccountIcon' +import { walletConnectionSideSheetOpenState } from './WalletConnectionSideSheet' +import { Button, CircularProgressIndicator, Identicon, Select } from '@talismn/ui' import { useCallback, useEffect, useMemo, useState, useTransition } from 'react' import { usePrevious } from 'react-use' import { useSetRecoilState } from 'recoil' -import { walletConnectionSideSheetOpenState } from './WalletConnectionSideSheet' export type AccountSelectorProps = { width?: number | string diff --git a/apps/portal/src/components/widgets/AccountsManagementMenu.tsx b/apps/portal/src/components/widgets/AccountsManagementMenu.tsx index 45ed2f778..2032554e9 100644 --- a/apps/portal/src/components/widgets/AccountsManagementMenu.tsx +++ b/apps/portal/src/components/widgets/AccountsManagementMenu.tsx @@ -1,4 +1,3 @@ -import AccountIcon from '../molecules/AccountIcon/AccountIcon' import { lookupAccountAddressState, portfolioAccountsState, @@ -8,18 +7,19 @@ import { } from '../../domains/accounts/recoils' import { fiatBalanceGetterState, portfolioBalancesFiatSumState } from '../../domains/balances' import { copyAddressToClipboard } from '../../domains/common/utils' -import { useTheme } from '@emotion/react' import { useOnChainId } from '../../libs/onChainId/hooks/useOnChainId' -import { Chip, CircularProgressIndicator, Hr, IconButton, Menu, SurfaceIcon, Text, Tooltip } from '@talismn/ui' -import { Copy, Ethereum, Eye, EyePlus, TalismanHand, Trash2, Users, Wallet, X } from '@talismn/web-icons' import { shortenAddress } from '../../util/format' import { Maybe } from '../../util/monads' -import { useMemo, type ReactNode } from 'react' -import { useRecoilValue, useRecoilValueLoadable, useResetRecoilState, useSetRecoilState } from 'recoil' +import AccountIcon from '../molecules/AccountIcon/AccountIcon' import AddReadOnlyAccountDialog from './AddReadOnlyAccountDialog' import AnimatedFiatNumber from './AnimatedFiatNumber' import RemoveWatchedAccountConfirmationDialog from './RemoveWatchedAccountConfirmationDialog' import { walletConnectionSideSheetOpenState } from './WalletConnectionSideSheet' +import { useTheme } from '@emotion/react' +import { Chip, CircularProgressIndicator, Hr, IconButton, Menu, SurfaceIcon, Text, Tooltip } from '@talismn/ui' +import { Copy, Ethereum, Eye, EyePlus, TalismanHand, Trash2, Users, Wallet, X } from '@talismn/web-icons' +import { useMemo, type ReactNode } from 'react' +import { useRecoilValue, useRecoilValueLoadable, useResetRecoilState, useSetRecoilState } from 'recoil' const EvmChip = () => { const theme = useTheme() diff --git a/apps/portal/src/components/widgets/AddReadOnlyAccountDialog.tsx b/apps/portal/src/components/widgets/AddReadOnlyAccountDialog.tsx index a991a53e1..99e9b609f 100644 --- a/apps/portal/src/components/widgets/AddReadOnlyAccountDialog.tsx +++ b/apps/portal/src/components/widgets/AddReadOnlyAccountDialog.tsx @@ -1,6 +1,6 @@ -import AddReadOnlyAccountDialogComponent from '../recipes/AddReadOnlyAccountDialog' import { popularAccounts, useAddReadonlyAccountForm, useSetReadonlyAccounts } from '../../domains/accounts' import { isNilOrWhitespace } from '../../util/nil' +import AddReadOnlyAccountDialogComponent from '../recipes/AddReadOnlyAccountDialog' import { useCallback, useState, type ReactNode } from 'react' type AddReadOnlyAccountDialogProps = { diff --git a/apps/portal/src/components/widgets/AnimatedFiatNumber.tsx b/apps/portal/src/components/widgets/AnimatedFiatNumber.tsx index d695b57e3..f27bf2e97 100644 --- a/apps/portal/src/components/widgets/AnimatedFiatNumber.tsx +++ b/apps/portal/src/components/widgets/AnimatedFiatNumber.tsx @@ -1,8 +1,8 @@ +import { selectedCurrencyState } from '../../domains/balances' +import RedactableBalance from './RedactableBalance' import { AnimatedNumber } from '@talismn/ui' import { useMemo } from 'react' -import RedactableBalance from './RedactableBalance' import { useRecoilValue } from 'recoil' -import { selectedCurrencyState } from '../../domains/balances' export type AnimatedFiatNumberProps = { animate?: boolean diff --git a/apps/portal/src/components/widgets/PortfolioAllocationGraph.tsx b/apps/portal/src/components/widgets/PortfolioAllocationGraph.tsx index fb8d3d5bb..9abed39a5 100644 --- a/apps/portal/src/components/widgets/PortfolioAllocationGraph.tsx +++ b/apps/portal/src/components/widgets/PortfolioAllocationGraph.tsx @@ -1,10 +1,10 @@ -import PortfolioAllocationGraphComponent from '../recipes/PortfolioAllocationGraph' import { selectedBalancesFiatSumState, selectedBalancesState, selectedCurrencyState } from '../../domains/balances' +import PortfolioAllocationGraphComponent from '../recipes/PortfolioAllocationGraph' +import AnimatedFiatNumber from './AnimatedFiatNumber' import { HiddenDetails, Text } from '@talismn/ui' import { groupBy } from 'lodash' import { Suspense, useCallback, useMemo, useState } from 'react' import { selector, useRecoilValue } from 'recoil' -import AnimatedFiatNumber from './AnimatedFiatNumber' const assetDataState = selector({ key: 'PortfolioAllocationGraph/AssetData', diff --git a/apps/portal/src/components/widgets/RemoveWatchedAccountConfirmationDialog.tsx b/apps/portal/src/components/widgets/RemoveWatchedAccountConfirmationDialog.tsx index 3f82cde2a..2ffd77008 100644 --- a/apps/portal/src/components/widgets/RemoveWatchedAccountConfirmationDialog.tsx +++ b/apps/portal/src/components/widgets/RemoveWatchedAccountConfirmationDialog.tsx @@ -1,8 +1,8 @@ -import RemoveWatchedAccountConfirmationDialogComponent from '../recipes/RemoveWatchedAccountConfirmationDialog' import { useSetReadonlyAccounts } from '../../domains/accounts/hooks' import { type ReadonlyAccount } from '../../domains/accounts/recoils' import { shortenAddress } from '../../util/format' import { isNilOrWhitespace } from '../../util/nil' +import RemoveWatchedAccountConfirmationDialogComponent from '../recipes/RemoveWatchedAccountConfirmationDialog' import { type ReactNode, useCallback, useState } from 'react' export type RemoveWatchedAccountConfirmationDialogProps = { diff --git a/apps/portal/src/components/widgets/TokenSelectorButton.tsx b/apps/portal/src/components/widgets/TokenSelectorButton.tsx index a1da024c6..cd405a56f 100644 --- a/apps/portal/src/components/widgets/TokenSelectorButton.tsx +++ b/apps/portal/src/components/widgets/TokenSelectorButton.tsx @@ -1,7 +1,7 @@ -import Cryptoticon from '../recipes/Cryptoticon/Cryptoticon' -import TokenSelectorDialog from '../recipes/TokenSelectorDialog' import type { Account } from '../../domains/accounts' import { selectedBalancesState, selectedCurrencyState } from '../../domains/balances' +import Cryptoticon from '../recipes/Cryptoticon/Cryptoticon' +import TokenSelectorDialog from '../recipes/TokenSelectorDialog' import { useTokens } from '@talismn/balances-react' import type { IToken } from '@talismn/chaindata-provider' import { Decimal } from '@talismn/math' diff --git a/apps/portal/src/components/widgets/WalletConnectionSideSheet.tsx b/apps/portal/src/components/widgets/WalletConnectionSideSheet.tsx index b7a395e3c..41d64986c 100644 --- a/apps/portal/src/components/widgets/WalletConnectionSideSheet.tsx +++ b/apps/portal/src/components/widgets/WalletConnectionSideSheet.tsx @@ -6,6 +6,7 @@ import { useInstalledSubstrateWallets, useSubstrateWalletConnect, } from '../../domains/extension' +import AddReadOnlyAccountDialog from './AddReadOnlyAccountDialog' import { ClassNames, useTheme } from '@emotion/react' import { useSignetSdk } from '@talismn/signet-apps-sdk' import { Chip, Hr, ListItem, SIDE_SHEET_WIDE_BREAK_POINT_SELECTOR, SideSheet, Surface, Text } from '@talismn/ui' @@ -13,7 +14,6 @@ import { Ethereum, Eye, Polkadot, Wallet } from '@talismn/web-icons' import { Suspense, useState, type ButtonHTMLAttributes, type DetailedHTMLProps } from 'react' import { atom, useRecoilState } from 'recoil' import { useAccount as useEvmAccount, useDisconnect as useDisconnectEvm } from 'wagmi' -import AddReadOnlyAccountDialog from './AddReadOnlyAccountDialog' const talismanInstalled = 'talismanEth' in globalThis diff --git a/apps/portal/src/components/widgets/WithdrawCrowdloanWidget.tsx b/apps/portal/src/components/widgets/WithdrawCrowdloanWidget.tsx index 1506f6349..d7ce07955 100644 --- a/apps/portal/src/components/widgets/WithdrawCrowdloanWidget.tsx +++ b/apps/portal/src/components/widgets/WithdrawCrowdloanWidget.tsx @@ -1,7 +1,7 @@ -import { WithdrawCrowdloanDialog } from '../recipes/WithdrawCrowdloanDialog' import { type Account } from '../../domains/accounts/recoils' import { substrateApiState, useExtrinsic } from '../../domains/common' import type { Relaychain } from '../../libs/talisman/util/_config' +import { WithdrawCrowdloanDialog } from '../recipes/WithdrawCrowdloanDialog' import { useCallback, useEffect, useMemo, useState, type ReactNode } from 'react' import { useRecoilValueLoadable } from 'recoil' diff --git a/apps/portal/src/components/widgets/development/DevMenu.tsx b/apps/portal/src/components/widgets/development/DevMenu.tsx index 33723aa68..5c0fcc461 100644 --- a/apps/portal/src/components/widgets/development/DevMenu.tsx +++ b/apps/portal/src/components/widgets/development/DevMenu.tsx @@ -1,8 +1,7 @@ -import 'winbox/dist/css/themes/modern.min.css' -import 'winbox/dist/css/winbox.min.css' - import { enableTestnetsState } from '../../../domains/chains' import { toastExtrinsic, useWagmiWriteContract } from '../../../domains/common' +import { debugErrorBoundaryState } from '../ErrorBoundary' +import { counterAbi } from './counterAbi' import RpcError from '@polkadot/rpc-provider/coder/error' import { useSurfaceColor } from '@talismn/ui' import { usePostHog } from 'posthog-js/react' @@ -11,8 +10,8 @@ import { useSessionStorage } from 'react-use' import WinBox, { type WinBoxPropType } from 'react-winbox' import { useRecoilState } from 'recoil' import { sepolia } from 'wagmi/chains' -import { debugErrorBoundaryState } from '../ErrorBoundary' -import { counterAbi } from './counterAbi' +import 'winbox/dist/css/themes/modern.min.css' +import 'winbox/dist/css/winbox.min.css' const InsufficientFeeToast = () => { return ( diff --git a/apps/portal/src/components/widgets/dex/SwapForm.tsx b/apps/portal/src/components/widgets/dex/SwapForm.tsx index 50ec4fb59..e061d0723 100644 --- a/apps/portal/src/components/widgets/dex/SwapForm.tsx +++ b/apps/portal/src/components/widgets/dex/SwapForm.tsx @@ -1,10 +1,10 @@ -import DexForm from '../../recipes/DexForm/DexForm' import { writeableAccountsState } from '../../../domains/accounts' +import DexForm from '../../recipes/DexForm/DexForm' +import AccountSelector from '../AccountSelector' +import TokenSelectorButton from '../TokenSelectorButton' import { useState } from 'react' import { Link } from 'react-router-dom' import { useRecoilValue } from 'recoil' -import AccountSelector from '../AccountSelector' -import TokenSelectorButton from '../TokenSelectorButton' const SwapForm = () => { const [account, setAccount] = useState(useRecoilValue(writeableAccountsState).at(0)) diff --git a/apps/portal/src/components/widgets/dex/TransportForm.tsx b/apps/portal/src/components/widgets/dex/TransportForm.tsx index ba59969a2..84a38a230 100644 --- a/apps/portal/src/components/widgets/dex/TransportForm.tsx +++ b/apps/portal/src/components/widgets/dex/TransportForm.tsx @@ -1,5 +1,3 @@ -import { FixedPointNumber } from '@acala-network/sdk-core' -import DexForm from '../../recipes/DexForm/DexForm' import { writeableAccountsState, writeableEvmAccountsState, @@ -9,6 +7,12 @@ import { import { bridgeAdapterState, bridgeState } from '../../../domains/bridge' import { tokenPriceState } from '../../../domains/chains' import { useExtrinsic } from '../../../domains/common' +import { Maybe } from '../../../util/monads' +import DexForm from '../../recipes/DexForm/DexForm' +import { useAccountSelector } from '../AccountSelector' +import AnimatedFiatNumber from '../AnimatedFiatNumber' +import TokenSelectorButton from '../TokenSelectorButton' +import { FixedPointNumber } from '@acala-network/sdk-core' import { type SubmittableExtrinsic } from '@polkadot/api/types' import { type ISubmittableResult } from '@polkadot/types/types' import { type Chain, type InputConfig } from '@polkawallet/bridge' @@ -16,14 +20,10 @@ import * as Sentry from '@sentry/react' import { useTokens as useBalancesLibTokens } from '@talismn/balances-react' import { Decimal } from '@talismn/math' import { CircularProgressIndicator, toast } from '@talismn/ui' -import { Maybe } from '../../../util/monads' import { uniqBy } from 'lodash' import { useCallback, useEffect, useMemo, useState } from 'react' import { RecoilLoadable, constSelector, useRecoilValue, useRecoilValueLoadable, type Loadable } from 'recoil' import { Observable } from 'rxjs' -import { useAccountSelector } from '../AccountSelector' -import AnimatedFiatNumber from '../AnimatedFiatNumber' -import TokenSelectorButton from '../TokenSelectorButton' const TransportForm = () => { const bridge = useRecoilValue(bridgeState) diff --git a/apps/portal/src/components/widgets/history/ExportTxHistoryWidget.tsx b/apps/portal/src/components/widgets/history/ExportTxHistoryWidget.tsx index 1a2bc8dfa..29262be47 100644 --- a/apps/portal/src/components/widgets/history/ExportTxHistoryWidget.tsx +++ b/apps/portal/src/components/widgets/history/ExportTxHistoryWidget.tsx @@ -1,5 +1,6 @@ -import DialogComponent from '../../recipes/ExportTxHistoryDialog' +import { graphql } from '../../../../generated/gql/extrinsicHistory/gql' import { accountsState } from '../../../domains/accounts/recoils' +import DialogComponent from '../../recipes/ExportTxHistoryDialog' import * as Sentry from '@sentry/react' import { toast } from '@talismn/ui' import { stringify } from 'csv-stringify/browser/esm' @@ -7,7 +8,6 @@ import { differenceInYears, subMonths } from 'date-fns' import { request } from 'graphql-request' import { useCallback, useMemo, useState, type ReactNode } from 'react' import { useRecoilValue } from 'recoil' -import { graphql } from '../../../../generated/gql/extrinsicHistory/gql' export type ExportTxHistoryWidgetProps = { children: (props: { onToggleOpen: () => unknown }) => ReactNode diff --git a/apps/portal/src/components/widgets/history/History.tsx b/apps/portal/src/components/widgets/history/History.tsx index df22369d3..467901509 100644 --- a/apps/portal/src/components/widgets/history/History.tsx +++ b/apps/portal/src/components/widgets/history/History.tsx @@ -1,18 +1,18 @@ +import { ExtrinsicOrderByInput } from '../../../../generated/gql/extrinsicHistory/gql/graphql' +import { accountsState, selectedAccountsState, type Account } from '../../../domains/accounts' +import { Maybe } from '../../../util/monads' import { ExtrinsicDetailsSideSheet, type ExtrinsicDetailsSideSheetProps } from '../../recipes/ExtrinsicDetailsSideSheet' import TransactionLineItem, { TransactionList } from '../../recipes/TransactionLineItem' -import { accountsState, selectedAccountsState, type Account } from '../../../domains/accounts' +import { graphql } from './../../../../generated/gql/extrinsicHistory/gql' +import HistoryExportFloatingActionButton from './HistoryExportFloatingActionButton' +import { getExtrinsicTotalAmount, type ExtrinsicNode } from './utils' import { CircularProgressIndicator, Text } from '@talismn/ui' import { encodeAnyAddress } from '@talismn/util' -import { Maybe } from '../../../util/monads' import request from 'graphql-request' import { isNil } from 'lodash' import { useCallback, useMemo, useState } from 'react' import InfiniteScroll from 'react-infinite-scroller' import { useRecoilValue } from 'recoil' -import { ExtrinsicOrderByInput } from '../../../../generated/gql/extrinsicHistory/gql/graphql' -import { graphql } from './../../../../generated/gql/extrinsicHistory/gql' -import HistoryExportFloatingActionButton from './HistoryExportFloatingActionButton' -import { getExtrinsicTotalAmount, type ExtrinsicNode } from './utils' type HistoryProps = { accounts?: Account[] diff --git a/apps/portal/src/components/widgets/history/HistoryExportFloatingActionButton.tsx b/apps/portal/src/components/widgets/history/HistoryExportFloatingActionButton.tsx index 2ee5a2bd4..2a8f66fd3 100644 --- a/apps/portal/src/components/widgets/history/HistoryExportFloatingActionButton.tsx +++ b/apps/portal/src/components/widgets/history/HistoryExportFloatingActionButton.tsx @@ -1,11 +1,11 @@ -import ExportHistoryAlertDialog from '../../recipes/ExportHistoryAlertDialog' import type { Account } from '../../../domains/accounts' +import ExportHistoryAlertDialog from '../../recipes/ExportHistoryAlertDialog' +import { getExtrinsicBalanceChangeAmount, getExtrinsicTotalAmount, type ExtrinsicNode } from './utils' import * as Sentry from '@sentry/react' import { Button, FloatingActionButtonPortal, toast } from '@talismn/ui' import { encodeAnyAddress } from '@talismn/util' import { stringify as stringifyCsv } from 'csv-stringify/browser/esm' import { useMemo, useState } from 'react' -import { getExtrinsicBalanceChangeAmount, getExtrinsicTotalAmount, type ExtrinsicNode } from './utils' type HistoryExportFloatingActionButtonProps = { accounts: Account[] diff --git a/apps/portal/src/components/widgets/history/utils.ts b/apps/portal/src/components/widgets/history/utils.ts index ca4591465..22c905348 100644 --- a/apps/portal/src/components/widgets/history/utils.ts +++ b/apps/portal/src/components/widgets/history/utils.ts @@ -1,7 +1,7 @@ +import type { ExtrinsicsQuery } from '../../../../generated/gql/extrinsicHistory/gql/graphql' import { type Account } from '../../../domains/accounts' import { encodeAnyAddress } from '@talismn/util' import BigNumber from 'bignumber.js' -import type { ExtrinsicsQuery } from '../../../../generated/gql/extrinsicHistory/gql/graphql' export type ExtrinsicNode = ExtrinsicsQuery['extrinsics']['edges'][number]['node'] diff --git a/apps/portal/src/components/widgets/staking/StakeProviders.tsx b/apps/portal/src/components/widgets/staking/StakeProviders.tsx index 49beaa8ec..b6e3b4c6c 100644 --- a/apps/portal/src/components/widgets/staking/StakeProviders.tsx +++ b/apps/portal/src/components/widgets/staking/StakeProviders.tsx @@ -1,9 +1,9 @@ -import NominationPoolsStakeProviders from './substrate/StakeProviders' -import LidoStakeProviders from './lido/StakeProviders' -import SlpxStakeProviders from './slpx/StakeProviders' import { StakeProviderList } from '../../recipes/StakeProvider' -import DappStakingProviders from './dappStaking/StakeProviders' import ErrorBoundary from '../ErrorBoundary' +import DappStakingProviders from './dappStaking/StakeProviders' +import LidoStakeProviders from './lido/StakeProviders' +import SlpxStakeProviders from './slpx/StakeProviders' +import NominationPoolsStakeProviders from './substrate/StakeProviders' const StakeProviders = () => { return ( diff --git a/apps/portal/src/components/widgets/staking/Stakes.tsx b/apps/portal/src/components/widgets/staking/Stakes.tsx index 1cf0d9288..f70bd541a 100644 --- a/apps/portal/src/components/widgets/staking/Stakes.tsx +++ b/apps/portal/src/components/widgets/staking/Stakes.tsx @@ -1,11 +1,7 @@ -import SectionHeader from '../../molecules/SectionHeader' -import StakePosition, { StakePositionList } from '../../recipes/StakePosition' import { ChainProvider, nominationPoolsEnabledChainsState } from '../../../domains/chains' import { useTotalStaked } from '../../../domains/staking' -import { Button, HiddenDetails, Text } from '@talismn/ui' -import { Fragment, Suspense, type PropsWithChildren } from 'react' -import { Link } from 'react-router-dom' -import { useRecoilValue } from 'recoil' +import SectionHeader from '../../molecules/SectionHeader' +import StakePosition, { StakePositionList } from '../../recipes/StakePosition' import AnimatedFiatNumber from '../AnimatedFiatNumber' import ErrorBoundary from '../ErrorBoundary' import DappStakes from './dappStaking/Stakes' @@ -13,6 +9,10 @@ import LidoStakes from './lido/Stakes' import SlpxStakes from './slpx/Stakes' import PoolStakes from './substrate/PoolStakes' import ValidatorStakes from './substrate/ValidatorStakes' +import { Button, HiddenDetails, Text } from '@talismn/ui' +import { Fragment, Suspense, type PropsWithChildren } from 'react' +import { Link } from 'react-router-dom' +import { useRecoilValue } from 'recoil' const NoStakePrompt = (props: { className?: string }) => (
diff --git a/apps/portal/src/components/widgets/staking/dappStaking/AddStakeDialog.tsx b/apps/portal/src/components/widgets/staking/dappStaking/AddStakeDialog.tsx index c3bc17448..18d2aec24 100644 --- a/apps/portal/src/components/widgets/staking/dappStaking/AddStakeDialog.tsx +++ b/apps/portal/src/components/widgets/staking/dappStaking/AddStakeDialog.tsx @@ -1,11 +1,11 @@ -import { DappStakingAddStakeDialog } from '../../../recipes/AddStakeDialog' import type { Account } from '../../../../domains/accounts' import { useExtrinsicInBlockOrErrorEffect } from '../../../../domains/common' import { useAddStakeForm, type Stake } from '../../../../domains/staking/dappStaking' +import { DappStakingAddStakeDialog } from '../../../recipes/AddStakeDialog' +import DappPickerDialog from './DappPickerDialog' import type { AstarPrimitivesDappStakingSmartContract } from '@polkadot/types/lookup' import { CircularProgressIndicator } from '@talismn/ui' import { useState } from 'react' -import DappPickerDialog from './DappPickerDialog' type DappAddStakeDialogProps = { account: Account diff --git a/apps/portal/src/components/widgets/staking/dappStaking/DappPickerDialog.tsx b/apps/portal/src/components/widgets/staking/dappStaking/DappPickerDialog.tsx index c2a87dfce..ed9c0b1a4 100644 --- a/apps/portal/src/components/widgets/staking/dappStaking/DappPickerDialog.tsx +++ b/apps/portal/src/components/widgets/staking/dappStaking/DappPickerDialog.tsx @@ -1,9 +1,9 @@ import { useNativeTokenAmountState } from '../../../../domains/chains' import type { Stake } from '../../../../domains/staking/dappStaking' import { useRegisteredDappsState } from '../../../../domains/staking/dappStaking/recoils' +import { shortenAddress } from '../../../../util/format' import type { AstarPrimitivesDappStakingSmartContract } from '@polkadot/types/lookup' import { AlertDialog, CircularProgressIndicator, Clickable, Surface, Text } from '@talismn/ui' -import { shortenAddress } from '../../../../util/format' import { useState, useTransition, type ReactNode } from 'react' import { useRecoilValue, waitForAll } from 'recoil' diff --git a/apps/portal/src/components/widgets/staking/dappStaking/StakeProviders.tsx b/apps/portal/src/components/widgets/staking/dappStaking/StakeProviders.tsx index 344655361..614aa1949 100644 --- a/apps/portal/src/components/widgets/staking/dappStaking/StakeProviders.tsx +++ b/apps/portal/src/components/widgets/staking/dappStaking/StakeProviders.tsx @@ -1,18 +1,18 @@ -import StakeProvider from '../../../recipes/StakeProvider' -import AnimatedFiatNumber from '../../AnimatedFiatNumber' -import RedactableBalance from '../../RedactableBalance' import { selectedSubstrateAccountsState } from '../../../../domains/accounts' import { ChainProvider, dappStakingEnabledChainsState, useChainState } from '../../../../domains/chains' import { chainDeriveState, substrateApiState, useTokenAmountFromPlanck } from '../../../../domains/common' import { useApr } from '../../../../domains/staking/dappStaking' +import { Maybe } from '../../../../util/monads' +import StakeProvider from '../../../recipes/StakeProvider' +import AnimatedFiatNumber from '../../AnimatedFiatNumber' +import RedactableBalance from '../../RedactableBalance' +import UnlockDuration from './UnlockDuration' import { Decimal } from '@talismn/math' import { usePolkadotApiId, useQueryState } from '@talismn/react-polkadot-api' -import { Maybe } from '../../../../util/monads' import BigNumber from 'bignumber.js' import { useMemo } from 'react' import { Link } from 'react-router-dom' import { useRecoilValue, waitForAll } from 'recoil' -import UnlockDuration from './UnlockDuration' const Apr = () => ( <> diff --git a/apps/portal/src/components/widgets/staking/dappStaking/StakeSideSheet.tsx b/apps/portal/src/components/widgets/staking/dappStaking/StakeSideSheet.tsx index 2d6990460..4540dd91d 100644 --- a/apps/portal/src/components/widgets/staking/dappStaking/StakeSideSheet.tsx +++ b/apps/portal/src/components/widgets/staking/dappStaking/StakeSideSheet.tsx @@ -1,8 +1,3 @@ -import { TalismanHandLoader } from '../../../legacy/TalismanHandLoader' -import DappStakingForm, { DappStakingSideSheet } from '../../../recipes/DappStakingForm' -import { DappSelectorDialog as DappSelectorDialogComponent } from '../../../recipes/StakeTargetSelectorDialog' -import { useAccountSelector } from '../../AccountSelector' -import ErrorBoundary from '../../ErrorBoundary' import { writeableSubstrateAccountsState, type Account } from '../../../../domains/accounts' import { ChainProvider, @@ -20,15 +15,20 @@ import { useStake, type DappInfo, } from '../../../../domains/staking/dappStaking' +import { Maybe } from '../../../../util/monads' +import { TalismanHandLoader } from '../../../legacy/TalismanHandLoader' +import DappStakingForm, { DappStakingSideSheet } from '../../../recipes/DappStakingForm' +import { DappSelectorDialog as DappSelectorDialogComponent } from '../../../recipes/StakeTargetSelectorDialog' +import { useAccountSelector } from '../../AccountSelector' +import ErrorBoundary from '../../ErrorBoundary' +import UnlockDuration from './UnlockDuration' import type { AstarPrimitivesDappStakingSmartContract } from '@polkadot/types/lookup' import { useQueryState } from '@talismn/react-polkadot-api' import { CircularProgressIndicator, Select } from '@talismn/ui' -import { Maybe } from '../../../../util/monads' import BN from 'bn.js' import { Suspense, useMemo, useState, useTransition, type ReactNode } from 'react' import { useSearchParams } from 'react-router-dom' import { useRecoilValue, waitForAll } from 'recoil' -import UnlockDuration from './UnlockDuration' type DappSelectorDialogProps = { selectedDapp?: DappInfo diff --git a/apps/portal/src/components/widgets/staking/dappStaking/Stakes.tsx b/apps/portal/src/components/widgets/staking/dappStaking/Stakes.tsx index 3671ea9e7..bbd644b9f 100644 --- a/apps/portal/src/components/widgets/staking/dappStaking/Stakes.tsx +++ b/apps/portal/src/components/widgets/staking/dappStaking/Stakes.tsx @@ -1,16 +1,16 @@ -import DappStakingLockedAmountDialog from '../../../recipes/DappStakingLockedAmountDialog' -import StakePosition from '../../../recipes/StakePosition' -import ErrorBoundary from '../../ErrorBoundary' import { selectedSubstrateAccountsState, type Account } from '../../../../domains/accounts' import { ChainProvider, dappStakingEnabledChainsState, useChainState } from '../../../../domains/chains' import { useExtrinsic } from '../../../../domains/common' import { useClaimAllRewardsExtrinsic, useRegisteredDappsState, useStake } from '../../../../domains/staking/dappStaking' -import { useState, useTransition } from 'react' -import { useNavigate } from 'react-router-dom' -import { useRecoilValue, useRecoilValueLoadable } from 'recoil' +import DappStakingLockedAmountDialog from '../../../recipes/DappStakingLockedAmountDialog' +import StakePosition from '../../../recipes/StakePosition' +import ErrorBoundary from '../../ErrorBoundary' import AddStakeDialog from './AddStakeDialog' import UnlockDuration from './UnlockDuration' import UnstakeDialog from './UnstakeDialog' +import { useState, useTransition } from 'react' +import { useNavigate } from 'react-router-dom' +import { useRecoilValue, useRecoilValueLoadable } from 'recoil' const Stake = ({ account }: { account: Account }) => { // Pre-load potentially heavy query diff --git a/apps/portal/src/components/widgets/staking/dappStaking/UnstakeDialog.tsx b/apps/portal/src/components/widgets/staking/dappStaking/UnstakeDialog.tsx index e11fdb67b..34dd4f213 100644 --- a/apps/portal/src/components/widgets/staking/dappStaking/UnstakeDialog.tsx +++ b/apps/portal/src/components/widgets/staking/dappStaking/UnstakeDialog.tsx @@ -1,12 +1,12 @@ -import UnstakeDialogComponent from '../../../recipes/UnstakeDialog' import type { Account } from '../../../../domains/accounts' import { useExtrinsicInBlockOrErrorEffect } from '../../../../domains/common' import { useUnstakeForm, type Stake } from '../../../../domains/staking/dappStaking' +import UnstakeDialogComponent from '../../../recipes/UnstakeDialog' +import DappPickerDialog from './DappPickerDialog' +import UnlockDuration from './UnlockDuration' import type { AstarPrimitivesDappStakingSmartContract } from '@polkadot/types/lookup' import { CircularProgressIndicator } from '@talismn/ui' import { useState } from 'react' -import DappPickerDialog from './DappPickerDialog' -import UnlockDuration from './UnlockDuration' type DappUnstakeDialogProps = { account: Account diff --git a/apps/portal/src/components/widgets/staking/lido/LidoWidgetSideSheet.tsx b/apps/portal/src/components/widgets/staking/lido/LidoWidgetSideSheet.tsx index ff2333d7b..8ed598a2f 100644 --- a/apps/portal/src/components/widgets/staking/lido/LidoWidgetSideSheet.tsx +++ b/apps/portal/src/components/widgets/staking/lido/LidoWidgetSideSheet.tsx @@ -1,7 +1,7 @@ import type { LidoSuite } from '../../../../domains/staking/lido' import { ClassNames } from '@emotion/react' -import { Zap } from '@talismn/web-icons' import { SideSheet, SIDE_SHEET_WIDE_BREAK_POINT_SELECTOR } from '@talismn/ui' +import { Zap } from '@talismn/web-icons' import { useEffect } from 'react' import { useAccount, useSwitchChain } from 'wagmi' diff --git a/apps/portal/src/components/widgets/staking/lido/StakeProviders.tsx b/apps/portal/src/components/widgets/staking/lido/StakeProviders.tsx index d903f299f..aa2a0c960 100644 --- a/apps/portal/src/components/widgets/staking/lido/StakeProviders.tsx +++ b/apps/portal/src/components/widgets/staking/lido/StakeProviders.tsx @@ -1,10 +1,10 @@ +import { selectedBalancesState, selectedCurrencyState } from '../../../../domains/balances' +import { type LidoSuite } from '../../../../domains/staking/lido' +import { lidoAprState, lidoSuitesState } from '../../../../domains/staking/lido/recoils' import StakeProvider from '../../../recipes/StakeProvider' import AnimatedFiatNumber from '../../AnimatedFiatNumber' import ErrorBoundary from '../../ErrorBoundary' import RedactableBalance from '../../RedactableBalance' -import { selectedBalancesState, selectedCurrencyState } from '../../../../domains/balances' -import { type LidoSuite } from '../../../../domains/staking/lido' -import { lidoAprState, lidoSuitesState } from '../../../../domains/staking/lido/recoils' import { githubChainLogoUrl } from '@talismn/chaindata-provider' import { Decimal } from '@talismn/math' import { useSuspenseQuery } from '@tanstack/react-query' diff --git a/apps/portal/src/components/widgets/staking/lido/StakeSideSheet.tsx b/apps/portal/src/components/widgets/staking/lido/StakeSideSheet.tsx index 37bb29d63..ddeb5519f 100644 --- a/apps/portal/src/components/widgets/staking/lido/StakeSideSheet.tsx +++ b/apps/portal/src/components/widgets/staking/lido/StakeSideSheet.tsx @@ -1,8 +1,8 @@ import { lidoSuitesState } from '../../../../domains/staking/lido/recoils' +import LidoWidgetSideSheet from './LidoWidgetSideSheet' import { useMemo } from 'react' import { useSearchParams } from 'react-router-dom' import { useRecoilValue } from 'recoil' -import LidoWidgetSideSheet from './LidoWidgetSideSheet' const StakeSideSheet = () => { const lidoSuites = useRecoilValue(lidoSuitesState) diff --git a/apps/portal/src/components/widgets/staking/lido/Stakes.tsx b/apps/portal/src/components/widgets/staking/lido/Stakes.tsx index 0e740f732..530d3b682 100644 --- a/apps/portal/src/components/widgets/staking/lido/Stakes.tsx +++ b/apps/portal/src/components/widgets/staking/lido/Stakes.tsx @@ -1,12 +1,12 @@ -import StakePosition from '../../../recipes/StakePosition' -import AnimatedFiatNumber from '../../AnimatedFiatNumber' -import RedactableBalance from '../../RedactableBalance' import { selectedEvmAccountsState } from '../../../../domains/accounts' import { useStakes, type LidoSuite } from '../../../../domains/staking/lido' import { lidoSuitesState } from '../../../../domains/staking/lido/recoils' +import StakePosition from '../../../recipes/StakePosition' +import AnimatedFiatNumber from '../../AnimatedFiatNumber' +import RedactableBalance from '../../RedactableBalance' +import LidoWidgetSideSheet from './LidoWidgetSideSheet' import { useState } from 'react' import { useRecoilValue } from 'recoil' -import LidoWidgetSideSheet from './LidoWidgetSideSheet' const IncreaseStakeSideSheet = (props: { onRequestDismiss: () => unknown; lidoSuite: LidoSuite }) => ( { const [balances, currency] = useRecoilValue(waitForAll([selectedBalancesState, selectedCurrencyState])) diff --git a/apps/portal/src/components/widgets/staking/slpx/StakeSideSheet.tsx b/apps/portal/src/components/widgets/staking/slpx/StakeSideSheet.tsx index e38bfd885..d05bbc112 100644 --- a/apps/portal/src/components/widgets/staking/slpx/StakeSideSheet.tsx +++ b/apps/portal/src/components/widgets/staking/slpx/StakeSideSheet.tsx @@ -1,9 +1,11 @@ -import { SlpxAddStakeForm } from '../../../recipes/AddStakeDialog' -import { useAccountSelector } from '../../AccountSelector' import { evmSignableAccountsState } from '../../../../domains/accounts' import { ChainProvider } from '../../../../domains/chains' import { slpxPairsState, useMintForm, type SlpxPair } from '../../../../domains/staking/slpx' -import { Zap } from '@talismn/web-icons' +import { Maybe } from '../../../../util/monads' +import { SlpxAddStakeForm } from '../../../recipes/AddStakeDialog' +import { useAccountSelector } from '../../AccountSelector' +import Apr from './Apr' +import UnlockDuration from './UnlockDuration' import { CircularProgressIndicator, InfoCard, @@ -12,12 +14,10 @@ import { Surface, Text, } from '@talismn/ui' -import { Maybe } from '../../../../util/monads' +import { Zap } from '@talismn/web-icons' import { Suspense, useMemo } from 'react' import { useSearchParams } from 'react-router-dom' import { useRecoilValue } from 'recoil' -import Apr from './Apr' -import UnlockDuration from './UnlockDuration' type AddStakeSideSheetProps = { slpxPair: SlpxPair diff --git a/apps/portal/src/components/widgets/staking/slpx/Stakes.tsx b/apps/portal/src/components/widgets/staking/slpx/Stakes.tsx index a068cd74f..fb4090bd6 100644 --- a/apps/portal/src/components/widgets/staking/slpx/Stakes.tsx +++ b/apps/portal/src/components/widgets/staking/slpx/Stakes.tsx @@ -1,17 +1,16 @@ -import StakePosition from '../../../recipes/StakePosition' -import ErrorBoundary from '../../ErrorBoundary' import { selectedEvmAccountsState } from '../../../../domains/accounts' -import { useStakes } from '../../../../domains/staking/slpx/core' -import { useState } from 'react' - -import AnimatedFiatNumber from '../../AnimatedFiatNumber' -import RedactableBalance from '../../RedactableBalance' import { ChainProvider } from '../../../../domains/chains' import { slpxPairsState } from '../../../../domains/staking/slpx' +import { useStakes } from '../../../../domains/staking/slpx/core' import type { SlpxPair } from '../../../../domains/staking/slpx/types' -import { useRecoilValue } from 'recoil' +import StakePosition from '../../../recipes/StakePosition' +import AnimatedFiatNumber from '../../AnimatedFiatNumber' +import ErrorBoundary from '../../ErrorBoundary' +import RedactableBalance from '../../RedactableBalance' import AddStakeDialog from './AddStakeDialog' import UnstakeDialog from './UnstakeDialog' +import { useState } from 'react' +import { useRecoilValue } from 'recoil' const Stake = (props: { slpxPair: SlpxPair; position: ReturnType[number] }) => { const [increaseStakeDialogOpen, setIncreaseStakeDialogOpen] = useState(false) diff --git a/apps/portal/src/components/widgets/staking/slpx/UnstakeDialog.tsx b/apps/portal/src/components/widgets/staking/slpx/UnstakeDialog.tsx index fd01c1ce5..5e6043bac 100644 --- a/apps/portal/src/components/widgets/staking/slpx/UnstakeDialog.tsx +++ b/apps/portal/src/components/widgets/staking/slpx/UnstakeDialog.tsx @@ -1,9 +1,9 @@ -import { SlpxUnstakeDialog } from '../../../recipes/UnstakeDialog' import { type Account } from '../../../../domains/accounts' import { useRedeemForm, type SlpxPair } from '../../../../domains/staking/slpx' import { Maybe } from '../../../../util/monads' -import { Suspense, useEffect } from 'react' +import { SlpxUnstakeDialog } from '../../../recipes/UnstakeDialog' import UnlockDuration from './UnlockDuration' +import { Suspense, useEffect } from 'react' type UnstakeDialogProps = { account?: Account diff --git a/apps/portal/src/components/widgets/staking/substrate/AddStakeDialog.tsx b/apps/portal/src/components/widgets/staking/substrate/AddStakeDialog.tsx index 0b3615f80..b7f2df279 100644 --- a/apps/portal/src/components/widgets/staking/substrate/AddStakeDialog.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/AddStakeDialog.tsx @@ -1,6 +1,6 @@ -import { NominationPoolsAddStakeDialog } from '../../../recipes/AddStakeDialog' import { useExtrinsic, useExtrinsicInBlockOrErrorEffect } from '../../../../domains/common' import { usePoolAddForm } from '../../../../domains/staking/substrate/nominationPools/hooks' +import { NominationPoolsAddStakeDialog } from '../../../recipes/AddStakeDialog' const AddStakeDialog = (props: { account?: string; onDismiss: () => unknown }) => { const { diff --git a/apps/portal/src/components/widgets/staking/substrate/ClaimStakeDialog.tsx b/apps/portal/src/components/widgets/staking/substrate/ClaimStakeDialog.tsx index 9597e6c28..879ab4058 100644 --- a/apps/portal/src/components/widgets/staking/substrate/ClaimStakeDialog.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/ClaimStakeDialog.tsx @@ -1,7 +1,7 @@ -import ClaimStakeDialogComponent from '../../../recipes/ClaimStakeDialog' import type { Account } from '../../../../domains/accounts' import { useExtrinsic, useTokenAmountFromPlanck, type SubmittableResultLoadable } from '../../../../domains/common' import { usePoolStakes } from '../../../../domains/staking/substrate/nominationPools' +import ClaimStakeDialogComponent from '../../../recipes/ClaimStakeDialog' import { useEffect } from 'react' type ClaimStakeDialogProps = { diff --git a/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStakeSideSheet.tsx b/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStakeSideSheet.tsx index 966535006..e8cbec3bd 100644 --- a/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStakeSideSheet.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStakeSideSheet.tsx @@ -1,18 +1,17 @@ -import StakeDialogComponent from '../../../recipes/StakeDialog' +import { ChainProvider } from '../../../../domains/chains' import { nominationPoolsEnabledChainsState, type ChainInfo } from '../../../../domains/chains/recoils' import { useEraEtaFormatter } from '../../../../domains/common/hooks' +import { useApr } from '../../../../domains/staking/substrate/nominationPools' +import StakeDialogComponent from '../../../recipes/StakeDialog' +import StakeForm from '../../../recipes/StakeForm/StakeForm' +import ErrorBoundary from '../../ErrorBoundary' +import { AssetSelect, ControlledStakeForm } from './StakeForm' import { CircularProgressIndicator } from '@talismn/ui' import BN from 'bn.js' import { Suspense, useState, useTransition } from 'react' import { useSearchParams } from 'react-router-dom' import { useRecoilValue } from 'recoil' -import StakeForm from '../../../recipes/StakeForm/StakeForm' -import { ChainProvider } from '../../../../domains/chains' -import { useApr } from '../../../../domains/staking/substrate/nominationPools' -import ErrorBoundary from '../../ErrorBoundary' -import { AssetSelect, ControlledStakeForm } from './StakeForm' - const Rewards = () => { return <>{useApr().toLocaleString(undefined, { style: 'percent', maximumFractionDigits: 2 })} } diff --git a/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStatisticsSideSheet.tsx b/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStatisticsSideSheet.tsx index f550494ad..f03285bdb 100644 --- a/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStatisticsSideSheet.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/NominationPoolsStatisticsSideSheet.tsx @@ -1,6 +1,3 @@ -import AccountIcon from '../../../molecules/AccountIcon' -import type { StakeStatus } from '../../../recipes/StakeStatusIndicator' -import RedactableBalance from '../../RedactableBalance' import type { Account } from '../../../../domains/accounts' import { useChainState, useNativeTokenDecimalState } from '../../../../domains/chains' import { useEraEtaFormatter, useSubstrateApiState, useTokenAmountFromPlanck } from '../../../../domains/common' @@ -12,9 +9,12 @@ import { usePoolStakes, type DerivedPool, } from '../../../../domains/staking/substrate/nominationPools' +import { shortenAddress } from '../../../../util/format' +import AccountIcon from '../../../molecules/AccountIcon' +import type { StakeStatus } from '../../../recipes/StakeStatusIndicator' +import RedactableBalance from '../../RedactableBalance' import { useTheme } from '@emotion/react' import { encodeAddress } from '@polkadot/util-crypto' -import { BarChart, Clock, Earn, ExternalLink, Percent, Zap } from '@talismn/web-icons' import { DescriptionList, ListItem, @@ -24,7 +24,7 @@ import { TonalIcon, useSurfaceColorAtElevation, } from '@talismn/ui' -import { shortenAddress } from '../../../../util/format' +import { BarChart, Clock, Earn, ExternalLink, Percent, Zap } from '@talismn/web-icons' import { eachDayOfInterval, isSameDay, subDays } from 'date-fns' import { useMemo, type ReactNode } from 'react' import { useRecoilValue, waitForAll } from 'recoil' diff --git a/apps/portal/src/components/widgets/staking/substrate/PoolClaimPermissionDialog.tsx b/apps/portal/src/components/widgets/staking/substrate/PoolClaimPermissionDialog.tsx index 59649978a..a70eff30b 100644 --- a/apps/portal/src/components/widgets/staking/substrate/PoolClaimPermissionDialog.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/PoolClaimPermissionDialog.tsx @@ -1,9 +1,9 @@ -import PoolClaimPermissionFormComponent, { - PoolClaimPermissionDialog as PoolClaimPermissionDialogComponent, -} from '../../../recipes/PoolClaimPermissionForm' import type { Account } from '../../../../domains/accounts' import { assertChain, useChainState } from '../../../../domains/chains' import { useExtrinsic, useExtrinsicInBlockOrErrorEffect } from '../../../../domains/common' +import PoolClaimPermissionFormComponent, { + PoolClaimPermissionDialog as PoolClaimPermissionDialogComponent, +} from '../../../recipes/PoolClaimPermissionForm' import { useQueryMultiState } from '@talismn/react-polkadot-api' import { useState } from 'react' import { useRecoilValue } from 'recoil' diff --git a/apps/portal/src/components/widgets/staking/substrate/PoolStakeItem.tsx b/apps/portal/src/components/widgets/staking/substrate/PoolStakeItem.tsx index d056317c5..441ae19af 100644 --- a/apps/portal/src/components/widgets/staking/substrate/PoolStakeItem.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/PoolStakeItem.tsx @@ -1,11 +1,8 @@ -import StakePosition from '../../../recipes/StakePosition' import { type Account } from '../../../../domains/accounts' import { useChainState, useNativeTokenDecimalState, useNativeTokenPriceState } from '../../../../domains/chains' import { useEraEtaFormatter, useExtrinsic, useSubmittableResultLoadableState } from '../../../../domains/common' import { type usePoolStakes } from '../../../../domains/staking/substrate/nominationPools' -import { CircularProgressIndicator } from '@talismn/ui' -import { useCallback, useState, useTransition } from 'react' -import { useRecoilValue, waitForAll } from 'recoil' +import StakePosition from '../../../recipes/StakePosition' import AnimatedFiatNumber from '../../AnimatedFiatNumber' import RedactableBalance from '../../RedactableBalance' import AddStakeDialog from './AddStakeDialog' @@ -13,6 +10,9 @@ import ClaimStakeDialog from './ClaimStakeDialog' import NominationPoolsStatisticsSideSheet from './NominationPoolsStatisticsSideSheet' import PoolClaimPermissionDialog from './PoolClaimPermissionDialog' import UnstakeDialog from './UnstakeDialog' +import { CircularProgressIndicator } from '@talismn/ui' +import { useCallback, useState, useTransition } from 'react' +import { useRecoilValue, waitForAll } from 'recoil' const PoolStakeItem = ({ item }: { item: ReturnType>[number] }) => { const [chain, decimal, nativeTokenPrice] = useRecoilValue( diff --git a/apps/portal/src/components/widgets/staking/substrate/PoolStakes.tsx b/apps/portal/src/components/widgets/staking/substrate/PoolStakes.tsx index 4f7bddade..df5e1f28b 100644 --- a/apps/portal/src/components/widgets/staking/substrate/PoolStakes.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/PoolStakes.tsx @@ -1,8 +1,8 @@ import { selectedSubstrateAccountsState } from '../../../../domains/accounts' import { usePoolStakes } from '../../../../domains/staking/substrate/nominationPools/hooks' -import { useRecoilValue } from 'recoil' -import PoolStakeItem from './PoolStakeItem' import ErrorBoundary from '../../ErrorBoundary' +import PoolStakeItem from './PoolStakeItem' +import { useRecoilValue } from 'recoil' const PoolStakes = () => { const pools = usePoolStakes(useRecoilValue(selectedSubstrateAccountsState)) diff --git a/apps/portal/src/components/widgets/staking/substrate/StakeCalculatorDialog.tsx b/apps/portal/src/components/widgets/staking/substrate/StakeCalculatorDialog.tsx index 79373b572..20b7f8f52 100644 --- a/apps/portal/src/components/widgets/staking/substrate/StakeCalculatorDialog.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/StakeCalculatorDialog.tsx @@ -1,12 +1,12 @@ -import StakeCalculatorDialogComponent from '../../../recipes/StakeCalculatorDialog' import { ChainProvider, nominationPoolsEnabledChainsState, useChainState } from '../../../../domains/chains' import { useTokenAmount, useTokenAmountFromPlanck } from '../../../../domains/common' import { useApr } from '../../../../domains/staking/substrate/nominationPools' +import StakeCalculatorDialogComponent from '../../../recipes/StakeCalculatorDialog' +import ErrorBoundary from '../../ErrorBoundary' +import { AssetSelect } from './StakeForm' import BN from 'bn.js' import { Suspense, useDeferredValue, useMemo, useState, useTransition } from 'react' import { useRecoilValue } from 'recoil' -import ErrorBoundary from '../../ErrorBoundary' -import { AssetSelect } from './StakeForm' type StakeCalculatorDialogProps = { open?: boolean; onRequestDismiss: () => unknown } diff --git a/apps/portal/src/components/widgets/staking/substrate/StakeForm.tsx b/apps/portal/src/components/widgets/staking/substrate/StakeForm.tsx index 13a418781..dc66f5f9d 100644 --- a/apps/portal/src/components/widgets/staking/substrate/StakeForm.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/StakeForm.tsx @@ -1,6 +1,3 @@ -import StakeFormComponent from '../../../recipes/StakeForm' -import { type StakeStatus } from '../../../recipes/StakeStatusIndicator' -import { PoolSelectorDialog } from '../../../recipes/StakeTargetSelectorDialog' import { writeableSubstrateAccountsState, type Account } from '../../../../domains/accounts/recoils' import { ChainProvider, @@ -25,10 +22,21 @@ import { useRecommendedPoolsState, } from '../../../../domains/staking/substrate/nominationPools/recoils' import { createAccounts } from '../../../../domains/staking/substrate/nominationPools/utils' +import { Maybe } from '../../../../util/monads' +import StakeFormComponent from '../../../recipes/StakeForm' +import { type StakeStatus } from '../../../recipes/StakeStatusIndicator' +import { PoolSelectorDialog } from '../../../recipes/StakeTargetSelectorDialog' +import { useAccountSelector } from '../../AccountSelector' +import AddStakeDialog from './AddStakeDialog' +import ClaimStakeDialog from './ClaimStakeDialog' +import PoolClaimPermissionDialog, { + PoolClaimPermissionControlledDialog, + toUiPermission, +} from './PoolClaimPermissionDialog' +import UnstakeDialog from './UnstakeDialog' import type { ApiPromise } from '@polkadot/api' import { type Decimal } from '@talismn/math' import { CircularProgressIndicator, Select } from '@talismn/ui' -import { Maybe } from '../../../../util/monads' import BN from 'bn.js' import { Suspense, @@ -43,14 +51,6 @@ import { } from 'react' import { useLocation } from 'react-use' import { constSelector, useRecoilValue, useRecoilValueLoadable, waitForAll } from 'recoil' -import { useAccountSelector } from '../../AccountSelector' -import AddStakeDialog from './AddStakeDialog' -import ClaimStakeDialog from './ClaimStakeDialog' -import PoolClaimPermissionDialog, { - PoolClaimPermissionControlledDialog, - toUiPermission, -} from './PoolClaimPermissionDialog' -import UnstakeDialog from './UnstakeDialog' const ExistingPool = (props: { account: Account }) => { const pool = usePoolStakes({ address: props.account.address }) diff --git a/apps/portal/src/components/widgets/staking/substrate/StakeProviders.tsx b/apps/portal/src/components/widgets/staking/substrate/StakeProviders.tsx index 5e0114c23..838932d46 100644 --- a/apps/portal/src/components/widgets/staking/substrate/StakeProviders.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/StakeProviders.tsx @@ -1,11 +1,11 @@ -import StakeProvider from '../../../recipes/StakeProvider' -import AnimatedFiatNumber from '../../AnimatedFiatNumber' -import ErrorBoundary from '../../ErrorBoundary' -import RedactableBalance from '../../RedactableBalance' import { selectedSubstrateAccountsState } from '../../../../domains/accounts' import { ChainProvider, nominationPoolsEnabledChainsState, useChainState } from '../../../../domains/chains' import { chainDeriveState, substrateApiState, useTokenAmountFromPlanck } from '../../../../domains/common' import { useApr, useLocalizedUnlockDuration } from '../../../../domains/staking/substrate/nominationPools' +import StakeProvider from '../../../recipes/StakeProvider' +import AnimatedFiatNumber from '../../AnimatedFiatNumber' +import ErrorBoundary from '../../ErrorBoundary' +import RedactableBalance from '../../RedactableBalance' import { Decimal } from '@talismn/math' import { usePolkadotApiId, useQueryState } from '@talismn/react-polkadot-api' import BigNumber from 'bignumber.js' diff --git a/apps/portal/src/components/widgets/staking/substrate/UnstakeDialog.tsx b/apps/portal/src/components/widgets/staking/substrate/UnstakeDialog.tsx index a600793d2..bde2cad58 100644 --- a/apps/portal/src/components/widgets/staking/substrate/UnstakeDialog.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/UnstakeDialog.tsx @@ -1,7 +1,7 @@ -import { NominationPoolsUnstakeDialog } from '../../../recipes/UnstakeDialog' import { useExtrinsicInBlockOrErrorEffect } from '../../../../domains/common' import { usePoolUnstakeForm } from '../../../../domains/staking/substrate/nominationPools/hooks' import { useLocalizedUnlockDuration } from '../../../../domains/staking/substrate/nominationPools/hooks/useUnlockDuration' +import { NominationPoolsUnstakeDialog } from '../../../recipes/UnstakeDialog' import { useCallback } from 'react' const UnstakeDialog = (props: { account?: string; onDismiss: () => unknown }) => { diff --git a/apps/portal/src/components/widgets/staking/substrate/ValidatorStakeItem.tsx b/apps/portal/src/components/widgets/staking/substrate/ValidatorStakeItem.tsx index 770c242aa..a7bf06873 100644 --- a/apps/portal/src/components/widgets/staking/substrate/ValidatorStakeItem.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/ValidatorStakeItem.tsx @@ -1,20 +1,20 @@ -import FastUnstakeDialog from '../../../recipes/FastUnstakeDialog' -import StakePosition from '../../../recipes/StakePosition' import { type Account } from '../../../../domains/accounts/recoils' import { useChainState, useNativeTokenDecimalState, useNativeTokenPriceState } from '../../../../domains/chains' import { useSubstrateApiState } from '../../../../domains/common' import { useExtrinsic, useTokenAmountFromPlanck } from '../../../../domains/common/hooks' import { useEraEtaFormatter } from '../../../../domains/common/hooks/useEraEta' import { useLocalizedUnlockDuration } from '../../../../domains/staking/substrate/nominationPools' +import FastUnstakeDialog from '../../../recipes/FastUnstakeDialog' +import StakePosition from '../../../recipes/StakePosition' +import AnimatedFiatNumber from '../../AnimatedFiatNumber' +import RedactableBalance from '../../RedactableBalance' +import ValidatorUnstakeDialog from './ValidatorUnstakeDialog' import { type DeriveStakingAccount } from '@polkadot/api-derive/types' import { useDeriveState } from '@talismn/react-polkadot-api' import { CircularProgressIndicator } from '@talismn/ui' import BN from 'bn.js' import { useMemo, useState } from 'react' import { useRecoilValue, waitForAll } from 'recoil' -import AnimatedFiatNumber from '../../AnimatedFiatNumber' -import RedactableBalance from '../../RedactableBalance' -import ValidatorUnstakeDialog from './ValidatorUnstakeDialog' const ValidatorStakeItem = (props: { account: Account diff --git a/apps/portal/src/components/widgets/staking/substrate/ValidatorStakes.tsx b/apps/portal/src/components/widgets/staking/substrate/ValidatorStakes.tsx index c4aca12cd..9ee003d67 100644 --- a/apps/portal/src/components/widgets/staking/substrate/ValidatorStakes.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/ValidatorStakes.tsx @@ -2,11 +2,11 @@ import { selectedSubstrateAccountsState } from '../../../../domains/accounts/rec import { useSubstrateApiState } from '../../../../domains/common' import { useInjectedAccountFastUnstakeEligibility } from '../../../../domains/fastUnstake' import { useStakersRewardState } from '../../../../domains/staking/substrate/validator/recoils' +import ErrorBoundary from '../../ErrorBoundary' +import ValidatorStakeItem from './ValidatorStakeItem' import { useDeriveState, useQueryMultiState, useQueryState } from '@talismn/react-polkadot-api' import { useMemo } from 'react' import { useRecoilValue, useRecoilValueLoadable, waitForAll } from 'recoil' -import ValidatorStakeItem from './ValidatorStakeItem' -import ErrorBoundary from '../../ErrorBoundary' const useStakes = () => { const accounts = useRecoilValue(selectedSubstrateAccountsState) diff --git a/apps/portal/src/components/widgets/staking/substrate/ValidatorUnstakeDialog.tsx b/apps/portal/src/components/widgets/staking/substrate/ValidatorUnstakeDialog.tsx index bf8aa93ee..fbdd095f3 100644 --- a/apps/portal/src/components/widgets/staking/substrate/ValidatorUnstakeDialog.tsx +++ b/apps/portal/src/components/widgets/staking/substrate/ValidatorUnstakeDialog.tsx @@ -1,7 +1,7 @@ -import BaseUnstakeDialog from '../../../recipes/UnstakeDialog' import { useExtrinsicInBlockOrErrorEffect } from '../../../../domains/common' import { useLocalizedUnlockDuration } from '../../../../domains/staking/substrate/nominationPools/hooks/useUnlockDuration' import { useValidatorUnstakeForm } from '../../../../domains/staking/substrate/validator/hooks' +import BaseUnstakeDialog from '../../../recipes/UnstakeDialog' import { useCallback } from 'react' const ValidatorUnstakeDialog = (props: { accountAddress: string; open: boolean; onRequestDismiss: () => unknown }) => { diff --git a/apps/portal/src/domains/accounts/hooks.ts b/apps/portal/src/domains/accounts/hooks.ts index e6308aa2b..c92a76f4b 100644 --- a/apps/portal/src/domains/accounts/hooks.ts +++ b/apps/portal/src/domains/accounts/hooks.ts @@ -1,10 +1,10 @@ -import { toast } from '@talismn/ui' +import { useResolveNsName } from '../../libs/onChainId' import { tryParseSubstrateOrEthereumAddress } from '../../util/addressValidation' import { isNilOrWhitespace } from '../../util/nil' +import { readOnlyAccountsState, type ReadonlyAccount } from './recoils' +import { toast } from '@talismn/ui' import { useCallback, useMemo, useState } from 'react' import { useRecoilValue, useSetRecoilState } from 'recoil' -import { readOnlyAccountsState, type ReadonlyAccount } from './recoils' -import { useResolveNsName } from '../../libs/onChainId' export const useSetReadonlyAccounts = () => { const setReadonlyAccounts = useSetRecoilState(readOnlyAccountsState) diff --git a/apps/portal/src/domains/accounts/recoils.ts b/apps/portal/src/domains/accounts/recoils.ts index 8c38a9f0c..161363953 100644 --- a/apps/portal/src/domains/accounts/recoils.ts +++ b/apps/portal/src/domains/accounts/recoils.ts @@ -1,16 +1,16 @@ -import { storageEffect } from '../common/effects' -import type { InjectedAccount } from '@polkadot/extension-inject/types' -import { useSignetSdk } from '@talismn/signet-apps-sdk' -import { array, jsonParser, object, optional, string } from '@recoiljs/refine' +import router from '../../routes' import { tryParseSubstrateOrEthereumAddress } from '../../util/addressValidation' import { Maybe } from '../../util/monads' import { isNilOrWhitespace } from '../../util/nil' +import { storageEffect } from '../common/effects' +import type { InjectedAccount } from '@polkadot/extension-inject/types' +import { array, jsonParser, object, optional, string } from '@recoiljs/refine' +import { useSignetSdk } from '@talismn/signet-apps-sdk' import { uniqBy } from 'lodash' +import { useEffect } from 'react' import { useUpdateEffect } from 'react-use' import { atom, selector, useRecoilValue, useSetRecoilState, waitForAll } from 'recoil' import { isAddress as isEvmAddress } from 'viem' -import router from '../../routes' -import { useEffect } from 'react' type AccountWithOrigin = InjectedAccount & { origin?: 'injected' | 'local' } diff --git a/apps/portal/src/domains/balances/analytics.ts b/apps/portal/src/domains/balances/analytics.ts index 8b4a885b3..7526ef835 100644 --- a/apps/portal/src/domains/balances/analytics.ts +++ b/apps/portal/src/domains/balances/analytics.ts @@ -1,9 +1,9 @@ +import { writeableBalancesState } from '.' import { useDebounce, useThrottle } from '@talismn/utils/react' import { usePostHog } from 'posthog-js/react' import { useState } from 'react' import { useUpdateEffect } from 'react-use' import { useRecoilValue } from 'recoil' -import { writeableBalancesState } from '.' const digestMessage = async (message: string) => { const msgUint8 = new TextEncoder().encode(message) diff --git a/apps/portal/src/domains/balances/core.ts b/apps/portal/src/domains/balances/core.ts index 3f3412c5a..83b413045 100644 --- a/apps/portal/src/domains/balances/core.ts +++ b/apps/portal/src/domains/balances/core.ts @@ -1,17 +1,16 @@ // TODO: nuke everything and re-write balances lib integration - +import { selectedCurrencyState } from '.' import { accountsState, portfolioAccountsState, selectedAccountsState, writeableAccountsState, } from '../accounts/recoils' +import { useBalancesReportEffect } from './analytics' import { Balances } from '@talismn/balances' import { useBalances as _useBalances, useSetBalancesAddresses } from '@talismn/balances-react' import { useEffect, useMemo } from 'react' import { atom, selector, useRecoilCallback, useRecoilValue } from 'recoil' -import { selectedCurrencyState } from '.' -import { useBalancesReportEffect } from './analytics' export const balancesState = atom({ key: 'Balances', diff --git a/apps/portal/src/domains/bridge/config.ts b/apps/portal/src/domains/bridge/config.ts index 376cb43c3..19673ec8e 100644 --- a/apps/portal/src/domains/bridge/config.ts +++ b/apps/portal/src/domains/bridge/config.ts @@ -1,3 +1,9 @@ +import { + ExtendedCentrifugeAdapter, + ExtendedParallelAdapter, + ExtendedAssetHubPolkadotAdapter, + ExtendedAstarAdapter, +} from './extendedRoutes' import { type ChainId } from '@polkawallet/bridge' import { AcalaAdapter, KaruraAdapter } from '@polkawallet/bridge/adapters/acala' import { AssetHubKusamaAdapter } from '@polkawallet/bridge/adapters/assethub' @@ -16,19 +22,12 @@ import { HeikoAdapter } from '@polkawallet/bridge/adapters/parallel' import { KhalaAdapter } from '@polkawallet/bridge/adapters/phala' import { KusamaAdapter, PolkadotAdapter } from '@polkawallet/bridge/adapters/polkadot' import { RobonomicsAdapter } from '@polkawallet/bridge/adapters/robonomics' +import { SubsocialAdapter } from '@polkawallet/bridge/adapters/subsocial' import { TinkernetAdapter } from '@polkawallet/bridge/adapters/tinkernet' import { QuartzAdapter, UniqueAdapter } from '@polkawallet/bridge/adapters/unique' import { ZeitgeistAdapter } from '@polkawallet/bridge/adapters/zeitgeist' -import { SubsocialAdapter } from '@polkawallet/bridge/adapters/subsocial' import { type BaseCrossChainAdapter } from '@polkawallet/bridge/base-chain-adapter' -import { - ExtendedCentrifugeAdapter, - ExtendedParallelAdapter, - ExtendedAssetHubPolkadotAdapter, - ExtendedAstarAdapter, -} from './extendedRoutes' - export const bridgeConfig = { polkadot: { genesisHash: '0x91b171bb158e2d3848fa23a9f1c25182fb8e20313b2c1eb49219da7a70ce90c3', diff --git a/apps/portal/src/domains/bridge/extendedRoutes.ts b/apps/portal/src/domains/bridge/extendedRoutes.ts index f84715d5b..f2f4031e9 100644 --- a/apps/portal/src/domains/bridge/extendedRoutes.ts +++ b/apps/portal/src/domains/bridge/extendedRoutes.ts @@ -1,8 +1,8 @@ import type { ChainId } from '@polkawallet/bridge' import { AssetHubPolkadotAdapter } from '@polkawallet/bridge/adapters/assethub' +import { AstarAdapter } from '@polkawallet/bridge/adapters/astar' import { CentrifugeAdapter } from '@polkawallet/bridge/adapters/centrifuge' import { ParallelAdapter } from '@polkawallet/bridge/adapters/parallel' -import { AstarAdapter } from '@polkawallet/bridge/adapters/astar' import type { BaseCrossChainAdapter } from '@polkawallet/bridge/base-chain-adapter' import type BN from 'bn.js' diff --git a/apps/portal/src/domains/bridge/index.ts b/apps/portal/src/domains/bridge/index.ts index cf75c1113..489b711cb 100644 --- a/apps/portal/src/domains/bridge/index.ts +++ b/apps/portal/src/domains/bridge/index.ts @@ -1,8 +1,8 @@ import { chainState } from '../chains' import { substrateApiState } from '../common' +import { bridgeConfig } from './config' import { Bridge, type ChainId } from '@polkawallet/bridge' import { selector, selectorFamily } from 'recoil' -import { bridgeConfig } from './config' export { bridgeConfig } from './config' diff --git a/apps/portal/src/domains/chains/contexts.tsx b/apps/portal/src/domains/chains/contexts.tsx index 4ec7f743d..4d3e1e52d 100644 --- a/apps/portal/src/domains/chains/contexts.tsx +++ b/apps/portal/src/domains/chains/contexts.tsx @@ -1,8 +1,8 @@ +import { chainState } from '.' +import { chainConfigs, type ChainConfig } from './config' import { PolkadotApiIdProvider } from '@talismn/react-polkadot-api' import { createContext, useContext, type PropsWithChildren } from 'react' import { useRecoilValue } from 'recoil' -import { chainState } from '.' -import { chainConfigs, type ChainConfig } from './config' // eslint-disable-next-line @typescript-eslint/no-non-null-assertion export const ChainContext = createContext(chainConfigs[0]!) diff --git a/apps/portal/src/domains/chains/recoils.ts b/apps/portal/src/domains/chains/recoils.ts index 8347b27a3..db001dd13 100644 --- a/apps/portal/src/domains/chains/recoils.ts +++ b/apps/portal/src/domains/chains/recoils.ts @@ -1,14 +1,14 @@ +import { ChainContext } from '.' +import { Maybe } from '../../util/monads' +import { nullToUndefined } from '../../util/nullToUndefine' import { selectedCurrencyState } from '../balances' import { substrateApiState, useSubstrateApiEndpoint } from '../common' import { storageEffect } from '../common/effects' +import { chainConfigs } from './config' import { type Chain as ChainData, type IToken } from '@talismn/chaindata-provider' import { Decimal } from '@talismn/math' -import { Maybe } from '../../util/monads' -import { nullToUndefined } from '../../util/nullToUndefine' import { useContext } from 'react' import { atom, selector, selectorFamily, waitForAll, type RecoilValueReadOnly } from 'recoil' -import { ChainContext } from '.' -import { chainConfigs } from './config' export const chainState = selectorFamily({ key: 'Chain', diff --git a/apps/portal/src/domains/common/extrinsicMiddleware.ts b/apps/portal/src/domains/common/extrinsicMiddleware.ts index 1eb60e3aa..6f97b95ff 100644 --- a/apps/portal/src/domains/common/extrinsicMiddleware.ts +++ b/apps/portal/src/domains/common/extrinsicMiddleware.ts @@ -1,3 +1,4 @@ +import { chainReadIdState } from './recoils' import type { SubmittableExtrinsic } from '@polkadot/api/types' import type { GenericCall } from '@polkadot/types' import type { Vec } from '@polkadot/types-codec' @@ -5,7 +6,6 @@ import type { ISubmittableResult } from '@polkadot/types/types' import posthog from 'posthog-js' import { startTransition } from 'react' import type { CallbackInterface } from 'recoil' -import { chainReadIdState } from './recoils' type Tag = 'analytics' diff --git a/apps/portal/src/domains/common/hooks/useChainState.ts b/apps/portal/src/domains/common/hooks/useChainState.ts index c489032f6..18bcfffe0 100644 --- a/apps/portal/src/domains/common/hooks/useChainState.ts +++ b/apps/portal/src/domains/common/hooks/useChainState.ts @@ -1,3 +1,5 @@ +import { useSubstrateApiEndpoint } from '.' +import { chainQueryState } from '../recoils/query' import { type ApiPromise } from '@polkadot/api' import type { GenericStorageEntryFunction, @@ -7,8 +9,6 @@ import type { } from '@polkadot/api/types' import { RecoilLoadable, constSelector, useRecoilValueLoadable, type Loadable } from 'recoil' import { type Observable } from 'rxjs' -import { useSubstrateApiEndpoint } from '.' -import { chainQueryState } from '../recoils/query' /** * @deprecated use `useQueryState` or `useDeriveState` instead diff --git a/apps/portal/src/domains/common/hooks/useEraEta.ts b/apps/portal/src/domains/common/hooks/useEraEta.ts index 1946bf809..d5c491868 100644 --- a/apps/portal/src/domains/common/hooks/useEraEta.ts +++ b/apps/portal/src/domains/common/hooks/useEraEta.ts @@ -1,11 +1,11 @@ -import { useDeriveState } from '@talismn/react-polkadot-api' +import { useSubstrateApiState } from '..' import { Maybe } from '../../../util/monads' +import { expectedBlockTime, expectedSessionTime } from '../utils/substratePolyfills' +import { useDeriveState } from '@talismn/react-polkadot-api' import BN from 'bn.js' import { addMilliseconds, formatDistanceToNow } from 'date-fns' import { useCallback } from 'react' import { useRecoilValue, waitForAll } from 'recoil' -import { useSubstrateApiState } from '..' -import { expectedBlockTime, expectedSessionTime } from '../utils/substratePolyfills' const erasOrSessionsRemaining = (current: BN, length: BN, progress: BN) => current.subn(1).mul(length).add(length).sub(progress) diff --git a/apps/portal/src/domains/common/hooks/useExtrinsic.ts b/apps/portal/src/domains/common/hooks/useExtrinsic.ts index de9df5d5f..ef09044a3 100644 --- a/apps/portal/src/domains/common/hooks/useExtrinsic.ts +++ b/apps/portal/src/domains/common/hooks/useExtrinsic.ts @@ -1,6 +1,11 @@ +import { substrateApiState, useSubstrateApiEndpoint } from '..' import { signetAccountState } from '../../accounts' import { chainState, useChainState } from '../../chains' import { useConnectedSubstrateWallet } from '../../extension' +import { AnalyticsContext } from '../analytics' +import { HarmlessError } from '../errors' +import { extrinsicMiddleware } from '../extrinsicMiddleware' +import { toastExtrinsic } from '../utils' import { type ApiPromise } from '@polkadot/api' import { type AddressOrPair, type SubmittableExtrinsic } from '@polkadot/api/types' import RpcError from '@polkadot/rpc-provider/coder/error' @@ -8,11 +13,6 @@ import { type ISubmittableResult } from '@polkadot/types/types' import { useSignetSdk } from '@talismn/signet-apps-sdk' import { useContext, useMemo, useState } from 'react' import { useRecoilCallback, useRecoilValue } from 'recoil' -import { substrateApiState, useSubstrateApiEndpoint } from '..' -import { AnalyticsContext } from '../analytics' -import { HarmlessError } from '../errors' -import { extrinsicMiddleware } from '../extrinsicMiddleware' -import { toastExtrinsic } from '../utils' type Promisable = T | PromiseLike diff --git a/apps/portal/src/domains/common/hooks/useExtrinsicEffect.ts b/apps/portal/src/domains/common/hooks/useExtrinsicEffect.ts index c6d3f537a..60a001511 100644 --- a/apps/portal/src/domains/common/hooks/useExtrinsicEffect.ts +++ b/apps/portal/src/domains/common/hooks/useExtrinsicEffect.ts @@ -1,5 +1,5 @@ -import { useEffect, type EffectCallback } from 'react' import type { ExtrinsicLoadable } from '.' +import { useEffect, type EffectCallback } from 'react' export const useExtrinsicInBlockOrErrorEffect = (effect: EffectCallback, extrinsicLoadable: ExtrinsicLoadable) => { useEffect( diff --git a/apps/portal/src/domains/common/hooks/useQueryMulti.ts b/apps/portal/src/domains/common/hooks/useQueryMulti.ts index ee9892a5d..9f8315348 100644 --- a/apps/portal/src/domains/common/hooks/useQueryMulti.ts +++ b/apps/portal/src/domains/common/hooks/useQueryMulti.ts @@ -1,3 +1,5 @@ +import { useSubstrateApiState } from '..' +import useDeferred from '../../../util/useDeferred' import { type ApiPromise } from '@polkadot/api' import type { GenericStorageEntryFunction, @@ -5,13 +7,10 @@ import type { QueryableStorageEntry, StorageEntryPromiseOverloads, } from '@polkadot/api/types' -import useDeferred from '../../../util/useDeferred' import { useEffect, useRef, useState } from 'react' import { type Loadable, RecoilLoadable, useRecoilValue } from 'recoil' import { type Observable } from 'rxjs' -import { useSubstrateApiState } from '..' - type QueryMap = PickKnownKeys<{ [P in keyof ApiPromise['query']]: `${P}.${keyof PickKnownKeys}` }> diff --git a/apps/portal/src/domains/common/recoils/api.ts b/apps/portal/src/domains/common/recoils/api.ts index 5bd4ebd2e..a8800dd3e 100644 --- a/apps/portal/src/domains/common/recoils/api.ts +++ b/apps/portal/src/domains/common/recoils/api.ts @@ -1,8 +1,7 @@ +import { useSubstrateApiEndpoint } from '..' import { ApiPromise, WsProvider } from '@polkadot/api' import { selectorFamily } from 'recoil' -import { useSubstrateApiEndpoint } from '..' - export const substrateApiState = selectorFamily({ key: 'SubstrateApiState', get: endpoint => async () => await ApiPromise.create({ provider: new WsProvider(endpoint) }), diff --git a/apps/portal/src/domains/common/recoils/index.ts b/apps/portal/src/domains/common/recoils/index.ts index 72bb7b7b6..e752adf48 100644 --- a/apps/portal/src/domains/common/recoils/index.ts +++ b/apps/portal/src/domains/common/recoils/index.ts @@ -1,9 +1,8 @@ +import { substrateApiState } from '..' +import { connectedSubstrateWalletState } from '../../extension' import { type ApiPromise } from '@polkadot/api' import { atom, selectorFamily } from 'recoil' -import { connectedSubstrateWalletState } from '../../extension' -import { substrateApiState } from '..' - export * from './api' export * from './development' export * from './query' diff --git a/apps/portal/src/domains/common/recoils/query.ts b/apps/portal/src/domains/common/recoils/query.ts index 356f88449..7a57b99bf 100644 --- a/apps/portal/src/domains/common/recoils/query.ts +++ b/apps/portal/src/domains/common/recoils/query.ts @@ -1,5 +1,5 @@ -import { queryAtomFamily, queryMultiAtomFamily } from '@talismn/react-polkadot-api' import { substrateApiState } from '.' +import { queryAtomFamily, queryMultiAtomFamily } from '@talismn/react-polkadot-api' export const { queryState: chainQueryState, deriveState: chainDeriveState } = queryAtomFamily({ key: 'SubstrateQuery', diff --git a/apps/portal/src/domains/common/sentry.ts b/apps/portal/src/domains/common/sentry.ts index f9b2060d7..346cd5dcf 100644 --- a/apps/portal/src/domains/common/sentry.ts +++ b/apps/portal/src/domains/common/sentry.ts @@ -1,8 +1,8 @@ +import { HarmlessError } from './errors' import { init, reactRouterV6Instrumentation } from '@sentry/react' import { BrowserTracing } from '@sentry/tracing' import { useEffect } from 'react' import { createRoutesFromChildren, matchRoutes, useLocation, useNavigationType } from 'react-router-dom' -import { HarmlessError } from './errors' export const initSentry = () => init({ diff --git a/apps/portal/src/domains/crowdloans/hooks.ts b/apps/portal/src/domains/crowdloans/hooks.ts index 5c2ee6c81..654a1e9f4 100644 --- a/apps/portal/src/domains/crowdloans/hooks.ts +++ b/apps/portal/src/domains/crowdloans/hooks.ts @@ -1,5 +1,5 @@ -import { selectedSubstrateAccountsState } from '../accounts/recoils' import { usePortfolio } from '../../libs/portfolio' +import { selectedSubstrateAccountsState } from '../accounts/recoils' import { encodeAnyAddress } from '@talismn/util' import BigNumber from 'bignumber.js' import { useMemo } from 'react' diff --git a/apps/portal/src/domains/extension/main.ts b/apps/portal/src/domains/extension/main.ts index 5116a50bd..4bf091fa1 100644 --- a/apps/portal/src/domains/extension/main.ts +++ b/apps/portal/src/domains/extension/main.ts @@ -1,7 +1,7 @@ -import { useRecoilValue } from 'recoil' -import { useAccount as useWagmiAccount } from 'wagmi' import { useEvmExtensionEffect } from './evm' import { connectedSubstrateWalletState, useSubstrateExtensionEffect } from './substrate' +import { useRecoilValue } from 'recoil' +import { useAccount as useWagmiAccount } from 'wagmi' export const ExtensionWatcher = () => { useSubstrateExtensionEffect() diff --git a/apps/portal/src/domains/fastUnstake/hooks.ts b/apps/portal/src/domains/fastUnstake/hooks.ts index df24f0722..ad25ec98d 100644 --- a/apps/portal/src/domains/fastUnstake/hooks.ts +++ b/apps/portal/src/domains/fastUnstake/hooks.ts @@ -1,13 +1,13 @@ import { writeableSubstrateAccountsState } from '../accounts/recoils' import { useSubstrateApiEndpoint, useSubstrateApiState } from '../common' +import { getErasToCheck } from './utils' +import type { WorkerFunction } from './worker' import { encodeAddress } from '@polkadot/util-crypto' import { bool, coercion, jsonParser, literal, object, writableDict } from '@recoiljs/refine' import { useQueryState } from '@talismn/react-polkadot-api' import { useMemo } from 'react' import { DefaultValue, atomFamily, useRecoilValue } from 'recoil' import { Thread, spawn } from 'threads' -import { getErasToCheck } from './utils' -import type { WorkerFunction } from './worker' const getExposureKey = (genesisHash: string) => `fast-unstake-exposure/${genesisHash}` diff --git a/apps/portal/src/domains/fastUnstake/worker.ts b/apps/portal/src/domains/fastUnstake/worker.ts index 4ff2cfaa7..c4919f910 100644 --- a/apps/portal/src/domains/fastUnstake/worker.ts +++ b/apps/portal/src/domains/fastUnstake/worker.ts @@ -1,8 +1,8 @@ +import { getErasToCheck } from './utils' import { ApiPromise, WsProvider } from '@polkadot/api' import { encodeAddress } from '@polkadot/util-crypto' import { Observable } from 'rxjs' import { expose } from 'threads/worker' -import { getErasToCheck } from './utils' export type WorkerFunction = typeof getExposure diff --git a/apps/portal/src/domains/nfts/core.ts b/apps/portal/src/domains/nfts/core.ts index 2d090f47a..c5b599b6e 100644 --- a/apps/portal/src/domains/nfts/core.ts +++ b/apps/portal/src/domains/nfts/core.ts @@ -1,12 +1,12 @@ import { chainState } from '../chains' +import { favoriteNftIdsState, hiddenNftIdsState, nftsByTagState } from './tags' +import type { SubscribeNfts } from './worker' import * as Sentry from '@sentry/react' import { type Nft as BaseNft } from '@talismn/nft' import { toast } from '@talismn/ui' import { DefaultValue, atomFamily, selectorFamily, waitForNone } from 'recoil' import { Observable, bufferTime, filter, last, scan, tap } from 'rxjs' import { Thread, spawn } from 'threads' -import { favoriteNftIdsState, hiddenNftIdsState, nftsByTagState } from './tags' -import type { SubscribeNfts } from './worker' export type NftTag = 'favorite' | 'hidden' diff --git a/apps/portal/src/domains/nfts/tags.ts b/apps/portal/src/domains/nfts/tags.ts index 466389f0e..89e1ba73f 100644 --- a/apps/portal/src/domains/nfts/tags.ts +++ b/apps/portal/src/domains/nfts/tags.ts @@ -1,3 +1,4 @@ +import { nftsState, type Nft, type NftTag } from '.' import { selectedAccountsState } from '../accounts' import { storageEffect } from '../common/effects' import { array, jsonParser, string } from '@recoiljs/refine' @@ -12,7 +13,6 @@ import { waitForNone, type SetterOrUpdater, } from 'recoil' -import { nftsState, type Nft, type NftTag } from '.' export const favoriteNftIdsState = atom({ key: 'favorite-nft-ids', diff --git a/apps/portal/src/domains/staking/dappStaking/hooks/forms.ts b/apps/portal/src/domains/staking/dappStaking/hooks/forms.ts index ded555d61..5fa9e0742 100644 --- a/apps/portal/src/domains/staking/dappStaking/hooks/forms.ts +++ b/apps/portal/src/domains/staking/dappStaking/hooks/forms.ts @@ -1,3 +1,5 @@ +import { getAllRewardsClaimExtrinsics, type Stake } from '.' +import { Maybe } from '../../../../util/monads' import type { Account } from '../../../accounts' import { paymentInfoState, @@ -11,11 +13,9 @@ import type { ApiPromise } from '@polkadot/api' import type { AstarPrimitivesDappStakingSmartContract } from '@polkadot/types/lookup' import { BigIntMath } from '@talismn/math' import { useQueryMultiState, useQueryState } from '@talismn/react-polkadot-api' -import { Maybe } from '../../../../util/monads' import BN from 'bn.js' import { useCallback, useDeferredValue, useMemo, useState } from 'react' import { useRecoilValue, useRecoilValueLoadable, waitForAll } from 'recoil' -import { getAllRewardsClaimExtrinsics, type Stake } from '.' const ESTIMATED_FEE_MARGIN_OF_ERROR = 0.5 diff --git a/apps/portal/src/domains/staking/dappStaking/hooks/useApr.ts b/apps/portal/src/domains/staking/dappStaking/hooks/useApr.ts index b9a154acf..136c50ba2 100644 --- a/apps/portal/src/domains/staking/dappStaking/hooks/useApr.ts +++ b/apps/portal/src/domains/staking/dappStaking/hooks/useApr.ts @@ -1,9 +1,9 @@ +import { useEraLengthState } from '..' import type { Perquintill } from '@polkadot/types/interfaces/runtime' import { useQueryMultiState } from '@talismn/react-polkadot-api' import BigNumber from 'bignumber.js' import { useMemo } from 'react' import { useRecoilValue, waitForAll } from 'recoil' -import { useEraLengthState } from '..' export const useApr = () => { const [ diff --git a/apps/portal/src/domains/staking/dappStaking/hooks/useClaimAllRewardsExtrinsic.ts b/apps/portal/src/domains/staking/dappStaking/hooks/useClaimAllRewardsExtrinsic.ts index 66f5f1e39..f99e905a0 100644 --- a/apps/portal/src/domains/staking/dappStaking/hooks/useClaimAllRewardsExtrinsic.ts +++ b/apps/portal/src/domains/staking/dappStaking/hooks/useClaimAllRewardsExtrinsic.ts @@ -1,7 +1,7 @@ import { useExtrinsic } from '../../../common' +import type { Stake } from './useStake' import type { ApiPromise } from '@polkadot/api' import { useCallback } from 'react' -import type { Stake } from './useStake' export const getAllRewardsClaimExtrinsics = (api: ApiPromise, stake: Stake) => stake.totalRewards.decimalAmount.planck < 0n diff --git a/apps/portal/src/domains/staking/dappStaking/hooks/useStake.ts b/apps/portal/src/domains/staking/dappStaking/hooks/useStake.ts index 790defa58..72a3cb503 100644 --- a/apps/portal/src/domains/staking/dappStaking/hooks/useStake.ts +++ b/apps/portal/src/domains/staking/dappStaking/hooks/useStake.ts @@ -1,15 +1,15 @@ +import { Maybe } from '../../../../util/monads' import type { Account } from '../../../accounts' import { useNativeTokenAmountState } from '../../../chains' import { expectedBlockTime, useSubstrateApiEndpoint, useSubstrateApiState } from '../../../common' +import { stakedDappsState } from '../recoils' import { useDeriveState, useQueryMultiState, useQueryState } from '@talismn/react-polkadot-api' -import { Maybe } from '../../../../util/monads' import BigNumber from 'bignumber.js' import BN from 'bn.js' import { addMilliseconds, formatDistanceToNow } from 'date-fns' import { range } from 'lodash' import { useMemo } from 'react' import { useRecoilValue_TRANSITION_SUPPORT_UNSTABLE as useRecoilValue, waitForAll } from 'recoil' -import { stakedDappsState } from '../recoils' export const useStake = (account: Account) => { // Can't put this in the same waitForAll below diff --git a/apps/portal/src/domains/staking/dappStaking/hooks/useTotalStaked.ts b/apps/portal/src/domains/staking/dappStaking/hooks/useTotalStaked.ts index 0d0abb000..c4a160c68 100644 --- a/apps/portal/src/domains/staking/dappStaking/hooks/useTotalStaked.ts +++ b/apps/portal/src/domains/staking/dappStaking/hooks/useTotalStaked.ts @@ -1,7 +1,7 @@ +import { Maybe } from '../../../../util/monads' import { selectedSubstrateAccountsState } from '../../../accounts' import { dappStakingEnabledChainsState, nativeTokenAmountState } from '../../../chains' import { chainQueryState } from '../../../common' -import { Maybe } from '../../../../util/monads' import { useMemo } from 'react' import { constSelector, useRecoilValue, waitForAll, waitForAny } from 'recoil' diff --git a/apps/portal/src/domains/staking/dappStaking/hooks/useUnlockDuration.ts b/apps/portal/src/domains/staking/dappStaking/hooks/useUnlockDuration.ts index c5ef9d081..7b2582013 100644 --- a/apps/portal/src/domains/staking/dappStaking/hooks/useUnlockDuration.ts +++ b/apps/portal/src/domains/staking/dappStaking/hooks/useUnlockDuration.ts @@ -1,8 +1,8 @@ +import { useEraLengthState } from '..' import { expectedBlockTime, useSubstrateApiState } from '../../../common' import { formatDistance } from 'date-fns' import { useMemo } from 'react' import { useRecoilValue, waitForAll } from 'recoil' -import { useEraLengthState } from '..' export const useLocalizedUnlockDuration = () => { const [api, { standardEraLength }] = useRecoilValue(waitForAll([useSubstrateApiState(), useEraLengthState()])) diff --git a/apps/portal/src/domains/staking/hooks.ts b/apps/portal/src/domains/staking/hooks.ts index c9b2b24fd..2a6f3d372 100644 --- a/apps/portal/src/domains/staking/hooks.ts +++ b/apps/portal/src/domains/staking/hooks.ts @@ -1,10 +1,10 @@ import { selectedBalancesState, selectedCurrencyState } from '../balances' -import { useMemo } from 'react' -import { useRecoilValue, waitForAll } from 'recoil' import { useTotalStaked as useDappStakingTotalStaked } from './dappStaking' import { lidoSuitesState } from './lido/recoils' import { slpxPairsState } from './slpx' import { useTotalStaked as useSubstrateTotalStaked } from './substrate/useTotalStaked' +import { useMemo } from 'react' +import { useRecoilValue, waitForAll } from 'recoil' export const useTotalStaked = () => { const [lidoSuites, slpxPairs, balances, currency] = useRecoilValue( diff --git a/apps/portal/src/domains/staking/lido/config.ts b/apps/portal/src/domains/staking/lido/config.ts index 7cbbe8f07..90ff23834 100644 --- a/apps/portal/src/domains/staking/lido/config.ts +++ b/apps/portal/src/domains/staking/lido/config.ts @@ -1,5 +1,5 @@ -import { mainnet } from 'wagmi/chains' import type { LidoSuite } from './types' +import { mainnet } from 'wagmi/chains' export const lidoMainnet = { chain: mainnet, diff --git a/apps/portal/src/domains/staking/lido/core.ts b/apps/portal/src/domains/staking/lido/core.ts index b8de9d407..5f9e07fad 100644 --- a/apps/portal/src/domains/staking/lido/core.ts +++ b/apps/portal/src/domains/staking/lido/core.ts @@ -1,13 +1,13 @@ import type { Account } from '../../accounts' import { tokenPriceState } from '../../chains' +import { lidoTokenAbi, withdrawalQueueAbi } from './abi' +import type { LidoSuite } from './types' import { Decimal } from '@talismn/math' import { useSuspenseQueries, useSuspenseQuery } from '@tanstack/react-query' import { useEffect } from 'react' import { useRecoilValue } from 'recoil' import { useBlockNumber, useConfig } from 'wagmi' import { getTokenQueryOptions, readContractQueryOptions, readContractsQueryOptions } from 'wagmi/query' -import { lidoTokenAbi, withdrawalQueueAbi } from './abi' -import type { LidoSuite } from './types' // https://github.com/wevm/wagmi/issues/3855 const serializableBigInt = (value: bigint) => Object.assign(value, { toJSON: () => value.toString() }) diff --git a/apps/portal/src/domains/staking/lido/recoils.ts b/apps/portal/src/domains/staking/lido/recoils.ts index 47dbbfe02..5c1d0af38 100644 --- a/apps/portal/src/domains/staking/lido/recoils.ts +++ b/apps/portal/src/domains/staking/lido/recoils.ts @@ -1,5 +1,5 @@ -import { selector, selectorFamily } from 'recoil' import { lidoMainnet } from './config' +import { selector, selectorFamily } from 'recoil' export const lidoSuitesState = selector({ key: 'LidoSuites', get: () => [lidoMainnet] }) diff --git a/apps/portal/src/domains/staking/slpx/config.ts b/apps/portal/src/domains/staking/slpx/config.ts index aaaee4c40..50070f40e 100644 --- a/apps/portal/src/domains/staking/slpx/config.ts +++ b/apps/portal/src/domains/staking/slpx/config.ts @@ -1,5 +1,5 @@ -import { moonbeam } from 'wagmi/chains' import type { SlpxPair } from './types' +import { moonbeam } from 'wagmi/chains' export const glmrSlpxPair = { chain: moonbeam, diff --git a/apps/portal/src/domains/staking/slpx/core.ts b/apps/portal/src/domains/staking/slpx/core.ts index 604df715b..a482f5c7a 100644 --- a/apps/portal/src/domains/staking/slpx/core.ts +++ b/apps/portal/src/domains/staking/slpx/core.ts @@ -1,13 +1,15 @@ -import '@bifrost-finance/types/augment/api' +import { Maybe } from '../../../util/monads' import type { Account } from '../../accounts' import { selectedCurrencyState } from '../../balances' import { tokenPriceState } from '../../chains' import { useSubstrateApiState, useWagmiWriteContract } from '../../common' +import slpx from './abi' +import type { SlpxPair, SlpxToken } from './types' +import '@bifrost-finance/types/augment/api' import { evmToAddress } from '@polkadot/util-crypto' import { Decimal } from '@talismn/math' import { useQueryMultiState, useQueryState } from '@talismn/react-polkadot-api' import { useSuspenseQueries } from '@tanstack/react-query' -import { Maybe } from '../../../util/monads' import BigNumber from 'bignumber.js' import BN from 'bn.js' import { useEffect, useMemo, useState } from 'react' @@ -15,8 +17,6 @@ import { useRecoilValue, useRecoilValueLoadable, waitForAll } from 'recoil' import { erc20Abi, isAddress } from 'viem' import { useBlockNumber, useConfig, useReadContract, useToken, useWaitForTransactionReceipt } from 'wagmi' import { getTokenQueryOptions, readContractsQueryOptions } from 'wagmi/query' -import slpx from './abi' -import type { SlpxPair, SlpxToken } from './types' export const useVTokenUnlockDuration = (slpxPair: SlpxPair) => { const unlockDuration = useRecoilValue( diff --git a/apps/portal/src/domains/staking/slpx/recoils.ts b/apps/portal/src/domains/staking/slpx/recoils.ts index 19258afaa..48120d22f 100644 --- a/apps/portal/src/domains/staking/slpx/recoils.ts +++ b/apps/portal/src/domains/staking/slpx/recoils.ts @@ -1,5 +1,5 @@ -import { selector, selectorFamily } from 'recoil' import { glmrSlpxPair } from './config' +import { selector, selectorFamily } from 'recoil' export const slpxPairsState = selector({ key: 'SlpxPairs', get: () => [glmrSlpxPair] }) diff --git a/apps/portal/src/domains/staking/substrate/nominationPools/hooks/usePoolAddForm.ts b/apps/portal/src/domains/staking/substrate/nominationPools/hooks/usePoolAddForm.ts index 66469177f..f4f3c1ab1 100644 --- a/apps/portal/src/domains/staking/substrate/nominationPools/hooks/usePoolAddForm.ts +++ b/apps/portal/src/domains/staking/substrate/nominationPools/hooks/usePoolAddForm.ts @@ -1,9 +1,9 @@ +import { Maybe } from '../../../../../util/monads' +import usePrevious from '../../../../../util/usePrevious' import { useSubstrateApiEndpoint, useTokenAmountFromPlanck, useTokenAmountState } from '../../../../common/hooks' import { paymentInfoState, useSubstrateApiState } from '../../../../common/recoils' import { BN } from '@polkadot/util' import { useDeriveState, useQueryMultiState } from '@talismn/react-polkadot-api' -import { Maybe } from '../../../../../util/monads' -import usePrevious from '../../../../../util/usePrevious' import { useEffect, useMemo } from 'react' import { useSearchParams } from 'react-router-dom' import { constSelector, useRecoilValue, useRecoilValueLoadable } from 'recoil' diff --git a/apps/portal/src/domains/staking/substrate/nominationPools/hooks/usePoolStake.ts b/apps/portal/src/domains/staking/substrate/nominationPools/hooks/usePoolStake.ts index 5770d173f..cb231a981 100644 --- a/apps/portal/src/domains/staking/substrate/nominationPools/hooks/usePoolStake.ts +++ b/apps/portal/src/domains/staking/substrate/nominationPools/hooks/usePoolStake.ts @@ -1,11 +1,11 @@ import { type StakeStatus } from '../../../../../components/recipes/StakeStatusIndicator' import { type Account } from '../../../../accounts/recoils' import { useSubstrateApiState } from '../../../../common' +import { useAllPendingRewardsState, useEraStakersState } from '../recoils' +import { createAccounts, getPoolUnbonding } from '../utils' import { useDeriveState, useQueryState } from '@talismn/react-polkadot-api' import { useMemo } from 'react' import { useRecoilValue, useRecoilValueLoadable, waitForAll } from 'recoil' -import { useAllPendingRewardsState, useEraStakersState } from '../recoils' -import { createAccounts, getPoolUnbonding } from '../utils' export const usePoolStakes = (account: T) => { // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion diff --git a/apps/portal/src/domains/staking/substrate/nominationPools/hooks/useUnlockDuration.ts b/apps/portal/src/domains/staking/substrate/nominationPools/hooks/useUnlockDuration.ts index 75d9fc8aa..e39fca3c1 100644 --- a/apps/portal/src/domains/staking/substrate/nominationPools/hooks/useUnlockDuration.ts +++ b/apps/portal/src/domains/staking/substrate/nominationPools/hooks/useUnlockDuration.ts @@ -1,6 +1,6 @@ +import { Maybe } from '../../../../../util/monads' import { expectedBlockTime, expectedSessionTime, useSubstrateApiState } from '../../../../common' import { useDeriveState } from '@talismn/react-polkadot-api' -import { Maybe } from '../../../../../util/monads' import { formatDistance } from 'date-fns' import { useRecoilValue, waitForAll } from 'recoil' diff --git a/apps/portal/src/domains/staking/substrate/validator/recoils.ts b/apps/portal/src/domains/staking/substrate/validator/recoils.ts index 50f456415..7f0472768 100644 --- a/apps/portal/src/domains/staking/substrate/validator/recoils.ts +++ b/apps/portal/src/domains/staking/substrate/validator/recoils.ts @@ -1,8 +1,8 @@ import { selectedSubstrateAccountsState } from '../../../accounts/recoils' import { useSubstrateApiEndpoint } from '../../../common' +import type { WorkerFunction } from './worker' import { selectorFamily } from 'recoil' import { Thread, spawn } from 'threads' -import type { WorkerFunction } from './worker' export const stakersRewardState = selectorFamily({ key: 'StakersRewardState', diff --git a/apps/portal/src/index.tsx b/apps/portal/src/index.tsx index 3f79f7089..19d81dc31 100644 --- a/apps/portal/src/index.tsx +++ b/apps/portal/src/index.tsx @@ -1,10 +1,10 @@ -import * as Sentry from '@sentry/react' -import React from 'react' -import { createRoot } from 'react-dom/client' import App from './App' import { initSentry } from './domains/common/sentry' import './index.css' import './libs/i18n/i18n' +import * as Sentry from '@sentry/react' +import React from 'react' +import { createRoot } from 'react-dom/client' initSentry() diff --git a/apps/portal/src/libs/crowdloans/moonbeam/remarkFlow.ts b/apps/portal/src/libs/crowdloans/moonbeam/remarkFlow.ts index 927fef96e..057ece28e 100644 --- a/apps/portal/src/libs/crowdloans/moonbeam/remarkFlow.ts +++ b/apps/portal/src/libs/crowdloans/moonbeam/remarkFlow.ts @@ -1,10 +1,8 @@ -import * as crypto from 'crypto' - -import { type ApiPromise } from '@polkadot/api' -import { type Signer } from '@polkadot/api/types' - import { Moonbeam } from '../crowdloanOverrides' import moonbeamStatement from './moonbeamStatement' +import { type ApiPromise } from '@polkadot/api' +import { type Signer } from '@polkadot/api/types' +import * as crypto from 'crypto' export async function submitTermsAndConditions(api: ApiPromise, address: string, signer: Signer) { if (!signer?.signRaw) throw new Error('Extension does not support signing messages') diff --git a/apps/portal/src/libs/crowdloans/useCrowdloanContribute.tsx b/apps/portal/src/libs/crowdloans/useCrowdloanContribute.tsx index 668b6441e..65b6deb44 100644 --- a/apps/portal/src/libs/crowdloans/useCrowdloanContribute.tsx +++ b/apps/portal/src/libs/crowdloans/useCrowdloanContribute.tsx @@ -1,21 +1,23 @@ /* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */ + /* eslint-disable @typescript-eslint/no-non-null-assertion */ + /* eslint-disable @typescript-eslint/restrict-template-expressions */ import { useConnectedSubstrateWallet } from '../../domains/extension' +import customRpcs from '../../util/customRpcs' +import { Maybe } from '../../util/monads' import { parachainDetails, supportedRelayChainsState } from '../talisman/util/_config' +import { Acala, Astar, Moonbeam, Zeitgeist } from './crowdloanOverrides' +import { submitTermsAndConditions } from './moonbeam/remarkFlow' +import { useCrowdloanContributions } from './useCrowdloanContributions' import { ApiPromise, WsProvider, type SubmittableResult } from '@polkadot/api' import { type SubmittableExtrinsic } from '@polkadot/api/submittable/types' import { isEthereumChecksum } from '@polkadot/util-crypto' import { encodeAnyAddress, planckToTokens, tokensToPlanck } from '@talismn/util' -import customRpcs from '../../util/customRpcs' -import { Maybe } from '../../util/monads' import BigNumber from 'bignumber.js' import { useCallback, useEffect, useMemo, useState } from 'react' import { useRecoilValue } from 'recoil' import { makeTaggedUnion, none, type MemberType } from 'safety-match' -import { Acala, Astar, Moonbeam, Zeitgeist } from './crowdloanOverrides' -import { submitTermsAndConditions } from './moonbeam/remarkFlow' -import { useCrowdloanContributions } from './useCrowdloanContributions' // // TODO: Move tx handling into a generic queue, store queue in react context diff --git a/apps/portal/src/libs/crowdloans/useCrowdloanContributions.ts b/apps/portal/src/libs/crowdloans/useCrowdloanContributions.ts index eb53ea5d1..9e4104690 100644 --- a/apps/portal/src/libs/crowdloans/useCrowdloanContributions.ts +++ b/apps/portal/src/libs/crowdloans/useCrowdloanContributions.ts @@ -1,3 +1,5 @@ +import { graphql } from '../../../generated/gql/crowdloan/gql' +import type { ContributionsQuery } from '../../../generated/gql/crowdloan/gql/graphql' import { selectedSubstrateAccountsState } from '../../domains/accounts' import { useChainmetaValue } from '../talisman' import { encodeAnyAddress } from '@talismn/util' @@ -6,8 +8,6 @@ import { request } from 'graphql-request' import { useCallback, useEffect, useMemo, useState } from 'react' import { useInterval } from 'react-use' import { useRecoilValue } from 'recoil' -import { graphql } from '../../../generated/gql/crowdloan/gql' -import type { ContributionsQuery } from '../../../generated/gql/crowdloan/gql/graphql' type ContributionsIndexerConfig = { accountIndex: number diff --git a/apps/portal/src/libs/onChainId/atoms/onChainIdResolver.ts b/apps/portal/src/libs/onChainId/atoms/onChainIdResolver.ts index fabe12e47..690dd5520 100644 --- a/apps/portal/src/libs/onChainId/atoms/onChainIdResolver.ts +++ b/apps/portal/src/libs/onChainId/atoms/onChainIdResolver.ts @@ -1,8 +1,8 @@ +import { typeRegistryFamily } from './typeRegistry' import { chainConnectorsAtom } from '@talismn/balances-react' import { OnChainId } from '@talismn/on-chain-id' import { atom } from 'jotai' import { atomFamily } from 'jotai/utils' -import { typeRegistryFamily } from './typeRegistry' const chainIdPolkadot = 'polkadot' const chainIdAlephZero = 'aleph-zero' diff --git a/apps/portal/src/libs/onChainId/hooks/useOnChainId.ts b/apps/portal/src/libs/onChainId/hooks/useOnChainId.ts index 95779eb5c..1695cb0bf 100644 --- a/apps/portal/src/libs/onChainId/hooks/useOnChainId.ts +++ b/apps/portal/src/libs/onChainId/hooks/useOnChainId.ts @@ -1,6 +1,6 @@ +import { lookupAddressFamily } from '../atoms/onChainIdResolver' import { useAtomValue } from 'jotai' import { loadable } from 'jotai/utils' -import { lookupAddressFamily } from '../atoms/onChainIdResolver' import { useEffect } from 'react' export const useOnChainId = (address?: string) => { diff --git a/apps/portal/src/libs/onChainId/hooks/useResolveNsName.ts b/apps/portal/src/libs/onChainId/hooks/useResolveNsName.ts index fa77a8fa0..f55cb280c 100644 --- a/apps/portal/src/libs/onChainId/hooks/useResolveNsName.ts +++ b/apps/portal/src/libs/onChainId/hooks/useResolveNsName.ts @@ -1,10 +1,10 @@ +import { resolveNsNameFamily } from '../atoms/onChainIdResolver' import { isPotentialAzns, isPotentialEns } from '@talismn/on-chain-id' import { isEthereumAddress } from '@talismn/util' import { useAtomValue } from 'jotai' import { loadable } from 'jotai/utils' import { useState } from 'react' import { useDebounce } from 'react-use' -import { resolveNsNameFamily } from '../atoms/onChainIdResolver' export type Options = { /** Enabled by default, set to false to disable */ diff --git a/apps/portal/src/libs/portfolio/index.tsx b/apps/portal/src/libs/portfolio/index.tsx index 824f6a669..2fd867ea2 100644 --- a/apps/portal/src/libs/portfolio/index.tsx +++ b/apps/portal/src/libs/portfolio/index.tsx @@ -1,6 +1,6 @@ +import useUniqueId from '../../util/useUniqueId' import { type GqlContribution } from '../crowdloans' import { encodeAnyAddress, planckToTokens } from '@talismn/util' -import useUniqueId from '../../util/useUniqueId' import BigNumber from 'bignumber.js' import { useContext as _useContext, diff --git a/apps/portal/src/libs/talisman/chainmeta.tsx b/apps/portal/src/libs/talisman/chainmeta.tsx index e168372b9..c23d71b5f 100644 --- a/apps/portal/src/libs/talisman/chainmeta.tsx +++ b/apps/portal/src/libs/talisman/chainmeta.tsx @@ -1,3 +1,4 @@ +import { supportedRelayChainsState } from './util/_config' import { WsProvider } from '@polkadot/api' import { get } from 'lodash' import { @@ -9,7 +10,6 @@ import { type PropsWithChildren, } from 'react' import { useRecoilValue } from 'recoil' -import { supportedRelayChainsState } from './util/_config' // // Types diff --git a/apps/portal/src/libs/talisman/crowdloan.tsx b/apps/portal/src/libs/talisman/crowdloan.tsx index a2b910003..ebf0e4e0e 100644 --- a/apps/portal/src/libs/talisman/crowdloan.tsx +++ b/apps/portal/src/libs/talisman/crowdloan.tsx @@ -1,5 +1,7 @@ /* eslint-disable @typescript-eslint/no-non-null-assertion */ +import { substrateApiState } from '../../domains/common' import crowdloanDataState, { type CrowdloanDetail } from '../@talisman-crowdloans/provider' +import { supportedRelayChainsState } from './util/_config' import type { AccountId } from '@polkadot/types/interfaces' import { stringToU8a, u8aConcat, u8aEq } from '@polkadot/util' import { planckToTokens } from '@talismn/util' @@ -8,9 +10,6 @@ import { find, get } from 'lodash' import { useContext as _useContext, createContext, useEffect, useMemo, useState, type PropsWithChildren } from 'react' import { selector, useRecoilValue, useRecoilValueLoadable, waitForAll } from 'recoil' -import { substrateApiState } from '../../domains/common' -import { supportedRelayChainsState } from './util/_config' - export type Crowdloan = { // graphql fields id: string diff --git a/apps/portal/src/libs/talisman/index.tsx b/apps/portal/src/libs/talisman/index.tsx index aa33604d8..1920503a3 100644 --- a/apps/portal/src/libs/talisman/index.tsx +++ b/apps/portal/src/libs/talisman/index.tsx @@ -1,9 +1,8 @@ -import { BalancesProvider } from '@talismn/balances-react' -import { type PropsWithChildren } from 'react' - import * as Chainmeta from './chainmeta' import * as Crowdloan from './crowdloan' import * as Parachain from './parachain' +import { BalancesProvider } from '@talismn/balances-react' +import { type PropsWithChildren } from 'react' /* publically exposed hooks */ diff --git a/apps/portal/src/libs/talisman/util/hooks.tsx b/apps/portal/src/libs/talisman/util/hooks.tsx index 6326d8e33..5c2e4b297 100644 --- a/apps/portal/src/libs/talisman/util/hooks.tsx +++ b/apps/portal/src/libs/talisman/util/hooks.tsx @@ -1,8 +1,7 @@ +import { statusOptions as baseStatusOptions } from './_config' import { get } from 'lodash' import { useEffect, useState } from 'react' -import { statusOptions as baseStatusOptions } from './_config' - export const useStatus = (props: { status?: string; message?: string | null; customOptions?: any } = {}) => { const { status = baseStatusOptions.INITIALIZED, message = null, customOptions = {} } = props diff --git a/apps/portal/src/routes/admin.tsx b/apps/portal/src/routes/admin.tsx index 74d5a9498..24c255612 100644 --- a/apps/portal/src/routes/admin.tsx +++ b/apps/portal/src/routes/admin.tsx @@ -1,11 +1,3 @@ -import type { ApiPromise } from '@polkadot/api' -import type { Option, StorageKey } from '@polkadot/types' -import type { AccountId32, Balance } from '@polkadot/types/interfaces' -import type { PalletNominationPoolsClaimPermission, PalletNominationPoolsPoolMember } from '@polkadot/types/lookup' -import { Button, Surface, Text, TextInput, toast } from '@talismn/ui' -import { chunk } from 'lodash' -import { Suspense, useCallback, useMemo, useState } from 'react' -import { useRecoilValue } from 'recoil' import { TalismanHandLoader } from '../components/legacy/TalismanHandLoader' import { useAccountSelector } from '../components/widgets/AccountSelector' import { writeableSubstrateAccountsState } from '../domains/accounts' @@ -18,6 +10,14 @@ import { } from '../domains/chains' import { useExtrinsic, useSubstrateApiState, useTokenAmountState } from '../domains/common' import { AnalyticsContext } from '../domains/common/analytics' +import type { ApiPromise } from '@polkadot/api' +import type { Option, StorageKey } from '@polkadot/types' +import type { AccountId32, Balance } from '@polkadot/types/interfaces' +import type { PalletNominationPoolsClaimPermission, PalletNominationPoolsPoolMember } from '@polkadot/types/lookup' +import { Button, Surface, Text, TextInput, toast } from '@talismn/ui' +import { chunk } from 'lodash' +import { Suspense, useCallback, useMemo, useState } from 'react' +import { useRecoilValue } from 'recoil' const _NominationPoolsRewardsClaim = () => { const chain = useRecoilValue(useChainState()) diff --git a/apps/portal/src/routes/crowdloans/index.tsx b/apps/portal/src/routes/crowdloans/index.tsx index 3e589daae..2e5c30384 100644 --- a/apps/portal/src/routes/crowdloans/index.tsx +++ b/apps/portal/src/routes/crowdloans/index.tsx @@ -1,7 +1,7 @@ -import type { RouteObject } from 'react-router-dom' import { CrowdloanDetail } from './item' import { CrowdloanIndex } from './main' import { CrowdloanParticipated } from './participated' +import type { RouteObject } from 'react-router-dom' const routes = { children: [ diff --git a/apps/portal/src/routes/crowdloans/item.tsx b/apps/portal/src/routes/crowdloans/item.tsx index a5f46dd89..cf0778cb2 100644 --- a/apps/portal/src/routes/crowdloans/item.tsx +++ b/apps/portal/src/routes/crowdloans/item.tsx @@ -1,8 +1,8 @@ -import { Crowdloan, Parachain } from '../../components/legacy/archetypes' import { Panel, PanelSection, Poster, useModal } from '../../components/legacy' -import styled from '@emotion/styled' +import { Crowdloan, Parachain } from '../../components/legacy/archetypes' import { useCrowdloanContributions } from '../../libs/crowdloans' import { useCrowdloanByParachainId, useParachainAssets, useParachainDetailsBySlug } from '../../libs/talisman' +import styled from '@emotion/styled' import { Button } from '@talismn/ui' import { useTranslation } from 'react-i18next' import { useParams } from 'react-router-dom' diff --git a/apps/portal/src/routes/crowdloans/participated.tsx b/apps/portal/src/routes/crowdloans/participated.tsx index d021fb349..4e16b0215 100644 --- a/apps/portal/src/routes/crowdloans/participated.tsx +++ b/apps/portal/src/routes/crowdloans/participated.tsx @@ -1,7 +1,7 @@ import { RootNav } from '../../components/legacy/archetypes/Crowdloan/RootNav' import ParticipatedCrowdloans from '../../components/legacy/archetypes/Wallet/Crowdloans' -import styled from '@emotion/styled' import { TitlePortal } from '../layout' +import styled from '@emotion/styled' export const CrowdloanParticipated = styled(({ className }: { className?: string }) => (
diff --git a/apps/portal/src/routes/dex/index.tsx b/apps/portal/src/routes/dex/index.tsx index 7388da7c7..2db1dc6b6 100644 --- a/apps/portal/src/routes/dex/index.tsx +++ b/apps/portal/src/routes/dex/index.tsx @@ -1,7 +1,7 @@ -import { Navigate, type RouteObject } from 'react-router-dom' import Layout from './layout' import Swap from './swap' import Transport from './transport' +import { Navigate, type RouteObject } from 'react-router-dom' const routes = { element: , diff --git a/apps/portal/src/routes/dex/swap.tsx b/apps/portal/src/routes/dex/swap.tsx index d92265565..ea0841644 100644 --- a/apps/portal/src/routes/dex/swap.tsx +++ b/apps/portal/src/routes/dex/swap.tsx @@ -1,7 +1,7 @@ import SectionHeader from '../../components/molecules/SectionHeader' import SwapForm from '../../components/widgets/dex/SwapForm' -import { Chip, Details, OrderedDetailsList, Text } from '@talismn/ui' import { FaqLayout } from './layout' +import { Chip, Details, OrderedDetailsList, Text } from '@talismn/ui' const Swap = () => { return ( diff --git a/apps/portal/src/routes/dex/transport.tsx b/apps/portal/src/routes/dex/transport.tsx index 9df36800e..09461d569 100644 --- a/apps/portal/src/routes/dex/transport.tsx +++ b/apps/portal/src/routes/dex/transport.tsx @@ -1,10 +1,10 @@ -import { Details, OrderedDetailsList, Text } from '@talismn/ui' -import React, { Suspense } from 'react' import DexForm from '../../components/recipes/DexForm/DexForm' import { FaqLayout } from './layout' import illustrationAvif from './transport-illustration.avif' import illustrationPng from './transport-illustration.png' import illustrationWebp from './transport-illustration.webp' +import { Details, OrderedDetailsList, Text } from '@talismn/ui' +import React, { Suspense } from 'react' const TransportForm = React.lazy(async () => await import('../../components/widgets/dex/TransportForm')) diff --git a/apps/portal/src/routes/explore.tsx b/apps/portal/src/routes/explore.tsx index 31731f65c..9bf6137cd 100644 --- a/apps/portal/src/routes/explore.tsx +++ b/apps/portal/src/routes/explore.tsx @@ -1,11 +1,11 @@ -import styled from '@emotion/styled' -import { HiddenDetails, SearchBar, Text } from '@talismn/ui' -import { useState } from 'react' -import { useDebounce } from 'react-use' import { Card, CardLoading, TagLoading } from '../components/legacy/archetypes/Explore' import { useFetchDapps, type Dapp } from '../components/legacy/archetypes/Explore/hooks' import { device } from '../util/breakpoints' import { TitlePortal } from './layout' +import styled from '@emotion/styled' +import { HiddenDetails, SearchBar, Text } from '@talismn/ui' +import { useState } from 'react' +import { useDebounce } from 'react-use' const ExploreGrid = ({ className }: { className?: string }) => { const [searchQuery, setSearchQuery] = useState('') diff --git a/apps/portal/src/routes/index.tsx b/apps/portal/src/routes/index.tsx index 3a5c8f966..d4265247e 100644 --- a/apps/portal/src/routes/index.tsx +++ b/apps/portal/src/routes/index.tsx @@ -1,5 +1,3 @@ -import * as Sentry from '@sentry/react' -import { Navigate, createBrowserRouter } from 'react-router-dom' import AccountConnectionGuard from '../components/widgets/AccountConnectionGuard' import { RouteErrorElement } from '../components/widgets/ErrorBoundary' import Admin from './admin' @@ -10,6 +8,8 @@ import History from './history' import Layout from './layout' import portfolioRoutes from './portfolio' import stakingRoutes from './staking' +import * as Sentry from '@sentry/react' +import { Navigate, createBrowserRouter } from 'react-router-dom' export default Sentry.wrapCreateBrowserRouter(createBrowserRouter)([ { diff --git a/apps/portal/src/routes/layout.tsx b/apps/portal/src/routes/layout.tsx index faf8cc05c..17d43ce21 100644 --- a/apps/portal/src/routes/layout.tsx +++ b/apps/portal/src/routes/layout.tsx @@ -1,3 +1,23 @@ +import Discord from '../assets/icons/discord-header.svg?react' +import GitHub from '../assets/icons/github-header.svg?react' +import Medium from '../assets/icons/medium-header.svg?react' +import Twitter from '../assets/icons/twitter-header.svg?react' +import { ModalProvider } from '../components/legacy' +import { Total } from '../components/legacy/archetypes/Wallet' +import AccountValueInfo from '../components/recipes/AccountValueInfo' +import { useShouldShowAccountConnectionGuard } from '../components/widgets/AccountConnectionGuard' +import AccountsManagementMenu from '../components/widgets/AccountsManagementMenu' +import WalletConnectionSideSheet, { + walletConnectionSideSheetOpenState, +} from '../components/widgets/WalletConnectionSideSheet' +import DappStakingStakeSideSheet from '../components/widgets/staking/dappStaking/StakeSideSheet' +import LidoStakeSideSheet from '../components/widgets/staking/lido/StakeSideSheet' +import SlpxStakeSideSheet from '../components/widgets/staking/slpx/StakeSideSheet' +import NominationPoolsStakeSideSheet from '../components/widgets/staking/substrate/NominationPoolsStakeSideSheet' +import { lookupAccountAddressState, selectedAccountsState } from '../domains/accounts' +import { currencyConfig, selectedCurrencyState } from '../domains/balances' +import { useHasActiveWalletConnection } from '../domains/extension' +import { isNilOrWhitespace } from '../util/nil' import { useTheme } from '@emotion/react' import { Button, @@ -31,26 +51,6 @@ import { usePostHog } from 'posthog-js/react' import { useCallback, useEffect, useRef, useState } from 'react' import { Link, Outlet, useLocation } from 'react-router-dom' import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil' -import Discord from '../assets/icons/discord-header.svg?react' -import GitHub from '../assets/icons/github-header.svg?react' -import Medium from '../assets/icons/medium-header.svg?react' -import Twitter from '../assets/icons/twitter-header.svg?react' -import { ModalProvider } from '../components/legacy' -import { Total } from '../components/legacy/archetypes/Wallet' -import AccountValueInfo from '../components/recipes/AccountValueInfo' -import { useShouldShowAccountConnectionGuard } from '../components/widgets/AccountConnectionGuard' -import AccountsManagementMenu from '../components/widgets/AccountsManagementMenu' -import WalletConnectionSideSheet, { - walletConnectionSideSheetOpenState, -} from '../components/widgets/WalletConnectionSideSheet' -import DappStakingStakeSideSheet from '../components/widgets/staking/dappStaking/StakeSideSheet' -import LidoStakeSideSheet from '../components/widgets/staking/lido/StakeSideSheet' -import SlpxStakeSideSheet from '../components/widgets/staking/slpx/StakeSideSheet' -import NominationPoolsStakeSideSheet from '../components/widgets/staking/substrate/NominationPoolsStakeSideSheet' -import { lookupAccountAddressState, selectedAccountsState } from '../domains/accounts' -import { currencyConfig, selectedCurrencyState } from '../domains/balances' -import { useHasActiveWalletConnection } from '../domains/extension' -import { isNilOrWhitespace } from '../util/nil' const CurrencySelect = () => { const [currency, setCurrency] = useRecoilState(selectedCurrencyState) diff --git a/apps/portal/src/routes/portfolio/assets/index.tsx b/apps/portal/src/routes/portfolio/assets/index.tsx index d40ec6c5f..09f0ec411 100644 --- a/apps/portal/src/routes/portfolio/assets/index.tsx +++ b/apps/portal/src/routes/portfolio/assets/index.tsx @@ -1,6 +1,6 @@ -import type { RouteObject } from 'react-router-dom' import AssetItem from './item' import Assets from './main' +import type { RouteObject } from 'react-router-dom' const routes = { children: [ diff --git a/apps/portal/src/routes/portfolio/assets/item.tsx b/apps/portal/src/routes/portfolio/assets/item.tsx index 2ce7a8b8c..0933b8f3e 100644 --- a/apps/portal/src/routes/portfolio/assets/item.tsx +++ b/apps/portal/src/routes/portfolio/assets/item.tsx @@ -3,8 +3,8 @@ import { AssetBreakdownList } from '../../../components/recipes/AssetBreakdown/A import AnimatedFiatNumber from '../../../components/widgets/AnimatedFiatNumber' import RedactableBalance from '../../../components/widgets/RedactableBalance' import { keyframes } from '@emotion/react' -import { ChevronLeft } from '@talismn/web-icons' import { Button, HiddenDetails, InfoCard, Text, Tooltip } from '@talismn/ui' +import { ChevronLeft } from '@talismn/web-icons' import { startCase } from 'lodash' import { useNavigate, useParams } from 'react-router-dom' diff --git a/apps/portal/src/routes/portfolio/assets/main.tsx b/apps/portal/src/routes/portfolio/assets/main.tsx index bc490bd8b..2a3c6a75f 100644 --- a/apps/portal/src/routes/portfolio/assets/main.tsx +++ b/apps/portal/src/routes/portfolio/assets/main.tsx @@ -4,8 +4,8 @@ import Asset, { AssetsList, AssetsListLocked } from '../../../components/recipes import AnimatedFiatNumber from '../../../components/widgets/AnimatedFiatNumber' import { ClassNames } from '@emotion/react' import styled from '@emotion/styled' -import { ChevronLeft } from '@talismn/web-icons' import { Button, InfoCard, SearchBar } from '@talismn/ui' +import { ChevronLeft } from '@talismn/web-icons' import { useState } from 'react' import { useNavigate } from 'react-router-dom' diff --git a/apps/portal/src/routes/portfolio/collectibles.tsx b/apps/portal/src/routes/portfolio/collectibles.tsx index 3628541a1..ed9d0c8d0 100644 --- a/apps/portal/src/routes/portfolio/collectibles.tsx +++ b/apps/portal/src/routes/portfolio/collectibles.tsx @@ -13,6 +13,8 @@ import { type NftCollection, type NftTag, } from '../../domains/nfts' +import { shortenAddress } from '../../util/format' +import { Maybe } from '../../util/monads' import { useTheme } from '@emotion/react' import { Button, @@ -29,8 +31,6 @@ import { } from '@talismn/ui' import { usePagination } from '@talismn/utils/react' import { ChevronLeft, ChevronRight, ExternalLink, Eye, EyeOff, Heart } from '@talismn/web-icons' -import { shortenAddress } from '../../util/format' -import { Maybe } from '../../util/monads' import { AnimatePresence, motion } from 'framer-motion' import { Suspense, diff --git a/apps/portal/src/routes/portfolio/index.tsx b/apps/portal/src/routes/portfolio/index.tsx index acc296cff..911f4f4d6 100644 --- a/apps/portal/src/routes/portfolio/index.tsx +++ b/apps/portal/src/routes/portfolio/index.tsx @@ -1,9 +1,9 @@ import AccountConnectionGuard from '../../components/widgets/AccountConnectionGuard' -import type { RouteObject } from 'react-router-dom' import assetRoutes from './assets' import Collectibles from './collectibles' import Layout from './layout' import Overview from './overview' +import type { RouteObject } from 'react-router-dom' const routes = { element: ( diff --git a/apps/portal/src/routes/staking/index.tsx b/apps/portal/src/routes/staking/index.tsx index 1858013ce..4d15f5c0c 100644 --- a/apps/portal/src/routes/staking/index.tsx +++ b/apps/portal/src/routes/staking/index.tsx @@ -1,7 +1,7 @@ import StakeProviders from '../../components/widgets/staking/StakeProviders' import Stakes from '../../components/widgets/staking/Stakes' -import { Navigate, type RouteObject } from 'react-router-dom' import Layout from './layout' +import { Navigate, type RouteObject } from 'react-router-dom' const routes = { element: , diff --git a/apps/portal/src/routes/staking/layout.tsx b/apps/portal/src/routes/staking/layout.tsx index 5ba90d717..c1893afe3 100644 --- a/apps/portal/src/routes/staking/layout.tsx +++ b/apps/portal/src/routes/staking/layout.tsx @@ -2,8 +2,8 @@ import AccountConnectionGuard from '../../components/widgets/AccountConnectionGu import AnimatedFiatNumber from '../../components/widgets/AnimatedFiatNumber' import { useTotalStaked } from '../../domains/staking' import { HeaderWidgetPortal, TitlePortal } from '../layout' -import { Layers, Zap } from '@talismn/web-icons' import { CircularProgressIndicator, SegmentedButton, Surface, Text } from '@talismn/ui' +import { Layers, Zap } from '@talismn/web-icons' import { Suspense, useMemo } from 'react' import { Link, Outlet, useMatch } from 'react-router-dom' diff --git a/package.json b/package.json index bbb6b6778..39f919cb9 100644 --- a/package.json +++ b/package.json @@ -21,6 +21,7 @@ "devDependencies": { "@commitlint/cli": "^18.4.3", "@commitlint/config-conventional": "^18.4.3", + "@trivago/prettier-plugin-sort-imports": "^4.3.0", "eslint": "^8.33.0", "husky": "^8.0.3", "prettier": "^2.8.8", diff --git a/packages/development/storybook/talismanTheme.js b/packages/development/storybook/talismanTheme.js index 302b81223..b949ee636 100644 --- a/packages/development/storybook/talismanTheme.js +++ b/packages/development/storybook/talismanTheme.js @@ -1,6 +1,5 @@ -import { create } from '@storybook/theming/create' - import brandImage from './brandImage.png' +import { create } from '@storybook/theming/create' export const theme = create({ base: 'dark', diff --git a/packages/icons/src/components/Activity.tsx b/packages/icons/src/components/Activity.tsx index d87ab792c..4e89d8888 100644 --- a/packages/icons/src/components/Activity.tsx +++ b/packages/icons/src/components/Activity.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgActivity = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Airplay.tsx b/packages/icons/src/components/Airplay.tsx index 55e7fe940..6add0af21 100644 --- a/packages/icons/src/components/Airplay.tsx +++ b/packages/icons/src/components/Airplay.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgAirplay = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/AlertCircle.tsx b/packages/icons/src/components/AlertCircle.tsx index f8ece162f..0a6ce3997 100644 --- a/packages/icons/src/components/AlertCircle.tsx +++ b/packages/icons/src/components/AlertCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgAlertCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/AlertOctagon.tsx b/packages/icons/src/components/AlertOctagon.tsx index c4ab31075..c88df4d03 100644 --- a/packages/icons/src/components/AlertOctagon.tsx +++ b/packages/icons/src/components/AlertOctagon.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgAlertOctagon = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/AlertTriangle.tsx b/packages/icons/src/components/AlertTriangle.tsx index 909a51562..f3ee9507a 100644 --- a/packages/icons/src/components/AlertTriangle.tsx +++ b/packages/icons/src/components/AlertTriangle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgAlertTriangle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/AlignCenter.tsx b/packages/icons/src/components/AlignCenter.tsx index b3bd499c1..c1bbbf7af 100644 --- a/packages/icons/src/components/AlignCenter.tsx +++ b/packages/icons/src/components/AlignCenter.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgAlignCenter = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/AlignJustify.tsx b/packages/icons/src/components/AlignJustify.tsx index 0ba266b4c..489390d42 100644 --- a/packages/icons/src/components/AlignJustify.tsx +++ b/packages/icons/src/components/AlignJustify.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgAlignJustify = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/AlignLeft.tsx b/packages/icons/src/components/AlignLeft.tsx index 5eaecc1b5..fd2f63de3 100644 --- a/packages/icons/src/components/AlignLeft.tsx +++ b/packages/icons/src/components/AlignLeft.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgAlignLeft = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/AlignRight.tsx b/packages/icons/src/components/AlignRight.tsx index 2ef029549..0cb091a1e 100644 --- a/packages/icons/src/components/AlignRight.tsx +++ b/packages/icons/src/components/AlignRight.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgAlignRight = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Anchor.tsx b/packages/icons/src/components/Anchor.tsx index e4c4b05ac..d999481ab 100644 --- a/packages/icons/src/components/Anchor.tsx +++ b/packages/icons/src/components/Anchor.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgAnchor = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Aperture.tsx b/packages/icons/src/components/Aperture.tsx index 4039a0a30..eecc15741 100644 --- a/packages/icons/src/components/Aperture.tsx +++ b/packages/icons/src/components/Aperture.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgAperture = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Archive.tsx b/packages/icons/src/components/Archive.tsx index d9d4606fd..21dd28eaf 100644 --- a/packages/icons/src/components/Archive.tsx +++ b/packages/icons/src/components/Archive.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgArchive = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ArrowDown.tsx b/packages/icons/src/components/ArrowDown.tsx index 71f2a7371..b495252d8 100644 --- a/packages/icons/src/components/ArrowDown.tsx +++ b/packages/icons/src/components/ArrowDown.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgArrowDown = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ArrowDownCircle.tsx b/packages/icons/src/components/ArrowDownCircle.tsx index 21e1916ef..4ba650c32 100644 --- a/packages/icons/src/components/ArrowDownCircle.tsx +++ b/packages/icons/src/components/ArrowDownCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgArrowDownCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ArrowDownLeft.tsx b/packages/icons/src/components/ArrowDownLeft.tsx index 8ec12c9f3..a01923b2a 100644 --- a/packages/icons/src/components/ArrowDownLeft.tsx +++ b/packages/icons/src/components/ArrowDownLeft.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgArrowDownLeft = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ArrowDownRight.tsx b/packages/icons/src/components/ArrowDownRight.tsx index 800720d26..e9025a63f 100644 --- a/packages/icons/src/components/ArrowDownRight.tsx +++ b/packages/icons/src/components/ArrowDownRight.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgArrowDownRight = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ArrowLeft.tsx b/packages/icons/src/components/ArrowLeft.tsx index 4bb0b6fcd..d4ea7d297 100644 --- a/packages/icons/src/components/ArrowLeft.tsx +++ b/packages/icons/src/components/ArrowLeft.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgArrowLeft = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ArrowLeftCircle.tsx b/packages/icons/src/components/ArrowLeftCircle.tsx index 4f1f35280..5b55e21ed 100644 --- a/packages/icons/src/components/ArrowLeftCircle.tsx +++ b/packages/icons/src/components/ArrowLeftCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgArrowLeftCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ArrowRight.tsx b/packages/icons/src/components/ArrowRight.tsx index a7087f41a..23ddef338 100644 --- a/packages/icons/src/components/ArrowRight.tsx +++ b/packages/icons/src/components/ArrowRight.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgArrowRight = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ArrowRightCircle.tsx b/packages/icons/src/components/ArrowRightCircle.tsx index cf444a0d8..c25a8fd86 100644 --- a/packages/icons/src/components/ArrowRightCircle.tsx +++ b/packages/icons/src/components/ArrowRightCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgArrowRightCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ArrowUp.tsx b/packages/icons/src/components/ArrowUp.tsx index ffad722ad..be55a790a 100644 --- a/packages/icons/src/components/ArrowUp.tsx +++ b/packages/icons/src/components/ArrowUp.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgArrowUp = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ArrowUpCircle.tsx b/packages/icons/src/components/ArrowUpCircle.tsx index 5d540032b..04ae9376d 100644 --- a/packages/icons/src/components/ArrowUpCircle.tsx +++ b/packages/icons/src/components/ArrowUpCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgArrowUpCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ArrowUpLeft.tsx b/packages/icons/src/components/ArrowUpLeft.tsx index d87c74dcd..a330f2fcb 100644 --- a/packages/icons/src/components/ArrowUpLeft.tsx +++ b/packages/icons/src/components/ArrowUpLeft.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgArrowUpLeft = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ArrowUpRight.tsx b/packages/icons/src/components/ArrowUpRight.tsx index e41899d02..67f18773c 100644 --- a/packages/icons/src/components/ArrowUpRight.tsx +++ b/packages/icons/src/components/ArrowUpRight.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgArrowUpRight = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/AtSign.tsx b/packages/icons/src/components/AtSign.tsx index 889acd4f3..740f9a98e 100644 --- a/packages/icons/src/components/AtSign.tsx +++ b/packages/icons/src/components/AtSign.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgAtSign = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Award.tsx b/packages/icons/src/components/Award.tsx index 2e488b0dd..4fe719d62 100644 --- a/packages/icons/src/components/Award.tsx +++ b/packages/icons/src/components/Award.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgAward = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/BarChart.tsx b/packages/icons/src/components/BarChart.tsx index 1545883cc..ad0456224 100644 --- a/packages/icons/src/components/BarChart.tsx +++ b/packages/icons/src/components/BarChart.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBarChart = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/BarChart2.tsx b/packages/icons/src/components/BarChart2.tsx index 5d156e7b1..c42b1f27d 100644 --- a/packages/icons/src/components/BarChart2.tsx +++ b/packages/icons/src/components/BarChart2.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBarChart2 = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Battery.tsx b/packages/icons/src/components/Battery.tsx index ca04d1ee8..76dd14228 100644 --- a/packages/icons/src/components/Battery.tsx +++ b/packages/icons/src/components/Battery.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBattery = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/BatteryCharging.tsx b/packages/icons/src/components/BatteryCharging.tsx index dff501ce3..2228ecbdd 100644 --- a/packages/icons/src/components/BatteryCharging.tsx +++ b/packages/icons/src/components/BatteryCharging.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBatteryCharging = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Bell.tsx b/packages/icons/src/components/Bell.tsx index 7f21cf235..c0b7ac639 100644 --- a/packages/icons/src/components/Bell.tsx +++ b/packages/icons/src/components/Bell.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBell = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/BellOff.tsx b/packages/icons/src/components/BellOff.tsx index 8c1ec619a..3dbdaef8a 100644 --- a/packages/icons/src/components/BellOff.tsx +++ b/packages/icons/src/components/BellOff.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBellOff = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Bluetooth.tsx b/packages/icons/src/components/Bluetooth.tsx index ed9e96dfd..3ebdadd09 100644 --- a/packages/icons/src/components/Bluetooth.tsx +++ b/packages/icons/src/components/Bluetooth.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBluetooth = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Bold.tsx b/packages/icons/src/components/Bold.tsx index c3b1f6cbb..25fd33073 100644 --- a/packages/icons/src/components/Bold.tsx +++ b/packages/icons/src/components/Bold.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBold = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Book.tsx b/packages/icons/src/components/Book.tsx index 7e40468a8..ccd3ec583 100644 --- a/packages/icons/src/components/Book.tsx +++ b/packages/icons/src/components/Book.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBook = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/BookOpen.tsx b/packages/icons/src/components/BookOpen.tsx index 70b7ff690..4fc0361bb 100644 --- a/packages/icons/src/components/BookOpen.tsx +++ b/packages/icons/src/components/BookOpen.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBookOpen = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Bookmark.tsx b/packages/icons/src/components/Bookmark.tsx index bd54e9339..27d1de202 100644 --- a/packages/icons/src/components/Bookmark.tsx +++ b/packages/icons/src/components/Bookmark.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBookmark = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Box.tsx b/packages/icons/src/components/Box.tsx index 1ff16ccfd..04defa652 100644 --- a/packages/icons/src/components/Box.tsx +++ b/packages/icons/src/components/Box.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBox = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Box1.tsx b/packages/icons/src/components/Box1.tsx index 77ed00189..9edc1e713 100644 --- a/packages/icons/src/components/Box1.tsx +++ b/packages/icons/src/components/Box1.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBox1 = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Briefcase.tsx b/packages/icons/src/components/Briefcase.tsx index 74c5ca8a1..8cbaa8e7b 100644 --- a/packages/icons/src/components/Briefcase.tsx +++ b/packages/icons/src/components/Briefcase.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgBriefcase = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Calculate.tsx b/packages/icons/src/components/Calculate.tsx index f5b55eb1c..237443246 100644 --- a/packages/icons/src/components/Calculate.tsx +++ b/packages/icons/src/components/Calculate.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCalculate = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Calendar.tsx b/packages/icons/src/components/Calendar.tsx index 0b5a24d98..eecbfe41a 100644 --- a/packages/icons/src/components/Calendar.tsx +++ b/packages/icons/src/components/Calendar.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCalendar = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Camera.tsx b/packages/icons/src/components/Camera.tsx index a443c73ca..88c9207da 100644 --- a/packages/icons/src/components/Camera.tsx +++ b/packages/icons/src/components/Camera.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCamera = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CameraOff.tsx b/packages/icons/src/components/CameraOff.tsx index 5042f413f..698110512 100644 --- a/packages/icons/src/components/CameraOff.tsx +++ b/packages/icons/src/components/CameraOff.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCameraOff = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Cast.tsx b/packages/icons/src/components/Cast.tsx index a245c7b94..ba7d24d92 100644 --- a/packages/icons/src/components/Cast.tsx +++ b/packages/icons/src/components/Cast.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCast = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Check.tsx b/packages/icons/src/components/Check.tsx index 53f91971e..68ffa01c6 100644 --- a/packages/icons/src/components/Check.tsx +++ b/packages/icons/src/components/Check.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCheck = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CheckCircle.tsx b/packages/icons/src/components/CheckCircle.tsx index b124cbd50..afa8b7221 100644 --- a/packages/icons/src/components/CheckCircle.tsx +++ b/packages/icons/src/components/CheckCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCheckCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CheckSquare.tsx b/packages/icons/src/components/CheckSquare.tsx index 0f1cc12a6..cc9809d42 100644 --- a/packages/icons/src/components/CheckSquare.tsx +++ b/packages/icons/src/components/CheckSquare.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCheckSquare = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ChevronDown.tsx b/packages/icons/src/components/ChevronDown.tsx index 8399c5a56..82a72f4ab 100644 --- a/packages/icons/src/components/ChevronDown.tsx +++ b/packages/icons/src/components/ChevronDown.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgChevronDown = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ChevronLeft.tsx b/packages/icons/src/components/ChevronLeft.tsx index c6a229d55..a000e2848 100644 --- a/packages/icons/src/components/ChevronLeft.tsx +++ b/packages/icons/src/components/ChevronLeft.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgChevronLeft = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ChevronRight.tsx b/packages/icons/src/components/ChevronRight.tsx index 58f7b200c..2935b6db6 100644 --- a/packages/icons/src/components/ChevronRight.tsx +++ b/packages/icons/src/components/ChevronRight.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgChevronRight = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ChevronUp.tsx b/packages/icons/src/components/ChevronUp.tsx index 997ed2a2d..3cbeb047d 100644 --- a/packages/icons/src/components/ChevronUp.tsx +++ b/packages/icons/src/components/ChevronUp.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgChevronUp = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ChevronsDown.tsx b/packages/icons/src/components/ChevronsDown.tsx index e6a21cd33..1b3f2e3ac 100644 --- a/packages/icons/src/components/ChevronsDown.tsx +++ b/packages/icons/src/components/ChevronsDown.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgChevronsDown = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ChevronsLeft.tsx b/packages/icons/src/components/ChevronsLeft.tsx index 673067f5b..552b80706 100644 --- a/packages/icons/src/components/ChevronsLeft.tsx +++ b/packages/icons/src/components/ChevronsLeft.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgChevronsLeft = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ChevronsRight.tsx b/packages/icons/src/components/ChevronsRight.tsx index bb644c87f..be8a3d43e 100644 --- a/packages/icons/src/components/ChevronsRight.tsx +++ b/packages/icons/src/components/ChevronsRight.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgChevronsRight = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ChevronsUp.tsx b/packages/icons/src/components/ChevronsUp.tsx index f05df32e8..d2b9ade56 100644 --- a/packages/icons/src/components/ChevronsUp.tsx +++ b/packages/icons/src/components/ChevronsUp.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgChevronsUp = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Chrome.tsx b/packages/icons/src/components/Chrome.tsx index c87a36dc0..38b2e523f 100644 --- a/packages/icons/src/components/Chrome.tsx +++ b/packages/icons/src/components/Chrome.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgChrome = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Circle.tsx b/packages/icons/src/components/Circle.tsx index 34a45bd66..93886d2f0 100644 --- a/packages/icons/src/components/Circle.tsx +++ b/packages/icons/src/components/Circle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Clipboard.tsx b/packages/icons/src/components/Clipboard.tsx index f93c7389a..267e2341d 100644 --- a/packages/icons/src/components/Clipboard.tsx +++ b/packages/icons/src/components/Clipboard.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgClipboard = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Clock.tsx b/packages/icons/src/components/Clock.tsx index 3a4c7444b..bfa7fbbcc 100644 --- a/packages/icons/src/components/Clock.tsx +++ b/packages/icons/src/components/Clock.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgClock = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Cloud.tsx b/packages/icons/src/components/Cloud.tsx index 972af7462..9c5753f01 100644 --- a/packages/icons/src/components/Cloud.tsx +++ b/packages/icons/src/components/Cloud.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCloud = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CloudDrizzle.tsx b/packages/icons/src/components/CloudDrizzle.tsx index 4b58d653b..dff06eed4 100644 --- a/packages/icons/src/components/CloudDrizzle.tsx +++ b/packages/icons/src/components/CloudDrizzle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCloudDrizzle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CloudLightning.tsx b/packages/icons/src/components/CloudLightning.tsx index 5b98b880b..1f98640df 100644 --- a/packages/icons/src/components/CloudLightning.tsx +++ b/packages/icons/src/components/CloudLightning.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCloudLightning = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CloudOff.tsx b/packages/icons/src/components/CloudOff.tsx index 86288d04b..58e0e6144 100644 --- a/packages/icons/src/components/CloudOff.tsx +++ b/packages/icons/src/components/CloudOff.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCloudOff = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CloudRain.tsx b/packages/icons/src/components/CloudRain.tsx index 086b6a58c..d9eaed539 100644 --- a/packages/icons/src/components/CloudRain.tsx +++ b/packages/icons/src/components/CloudRain.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCloudRain = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CloudSnow.tsx b/packages/icons/src/components/CloudSnow.tsx index 3976c2a0e..4ebc7579f 100644 --- a/packages/icons/src/components/CloudSnow.tsx +++ b/packages/icons/src/components/CloudSnow.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCloudSnow = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Code.tsx b/packages/icons/src/components/Code.tsx index 952274902..5ef9c9497 100644 --- a/packages/icons/src/components/Code.tsx +++ b/packages/icons/src/components/Code.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCode = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Codepen.tsx b/packages/icons/src/components/Codepen.tsx index e41d4b559..08014e117 100644 --- a/packages/icons/src/components/Codepen.tsx +++ b/packages/icons/src/components/Codepen.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCodepen = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Codesandbox.tsx b/packages/icons/src/components/Codesandbox.tsx index 1565d1a52..b9ccf95a2 100644 --- a/packages/icons/src/components/Codesandbox.tsx +++ b/packages/icons/src/components/Codesandbox.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCodesandbox = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Coffee.tsx b/packages/icons/src/components/Coffee.tsx index f5771ebf6..06e9fb88f 100644 --- a/packages/icons/src/components/Coffee.tsx +++ b/packages/icons/src/components/Coffee.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCoffee = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Columns.tsx b/packages/icons/src/components/Columns.tsx index c9a737f0d..fa1483067 100644 --- a/packages/icons/src/components/Columns.tsx +++ b/packages/icons/src/components/Columns.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgColumns = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Command.tsx b/packages/icons/src/components/Command.tsx index d34d53573..39a2eb95d 100644 --- a/packages/icons/src/components/Command.tsx +++ b/packages/icons/src/components/Command.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCommand = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Compass.tsx b/packages/icons/src/components/Compass.tsx index bbe8ca523..2eb178f0a 100644 --- a/packages/icons/src/components/Compass.tsx +++ b/packages/icons/src/components/Compass.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCompass = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Copy.tsx b/packages/icons/src/components/Copy.tsx index f5fe81405..e602f26a4 100644 --- a/packages/icons/src/components/Copy.tsx +++ b/packages/icons/src/components/Copy.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCopy = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CornerDownLeft.tsx b/packages/icons/src/components/CornerDownLeft.tsx index e9f520850..1c3abd7f2 100644 --- a/packages/icons/src/components/CornerDownLeft.tsx +++ b/packages/icons/src/components/CornerDownLeft.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCornerDownLeft = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CornerDownRight.tsx b/packages/icons/src/components/CornerDownRight.tsx index f7632ef81..4cb902615 100644 --- a/packages/icons/src/components/CornerDownRight.tsx +++ b/packages/icons/src/components/CornerDownRight.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCornerDownRight = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CornerLeftDown.tsx b/packages/icons/src/components/CornerLeftDown.tsx index bf5926c5b..200a7b7eb 100644 --- a/packages/icons/src/components/CornerLeftDown.tsx +++ b/packages/icons/src/components/CornerLeftDown.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCornerLeftDown = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CornerLeftUp.tsx b/packages/icons/src/components/CornerLeftUp.tsx index 24394ffd5..7b529da35 100644 --- a/packages/icons/src/components/CornerLeftUp.tsx +++ b/packages/icons/src/components/CornerLeftUp.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCornerLeftUp = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CornerRightDown.tsx b/packages/icons/src/components/CornerRightDown.tsx index a51d0ceba..22054031e 100644 --- a/packages/icons/src/components/CornerRightDown.tsx +++ b/packages/icons/src/components/CornerRightDown.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCornerRightDown = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CornerRightUp.tsx b/packages/icons/src/components/CornerRightUp.tsx index 988d54562..5359f76f5 100644 --- a/packages/icons/src/components/CornerRightUp.tsx +++ b/packages/icons/src/components/CornerRightUp.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCornerRightUp = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CornerUpLeft.tsx b/packages/icons/src/components/CornerUpLeft.tsx index 20b0cacca..38323c207 100644 --- a/packages/icons/src/components/CornerUpLeft.tsx +++ b/packages/icons/src/components/CornerUpLeft.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCornerUpLeft = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CornerUpRight.tsx b/packages/icons/src/components/CornerUpRight.tsx index 95d3b104e..5967f90a8 100644 --- a/packages/icons/src/components/CornerUpRight.tsx +++ b/packages/icons/src/components/CornerUpRight.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCornerUpRight = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Cpu.tsx b/packages/icons/src/components/Cpu.tsx index d49711ad4..e9a7f4c3a 100644 --- a/packages/icons/src/components/Cpu.tsx +++ b/packages/icons/src/components/Cpu.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCpu = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/CreditCard.tsx b/packages/icons/src/components/CreditCard.tsx index 7e006ad1c..41632feba 100644 --- a/packages/icons/src/components/CreditCard.tsx +++ b/packages/icons/src/components/CreditCard.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCreditCard = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Crop.tsx b/packages/icons/src/components/Crop.tsx index a59a5afc7..3c46da92b 100644 --- a/packages/icons/src/components/Crop.tsx +++ b/packages/icons/src/components/Crop.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCrop = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Crosshair.tsx b/packages/icons/src/components/Crosshair.tsx index d53b88a82..3e0bad100 100644 --- a/packages/icons/src/components/Crosshair.tsx +++ b/packages/icons/src/components/Crosshair.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgCrosshair = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Database.tsx b/packages/icons/src/components/Database.tsx index 9daadf046..d5d741006 100644 --- a/packages/icons/src/components/Database.tsx +++ b/packages/icons/src/components/Database.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgDatabase = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Delete.tsx b/packages/icons/src/components/Delete.tsx index 0a5cbf786..26315adf8 100644 --- a/packages/icons/src/components/Delete.tsx +++ b/packages/icons/src/components/Delete.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgDelete = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Disc.tsx b/packages/icons/src/components/Disc.tsx index e10578d8c..28f70a853 100644 --- a/packages/icons/src/components/Disc.tsx +++ b/packages/icons/src/components/Disc.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgDisc = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/DollarSign.tsx b/packages/icons/src/components/DollarSign.tsx index 1e92e8e69..4d467343e 100644 --- a/packages/icons/src/components/DollarSign.tsx +++ b/packages/icons/src/components/DollarSign.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgDollarSign = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Download.tsx b/packages/icons/src/components/Download.tsx index f7bc68254..287b45a61 100644 --- a/packages/icons/src/components/Download.tsx +++ b/packages/icons/src/components/Download.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgDownload = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/DownloadCloud.tsx b/packages/icons/src/components/DownloadCloud.tsx index 7792a763c..25e81cf57 100644 --- a/packages/icons/src/components/DownloadCloud.tsx +++ b/packages/icons/src/components/DownloadCloud.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgDownloadCloud = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Drag.tsx b/packages/icons/src/components/Drag.tsx index 5c9f1d916..9e1df9401 100644 --- a/packages/icons/src/components/Drag.tsx +++ b/packages/icons/src/components/Drag.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgDrag = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/DragAlt.tsx b/packages/icons/src/components/DragAlt.tsx index 4a7dfd285..576244a85 100644 --- a/packages/icons/src/components/DragAlt.tsx +++ b/packages/icons/src/components/DragAlt.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgDragAlt = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Droplet.tsx b/packages/icons/src/components/Droplet.tsx index 1c9c64121..6a253ba79 100644 --- a/packages/icons/src/components/Droplet.tsx +++ b/packages/icons/src/components/Droplet.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgDroplet = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Earn.tsx b/packages/icons/src/components/Earn.tsx index efe3ef7d0..188731261 100644 --- a/packages/icons/src/components/Earn.tsx +++ b/packages/icons/src/components/Earn.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgEarn = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Edit.tsx b/packages/icons/src/components/Edit.tsx index d4be9cfb7..c1d265b08 100644 --- a/packages/icons/src/components/Edit.tsx +++ b/packages/icons/src/components/Edit.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgEdit = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Edit2.tsx b/packages/icons/src/components/Edit2.tsx index 05f6429cd..affd5a226 100644 --- a/packages/icons/src/components/Edit2.tsx +++ b/packages/icons/src/components/Edit2.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgEdit2 = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Edit3.tsx b/packages/icons/src/components/Edit3.tsx index f63d2d185..a44d9390c 100644 --- a/packages/icons/src/components/Edit3.tsx +++ b/packages/icons/src/components/Edit3.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgEdit3 = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Ethereum.tsx b/packages/icons/src/components/Ethereum.tsx index 90f1ab9db..0dbd030bb 100644 --- a/packages/icons/src/components/Ethereum.tsx +++ b/packages/icons/src/components/Ethereum.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgEthereum = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ExternalLink.tsx b/packages/icons/src/components/ExternalLink.tsx index 806a4da91..caf33ed1a 100644 --- a/packages/icons/src/components/ExternalLink.tsx +++ b/packages/icons/src/components/ExternalLink.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgExternalLink = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Eye.tsx b/packages/icons/src/components/Eye.tsx index 6c737a165..179dc8783 100644 --- a/packages/icons/src/components/Eye.tsx +++ b/packages/icons/src/components/Eye.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgEye = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/EyeOff.tsx b/packages/icons/src/components/EyeOff.tsx index 5e95b0517..59e68c3ad 100644 --- a/packages/icons/src/components/EyeOff.tsx +++ b/packages/icons/src/components/EyeOff.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgEyeOff = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/EyePlus.tsx b/packages/icons/src/components/EyePlus.tsx index 382cfad80..aadb61bc1 100644 --- a/packages/icons/src/components/EyePlus.tsx +++ b/packages/icons/src/components/EyePlus.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgEyePlus = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Facebook.tsx b/packages/icons/src/components/Facebook.tsx index bb331558b..acc35675f 100644 --- a/packages/icons/src/components/Facebook.tsx +++ b/packages/icons/src/components/Facebook.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFacebook = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/FastForward.tsx b/packages/icons/src/components/FastForward.tsx index f0b6a3de2..308a4f296 100644 --- a/packages/icons/src/components/FastForward.tsx +++ b/packages/icons/src/components/FastForward.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFastForward = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Feather.tsx b/packages/icons/src/components/Feather.tsx index 0803f6ec8..960a0da5a 100644 --- a/packages/icons/src/components/Feather.tsx +++ b/packages/icons/src/components/Feather.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFeather = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Figma.tsx b/packages/icons/src/components/Figma.tsx index 085680c65..56a1118c0 100644 --- a/packages/icons/src/components/Figma.tsx +++ b/packages/icons/src/components/Figma.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFigma = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/File.tsx b/packages/icons/src/components/File.tsx index 0bd8e2dba..e79bad373 100644 --- a/packages/icons/src/components/File.tsx +++ b/packages/icons/src/components/File.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFile = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/FileCheck.tsx b/packages/icons/src/components/FileCheck.tsx index e19900355..2dcf23d0e 100644 --- a/packages/icons/src/components/FileCheck.tsx +++ b/packages/icons/src/components/FileCheck.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFileCheck = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/FileMinus.tsx b/packages/icons/src/components/FileMinus.tsx index d71287072..ef929a9ce 100644 --- a/packages/icons/src/components/FileMinus.tsx +++ b/packages/icons/src/components/FileMinus.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFileMinus = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/FilePlus.tsx b/packages/icons/src/components/FilePlus.tsx index ceaafafa2..574b52b26 100644 --- a/packages/icons/src/components/FilePlus.tsx +++ b/packages/icons/src/components/FilePlus.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFilePlus = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/FileText.tsx b/packages/icons/src/components/FileText.tsx index b8080ac22..72c4282a8 100644 --- a/packages/icons/src/components/FileText.tsx +++ b/packages/icons/src/components/FileText.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFileText = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/FileX.tsx b/packages/icons/src/components/FileX.tsx index 4461903d4..5b0a0fbc4 100644 --- a/packages/icons/src/components/FileX.tsx +++ b/packages/icons/src/components/FileX.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFileX = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Film.tsx b/packages/icons/src/components/Film.tsx index b0694ecf2..859f8c51e 100644 --- a/packages/icons/src/components/Film.tsx +++ b/packages/icons/src/components/Film.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFilm = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Filter.tsx b/packages/icons/src/components/Filter.tsx index a4e7389da..a4b2baf76 100644 --- a/packages/icons/src/components/Filter.tsx +++ b/packages/icons/src/components/Filter.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFilter = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Flag.tsx b/packages/icons/src/components/Flag.tsx index 4cd959124..742d99d0a 100644 --- a/packages/icons/src/components/Flag.tsx +++ b/packages/icons/src/components/Flag.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFlag = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Folder.tsx b/packages/icons/src/components/Folder.tsx index 2f727b0f6..f805520f3 100644 --- a/packages/icons/src/components/Folder.tsx +++ b/packages/icons/src/components/Folder.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFolder = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/FolderMinus.tsx b/packages/icons/src/components/FolderMinus.tsx index 92d82780f..fd2604c49 100644 --- a/packages/icons/src/components/FolderMinus.tsx +++ b/packages/icons/src/components/FolderMinus.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFolderMinus = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/FolderPlus.tsx b/packages/icons/src/components/FolderPlus.tsx index e36a1684f..35d50cee2 100644 --- a/packages/icons/src/components/FolderPlus.tsx +++ b/packages/icons/src/components/FolderPlus.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFolderPlus = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Framer.tsx b/packages/icons/src/components/Framer.tsx index ee03df522..25d03169c 100644 --- a/packages/icons/src/components/Framer.tsx +++ b/packages/icons/src/components/Framer.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFramer = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Frown.tsx b/packages/icons/src/components/Frown.tsx index f95e9ec8c..9f9dac43f 100644 --- a/packages/icons/src/components/Frown.tsx +++ b/packages/icons/src/components/Frown.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgFrown = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Gift.tsx b/packages/icons/src/components/Gift.tsx index bed0d5034..a7db66d39 100644 --- a/packages/icons/src/components/Gift.tsx +++ b/packages/icons/src/components/Gift.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgGift = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/GitBranch.tsx b/packages/icons/src/components/GitBranch.tsx index 721ca1cb3..7e92058af 100644 --- a/packages/icons/src/components/GitBranch.tsx +++ b/packages/icons/src/components/GitBranch.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgGitBranch = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/GitCommit.tsx b/packages/icons/src/components/GitCommit.tsx index f33bca710..34616813f 100644 --- a/packages/icons/src/components/GitCommit.tsx +++ b/packages/icons/src/components/GitCommit.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgGitCommit = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/GitMerge.tsx b/packages/icons/src/components/GitMerge.tsx index eb58e9d49..89ba08cb2 100644 --- a/packages/icons/src/components/GitMerge.tsx +++ b/packages/icons/src/components/GitMerge.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgGitMerge = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/GitPullRequest.tsx b/packages/icons/src/components/GitPullRequest.tsx index 0adfb35d6..0e84046f7 100644 --- a/packages/icons/src/components/GitPullRequest.tsx +++ b/packages/icons/src/components/GitPullRequest.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgGitPullRequest = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Github.tsx b/packages/icons/src/components/Github.tsx index 0b8260eab..b2d799767 100644 --- a/packages/icons/src/components/Github.tsx +++ b/packages/icons/src/components/Github.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgGithub = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Gitlab.tsx b/packages/icons/src/components/Gitlab.tsx index 5c17c4b2a..f513c5208 100644 --- a/packages/icons/src/components/Gitlab.tsx +++ b/packages/icons/src/components/Gitlab.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgGitlab = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Globe.tsx b/packages/icons/src/components/Globe.tsx index 76b50cbf3..5e648afff 100644 --- a/packages/icons/src/components/Globe.tsx +++ b/packages/icons/src/components/Globe.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgGlobe = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Grid.tsx b/packages/icons/src/components/Grid.tsx index 54e339599..b55fe4cc8 100644 --- a/packages/icons/src/components/Grid.tsx +++ b/packages/icons/src/components/Grid.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgGrid = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/HardDrive.tsx b/packages/icons/src/components/HardDrive.tsx index 42f815a15..108905436 100644 --- a/packages/icons/src/components/HardDrive.tsx +++ b/packages/icons/src/components/HardDrive.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgHardDrive = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Hash.tsx b/packages/icons/src/components/Hash.tsx index d011955cc..40e0600d6 100644 --- a/packages/icons/src/components/Hash.tsx +++ b/packages/icons/src/components/Hash.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgHash = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Headphones.tsx b/packages/icons/src/components/Headphones.tsx index 687a3e176..6d704d98c 100644 --- a/packages/icons/src/components/Headphones.tsx +++ b/packages/icons/src/components/Headphones.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgHeadphones = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Heart.tsx b/packages/icons/src/components/Heart.tsx index cb2c1d157..bfa15e9c4 100644 --- a/packages/icons/src/components/Heart.tsx +++ b/packages/icons/src/components/Heart.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgHeart = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/HelpCircle.tsx b/packages/icons/src/components/HelpCircle.tsx index b2a0ef0bf..71b3f1f83 100644 --- a/packages/icons/src/components/HelpCircle.tsx +++ b/packages/icons/src/components/HelpCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgHelpCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Hexagon.tsx b/packages/icons/src/components/Hexagon.tsx index 02a97c759..bdd14e944 100644 --- a/packages/icons/src/components/Hexagon.tsx +++ b/packages/icons/src/components/Hexagon.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgHexagon = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Home.tsx b/packages/icons/src/components/Home.tsx index 045ae313f..29ca599d9 100644 --- a/packages/icons/src/components/Home.tsx +++ b/packages/icons/src/components/Home.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgHome = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Image.tsx b/packages/icons/src/components/Image.tsx index c2d2f36f3..2166e469a 100644 --- a/packages/icons/src/components/Image.tsx +++ b/packages/icons/src/components/Image.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgImage = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Inbox.tsx b/packages/icons/src/components/Inbox.tsx index 428558735..90b9a9d10 100644 --- a/packages/icons/src/components/Inbox.tsx +++ b/packages/icons/src/components/Inbox.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgInbox = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Info.tsx b/packages/icons/src/components/Info.tsx index 457eb7673..3196e22ab 100644 --- a/packages/icons/src/components/Info.tsx +++ b/packages/icons/src/components/Info.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgInfo = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Instagram.tsx b/packages/icons/src/components/Instagram.tsx index 73fcdd1f8..a572c0fe4 100644 --- a/packages/icons/src/components/Instagram.tsx +++ b/packages/icons/src/components/Instagram.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgInstagram = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Italic.tsx b/packages/icons/src/components/Italic.tsx index c2fbfdd0e..43ab787c5 100644 --- a/packages/icons/src/components/Italic.tsx +++ b/packages/icons/src/components/Italic.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgItalic = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Key.tsx b/packages/icons/src/components/Key.tsx index 89e18bae6..c7ad16ab3 100644 --- a/packages/icons/src/components/Key.tsx +++ b/packages/icons/src/components/Key.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgKey = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Layers.tsx b/packages/icons/src/components/Layers.tsx index ade6d62de..5fe0414d7 100644 --- a/packages/icons/src/components/Layers.tsx +++ b/packages/icons/src/components/Layers.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgLayers = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Layout.tsx b/packages/icons/src/components/Layout.tsx index 6d3be1d61..224cf295c 100644 --- a/packages/icons/src/components/Layout.tsx +++ b/packages/icons/src/components/Layout.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgLayout = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/LifeBuoy.tsx b/packages/icons/src/components/LifeBuoy.tsx index 692ab995c..9bcffbe5e 100644 --- a/packages/icons/src/components/LifeBuoy.tsx +++ b/packages/icons/src/components/LifeBuoy.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgLifeBuoy = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Link.tsx b/packages/icons/src/components/Link.tsx index cd13f2243..2648765b1 100644 --- a/packages/icons/src/components/Link.tsx +++ b/packages/icons/src/components/Link.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgLink = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Link2.tsx b/packages/icons/src/components/Link2.tsx index 64b2c4bf7..27660d3b8 100644 --- a/packages/icons/src/components/Link2.tsx +++ b/packages/icons/src/components/Link2.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgLink2 = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Linkedin.tsx b/packages/icons/src/components/Linkedin.tsx index 203adbc89..0c3e3c2c8 100644 --- a/packages/icons/src/components/Linkedin.tsx +++ b/packages/icons/src/components/Linkedin.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgLinkedin = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/List.tsx b/packages/icons/src/components/List.tsx index bc75367e2..c5cc50285 100644 --- a/packages/icons/src/components/List.tsx +++ b/packages/icons/src/components/List.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgList = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Loader.tsx b/packages/icons/src/components/Loader.tsx index d65cc6864..24941d092 100644 --- a/packages/icons/src/components/Loader.tsx +++ b/packages/icons/src/components/Loader.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgLoader = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Lock.tsx b/packages/icons/src/components/Lock.tsx index 5c611dbea..8d894f5e6 100644 --- a/packages/icons/src/components/Lock.tsx +++ b/packages/icons/src/components/Lock.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgLock = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/LogIn.tsx b/packages/icons/src/components/LogIn.tsx index 088e0dc73..f28594a44 100644 --- a/packages/icons/src/components/LogIn.tsx +++ b/packages/icons/src/components/LogIn.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgLogIn = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/LogOut.tsx b/packages/icons/src/components/LogOut.tsx index 5f8716999..57577dd7b 100644 --- a/packages/icons/src/components/LogOut.tsx +++ b/packages/icons/src/components/LogOut.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgLogOut = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Mail.tsx b/packages/icons/src/components/Mail.tsx index 7417e37ae..1f9733bc1 100644 --- a/packages/icons/src/components/Mail.tsx +++ b/packages/icons/src/components/Mail.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMail = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Map.tsx b/packages/icons/src/components/Map.tsx index e20412d21..565fc4989 100644 --- a/packages/icons/src/components/Map.tsx +++ b/packages/icons/src/components/Map.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMap = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/MapPin.tsx b/packages/icons/src/components/MapPin.tsx index 3007ae95b..53650a6e5 100644 --- a/packages/icons/src/components/MapPin.tsx +++ b/packages/icons/src/components/MapPin.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMapPin = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Maximize.tsx b/packages/icons/src/components/Maximize.tsx index 767db0a19..7ffc95dac 100644 --- a/packages/icons/src/components/Maximize.tsx +++ b/packages/icons/src/components/Maximize.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMaximize = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Maximize2.tsx b/packages/icons/src/components/Maximize2.tsx index a39619d9b..d76622c79 100644 --- a/packages/icons/src/components/Maximize2.tsx +++ b/packages/icons/src/components/Maximize2.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMaximize2 = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Meh.tsx b/packages/icons/src/components/Meh.tsx index 20d4042d9..126eec076 100644 --- a/packages/icons/src/components/Meh.tsx +++ b/packages/icons/src/components/Meh.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMeh = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Menu.tsx b/packages/icons/src/components/Menu.tsx index 18e91f937..e876e7084 100644 --- a/packages/icons/src/components/Menu.tsx +++ b/packages/icons/src/components/Menu.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMenu = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/MessageCircle.tsx b/packages/icons/src/components/MessageCircle.tsx index b1a50c38e..c9e60ff3c 100644 --- a/packages/icons/src/components/MessageCircle.tsx +++ b/packages/icons/src/components/MessageCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMessageCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/MessageSquare.tsx b/packages/icons/src/components/MessageSquare.tsx index 97eb79475..50856c3f9 100644 --- a/packages/icons/src/components/MessageSquare.tsx +++ b/packages/icons/src/components/MessageSquare.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMessageSquare = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Mic.tsx b/packages/icons/src/components/Mic.tsx index d90e6c4ed..e05bb1973 100644 --- a/packages/icons/src/components/Mic.tsx +++ b/packages/icons/src/components/Mic.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMic = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/MicOff.tsx b/packages/icons/src/components/MicOff.tsx index ec09b4c0b..1cac06f81 100644 --- a/packages/icons/src/components/MicOff.tsx +++ b/packages/icons/src/components/MicOff.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMicOff = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Minimize.tsx b/packages/icons/src/components/Minimize.tsx index 22846c27c..188fa55c0 100644 --- a/packages/icons/src/components/Minimize.tsx +++ b/packages/icons/src/components/Minimize.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMinimize = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Minimize2.tsx b/packages/icons/src/components/Minimize2.tsx index 6bc8f3768..afb97e174 100644 --- a/packages/icons/src/components/Minimize2.tsx +++ b/packages/icons/src/components/Minimize2.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMinimize2 = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Minus.tsx b/packages/icons/src/components/Minus.tsx index 47dd8d544..d749449d4 100644 --- a/packages/icons/src/components/Minus.tsx +++ b/packages/icons/src/components/Minus.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMinus = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/MinusCircle.tsx b/packages/icons/src/components/MinusCircle.tsx index 8e8e9ff87..55beb1d37 100644 --- a/packages/icons/src/components/MinusCircle.tsx +++ b/packages/icons/src/components/MinusCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMinusCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/MinusSquare.tsx b/packages/icons/src/components/MinusSquare.tsx index 5bb1996ef..7308a8b88 100644 --- a/packages/icons/src/components/MinusSquare.tsx +++ b/packages/icons/src/components/MinusSquare.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMinusSquare = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Monitor.tsx b/packages/icons/src/components/Monitor.tsx index ecad42831..3bebaaf8c 100644 --- a/packages/icons/src/components/Monitor.tsx +++ b/packages/icons/src/components/Monitor.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMonitor = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Moon.tsx b/packages/icons/src/components/Moon.tsx index 6d6f89d75..17837fac9 100644 --- a/packages/icons/src/components/Moon.tsx +++ b/packages/icons/src/components/Moon.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMoon = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/MoreHorizontal.tsx b/packages/icons/src/components/MoreHorizontal.tsx index e03019259..0aef96c84 100644 --- a/packages/icons/src/components/MoreHorizontal.tsx +++ b/packages/icons/src/components/MoreHorizontal.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMoreHorizontal = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/MoreVertical.tsx b/packages/icons/src/components/MoreVertical.tsx index 121648085..9eee1ac43 100644 --- a/packages/icons/src/components/MoreVertical.tsx +++ b/packages/icons/src/components/MoreVertical.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMoreVertical = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/MousePointer.tsx b/packages/icons/src/components/MousePointer.tsx index 261cd8fc4..7eb83b1e5 100644 --- a/packages/icons/src/components/MousePointer.tsx +++ b/packages/icons/src/components/MousePointer.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMousePointer = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Move.tsx b/packages/icons/src/components/Move.tsx index ea1fc3666..233222d22 100644 --- a/packages/icons/src/components/Move.tsx +++ b/packages/icons/src/components/Move.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMove = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Music.tsx b/packages/icons/src/components/Music.tsx index 2ad289dea..aff68cd70 100644 --- a/packages/icons/src/components/Music.tsx +++ b/packages/icons/src/components/Music.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgMusic = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Navigation.tsx b/packages/icons/src/components/Navigation.tsx index 4d0144fe7..a680448d6 100644 --- a/packages/icons/src/components/Navigation.tsx +++ b/packages/icons/src/components/Navigation.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgNavigation = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Navigation2.tsx b/packages/icons/src/components/Navigation2.tsx index 003c09566..fc91bf16a 100644 --- a/packages/icons/src/components/Navigation2.tsx +++ b/packages/icons/src/components/Navigation2.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgNavigation2 = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Octagon.tsx b/packages/icons/src/components/Octagon.tsx index 1a186a624..1f9b9219d 100644 --- a/packages/icons/src/components/Octagon.tsx +++ b/packages/icons/src/components/Octagon.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgOctagon = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Package.tsx b/packages/icons/src/components/Package.tsx index 543fbefe1..418e2ff68 100644 --- a/packages/icons/src/components/Package.tsx +++ b/packages/icons/src/components/Package.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPackage = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Paperclip.tsx b/packages/icons/src/components/Paperclip.tsx index 1536fb5e6..966bdbfba 100644 --- a/packages/icons/src/components/Paperclip.tsx +++ b/packages/icons/src/components/Paperclip.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPaperclip = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Pause.tsx b/packages/icons/src/components/Pause.tsx index ece6c4360..8e56c5ca0 100644 --- a/packages/icons/src/components/Pause.tsx +++ b/packages/icons/src/components/Pause.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPause = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/PauseCircle.tsx b/packages/icons/src/components/PauseCircle.tsx index b2cd75cfc..dce3ab24f 100644 --- a/packages/icons/src/components/PauseCircle.tsx +++ b/packages/icons/src/components/PauseCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPauseCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/PenTool.tsx b/packages/icons/src/components/PenTool.tsx index 8ed41c970..1353bf06f 100644 --- a/packages/icons/src/components/PenTool.tsx +++ b/packages/icons/src/components/PenTool.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPenTool = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Percent.tsx b/packages/icons/src/components/Percent.tsx index 6aace088b..3e6733386 100644 --- a/packages/icons/src/components/Percent.tsx +++ b/packages/icons/src/components/Percent.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPercent = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Phone.tsx b/packages/icons/src/components/Phone.tsx index 7e929904f..5971026d8 100644 --- a/packages/icons/src/components/Phone.tsx +++ b/packages/icons/src/components/Phone.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPhone = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/PhoneCall.tsx b/packages/icons/src/components/PhoneCall.tsx index 95515188e..c8542edc9 100644 --- a/packages/icons/src/components/PhoneCall.tsx +++ b/packages/icons/src/components/PhoneCall.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPhoneCall = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/PhoneForwarded.tsx b/packages/icons/src/components/PhoneForwarded.tsx index 7e6f886c8..3d5326741 100644 --- a/packages/icons/src/components/PhoneForwarded.tsx +++ b/packages/icons/src/components/PhoneForwarded.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPhoneForwarded = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/PhoneIncoming.tsx b/packages/icons/src/components/PhoneIncoming.tsx index 147b2d9a0..b70b3ac04 100644 --- a/packages/icons/src/components/PhoneIncoming.tsx +++ b/packages/icons/src/components/PhoneIncoming.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPhoneIncoming = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/PhoneMissed.tsx b/packages/icons/src/components/PhoneMissed.tsx index bcd540c12..4534d8717 100644 --- a/packages/icons/src/components/PhoneMissed.tsx +++ b/packages/icons/src/components/PhoneMissed.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPhoneMissed = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/PhoneOff.tsx b/packages/icons/src/components/PhoneOff.tsx index 905cd9cf7..7fb17d7fd 100644 --- a/packages/icons/src/components/PhoneOff.tsx +++ b/packages/icons/src/components/PhoneOff.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPhoneOff = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/PhoneOutgoing.tsx b/packages/icons/src/components/PhoneOutgoing.tsx index 2065f8b95..86a106c2c 100644 --- a/packages/icons/src/components/PhoneOutgoing.tsx +++ b/packages/icons/src/components/PhoneOutgoing.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPhoneOutgoing = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/PieChart.tsx b/packages/icons/src/components/PieChart.tsx index fc7939b61..0039334d7 100644 --- a/packages/icons/src/components/PieChart.tsx +++ b/packages/icons/src/components/PieChart.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPieChart = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Play.tsx b/packages/icons/src/components/Play.tsx index 500c43b89..defd97fc6 100644 --- a/packages/icons/src/components/Play.tsx +++ b/packages/icons/src/components/Play.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPlay = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/PlayCircle.tsx b/packages/icons/src/components/PlayCircle.tsx index 5bc36c694..f95c869ef 100644 --- a/packages/icons/src/components/PlayCircle.tsx +++ b/packages/icons/src/components/PlayCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPlayCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Plus.tsx b/packages/icons/src/components/Plus.tsx index 33178bb3f..648a05ff9 100644 --- a/packages/icons/src/components/Plus.tsx +++ b/packages/icons/src/components/Plus.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPlus = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/PlusCircle.tsx b/packages/icons/src/components/PlusCircle.tsx index ed429bcd9..525ee1ba8 100644 --- a/packages/icons/src/components/PlusCircle.tsx +++ b/packages/icons/src/components/PlusCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPlusCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/PlusSquare.tsx b/packages/icons/src/components/PlusSquare.tsx index 5dd3538fd..d14381dfd 100644 --- a/packages/icons/src/components/PlusSquare.tsx +++ b/packages/icons/src/components/PlusSquare.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPlusSquare = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Pocket.tsx b/packages/icons/src/components/Pocket.tsx index 59c92ffe1..e4f29e32a 100644 --- a/packages/icons/src/components/Pocket.tsx +++ b/packages/icons/src/components/Pocket.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPocket = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Polkadot.tsx b/packages/icons/src/components/Polkadot.tsx index b843b4e9b..0f49fe448 100644 --- a/packages/icons/src/components/Polkadot.tsx +++ b/packages/icons/src/components/Polkadot.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPolkadot = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Power.tsx b/packages/icons/src/components/Power.tsx index 3eb6cb19f..669442d95 100644 --- a/packages/icons/src/components/Power.tsx +++ b/packages/icons/src/components/Power.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPower = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Printer.tsx b/packages/icons/src/components/Printer.tsx index 36a01aed0..156a7405a 100644 --- a/packages/icons/src/components/Printer.tsx +++ b/packages/icons/src/components/Printer.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgPrinter = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Radio.tsx b/packages/icons/src/components/Radio.tsx index 441f0db4d..e484952c5 100644 --- a/packages/icons/src/components/Radio.tsx +++ b/packages/icons/src/components/Radio.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgRadio = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/RefreshCcw.tsx b/packages/icons/src/components/RefreshCcw.tsx index 0e2d41398..45204f6fd 100644 --- a/packages/icons/src/components/RefreshCcw.tsx +++ b/packages/icons/src/components/RefreshCcw.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgRefreshCcw = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/RefreshCw.tsx b/packages/icons/src/components/RefreshCw.tsx index 71208a59d..1b500cf86 100644 --- a/packages/icons/src/components/RefreshCw.tsx +++ b/packages/icons/src/components/RefreshCw.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgRefreshCw = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Repeat.tsx b/packages/icons/src/components/Repeat.tsx index 840df4c45..8c54c1d1a 100644 --- a/packages/icons/src/components/Repeat.tsx +++ b/packages/icons/src/components/Repeat.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgRepeat = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Rewind.tsx b/packages/icons/src/components/Rewind.tsx index ab681849f..b936d6250 100644 --- a/packages/icons/src/components/Rewind.tsx +++ b/packages/icons/src/components/Rewind.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgRewind = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Rocket.tsx b/packages/icons/src/components/Rocket.tsx index 09a8f374d..efd3ac4c6 100644 --- a/packages/icons/src/components/Rocket.tsx +++ b/packages/icons/src/components/Rocket.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgRocket = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/RotateCcw.tsx b/packages/icons/src/components/RotateCcw.tsx index 85fd24d17..bd17c04e2 100644 --- a/packages/icons/src/components/RotateCcw.tsx +++ b/packages/icons/src/components/RotateCcw.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgRotateCcw = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/RotateCw.tsx b/packages/icons/src/components/RotateCw.tsx index ca3ac502f..4c00519fa 100644 --- a/packages/icons/src/components/RotateCw.tsx +++ b/packages/icons/src/components/RotateCw.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgRotateCw = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Rss.tsx b/packages/icons/src/components/Rss.tsx index ce362e7cb..b717f6723 100644 --- a/packages/icons/src/components/Rss.tsx +++ b/packages/icons/src/components/Rss.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgRss = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Save.tsx b/packages/icons/src/components/Save.tsx index 598422d61..b2657d4e9 100644 --- a/packages/icons/src/components/Save.tsx +++ b/packages/icons/src/components/Save.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSave = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Scissors.tsx b/packages/icons/src/components/Scissors.tsx index df47bfadf..38a34f478 100644 --- a/packages/icons/src/components/Scissors.tsx +++ b/packages/icons/src/components/Scissors.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgScissors = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Search.tsx b/packages/icons/src/components/Search.tsx index 7c4ade450..28c10e94f 100644 --- a/packages/icons/src/components/Search.tsx +++ b/packages/icons/src/components/Search.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSearch = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Send.tsx b/packages/icons/src/components/Send.tsx index 81c45b9bd..db0dd3079 100644 --- a/packages/icons/src/components/Send.tsx +++ b/packages/icons/src/components/Send.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSend = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Server.tsx b/packages/icons/src/components/Server.tsx index b61cf76f0..64021892d 100644 --- a/packages/icons/src/components/Server.tsx +++ b/packages/icons/src/components/Server.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgServer = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Settings.tsx b/packages/icons/src/components/Settings.tsx index ec5e52f22..f75956f10 100644 --- a/packages/icons/src/components/Settings.tsx +++ b/packages/icons/src/components/Settings.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSettings = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Share.tsx b/packages/icons/src/components/Share.tsx index 51db32568..11f1d5136 100644 --- a/packages/icons/src/components/Share.tsx +++ b/packages/icons/src/components/Share.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgShare = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Share2.tsx b/packages/icons/src/components/Share2.tsx index ea85331e2..0f6702111 100644 --- a/packages/icons/src/components/Share2.tsx +++ b/packages/icons/src/components/Share2.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgShare2 = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Shield.tsx b/packages/icons/src/components/Shield.tsx index 0886b6659..903d5f086 100644 --- a/packages/icons/src/components/Shield.tsx +++ b/packages/icons/src/components/Shield.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgShield = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ShieldOff.tsx b/packages/icons/src/components/ShieldOff.tsx index 9280b8556..23bc91986 100644 --- a/packages/icons/src/components/ShieldOff.tsx +++ b/packages/icons/src/components/ShieldOff.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgShieldOff = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ShoppingBag.tsx b/packages/icons/src/components/ShoppingBag.tsx index 518dac767..f06a1ea53 100644 --- a/packages/icons/src/components/ShoppingBag.tsx +++ b/packages/icons/src/components/ShoppingBag.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgShoppingBag = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ShoppingCart.tsx b/packages/icons/src/components/ShoppingCart.tsx index c1ea10622..2c4e61166 100644 --- a/packages/icons/src/components/ShoppingCart.tsx +++ b/packages/icons/src/components/ShoppingCart.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgShoppingCart = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Shuffle.tsx b/packages/icons/src/components/Shuffle.tsx index 3f61cd3ae..af229ef31 100644 --- a/packages/icons/src/components/Shuffle.tsx +++ b/packages/icons/src/components/Shuffle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgShuffle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Sidebar.tsx b/packages/icons/src/components/Sidebar.tsx index 2f0c9f367..d0511511e 100644 --- a/packages/icons/src/components/Sidebar.tsx +++ b/packages/icons/src/components/Sidebar.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSidebar = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/SkipBack.tsx b/packages/icons/src/components/SkipBack.tsx index 18102c76d..7474f0f42 100644 --- a/packages/icons/src/components/SkipBack.tsx +++ b/packages/icons/src/components/SkipBack.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSkipBack = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/SkipForward.tsx b/packages/icons/src/components/SkipForward.tsx index 42eb2fdd7..1ab1f5c72 100644 --- a/packages/icons/src/components/SkipForward.tsx +++ b/packages/icons/src/components/SkipForward.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSkipForward = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Slack.tsx b/packages/icons/src/components/Slack.tsx index b6983a140..dd8af29d6 100644 --- a/packages/icons/src/components/Slack.tsx +++ b/packages/icons/src/components/Slack.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSlack = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Slash.tsx b/packages/icons/src/components/Slash.tsx index ab63a08c1..41d5b78bf 100644 --- a/packages/icons/src/components/Slash.tsx +++ b/packages/icons/src/components/Slash.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSlash = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Sliders.tsx b/packages/icons/src/components/Sliders.tsx index dbae3799f..8d75b0de3 100644 --- a/packages/icons/src/components/Sliders.tsx +++ b/packages/icons/src/components/Sliders.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSliders = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Smartphone.tsx b/packages/icons/src/components/Smartphone.tsx index e99bbc12f..6e688f61d 100644 --- a/packages/icons/src/components/Smartphone.tsx +++ b/packages/icons/src/components/Smartphone.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSmartphone = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Smile.tsx b/packages/icons/src/components/Smile.tsx index 05f5172dd..b3a66f379 100644 --- a/packages/icons/src/components/Smile.tsx +++ b/packages/icons/src/components/Smile.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSmile = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Speaker.tsx b/packages/icons/src/components/Speaker.tsx index 5f5f42bc0..59970820f 100644 --- a/packages/icons/src/components/Speaker.tsx +++ b/packages/icons/src/components/Speaker.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSpeaker = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Square.tsx b/packages/icons/src/components/Square.tsx index e269a4fda..1f30bcd7a 100644 --- a/packages/icons/src/components/Square.tsx +++ b/packages/icons/src/components/Square.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSquare = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Star.tsx b/packages/icons/src/components/Star.tsx index bb19d17d3..35de6ff9e 100644 --- a/packages/icons/src/components/Star.tsx +++ b/packages/icons/src/components/Star.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgStar = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/StopCircle.tsx b/packages/icons/src/components/StopCircle.tsx index 9145e94b6..d55e5c5fd 100644 --- a/packages/icons/src/components/StopCircle.tsx +++ b/packages/icons/src/components/StopCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgStopCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Sun.tsx b/packages/icons/src/components/Sun.tsx index 3746f4cfe..021459492 100644 --- a/packages/icons/src/components/Sun.tsx +++ b/packages/icons/src/components/Sun.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSun = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Sunrise.tsx b/packages/icons/src/components/Sunrise.tsx index c8a8b6b45..ab1de922a 100644 --- a/packages/icons/src/components/Sunrise.tsx +++ b/packages/icons/src/components/Sunrise.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSunrise = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Sunset.tsx b/packages/icons/src/components/Sunset.tsx index 49306d33e..0b37b7045 100644 --- a/packages/icons/src/components/Sunset.tsx +++ b/packages/icons/src/components/Sunset.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgSunset = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Tablet.tsx b/packages/icons/src/components/Tablet.tsx index 85d14691f..a078df96c 100644 --- a/packages/icons/src/components/Tablet.tsx +++ b/packages/icons/src/components/Tablet.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTablet = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Tag.tsx b/packages/icons/src/components/Tag.tsx index 85c5ba08a..aa2975005 100644 --- a/packages/icons/src/components/Tag.tsx +++ b/packages/icons/src/components/Tag.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTag = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/TalismanHand.tsx b/packages/icons/src/components/TalismanHand.tsx index f865cb503..c09e859ab 100644 --- a/packages/icons/src/components/TalismanHand.tsx +++ b/packages/icons/src/components/TalismanHand.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTalismanHand = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Target.tsx b/packages/icons/src/components/Target.tsx index 3227a0349..01afae7d8 100644 --- a/packages/icons/src/components/Target.tsx +++ b/packages/icons/src/components/Target.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTarget = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Terminal.tsx b/packages/icons/src/components/Terminal.tsx index 74e47701b..56b76688d 100644 --- a/packages/icons/src/components/Terminal.tsx +++ b/packages/icons/src/components/Terminal.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTerminal = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Thermometer.tsx b/packages/icons/src/components/Thermometer.tsx index ea6c3df61..f3f261eb0 100644 --- a/packages/icons/src/components/Thermometer.tsx +++ b/packages/icons/src/components/Thermometer.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgThermometer = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ThumbsDown.tsx b/packages/icons/src/components/ThumbsDown.tsx index 6cf3a116d..c797264e0 100644 --- a/packages/icons/src/components/ThumbsDown.tsx +++ b/packages/icons/src/components/ThumbsDown.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgThumbsDown = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ThumbsUp.tsx b/packages/icons/src/components/ThumbsUp.tsx index 7e932136c..7ef452416 100644 --- a/packages/icons/src/components/ThumbsUp.tsx +++ b/packages/icons/src/components/ThumbsUp.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgThumbsUp = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ToggleLeft.tsx b/packages/icons/src/components/ToggleLeft.tsx index 4bce0d3bb..172270234 100644 --- a/packages/icons/src/components/ToggleLeft.tsx +++ b/packages/icons/src/components/ToggleLeft.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgToggleLeft = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ToggleRight.tsx b/packages/icons/src/components/ToggleRight.tsx index 59f977877..f01c52140 100644 --- a/packages/icons/src/components/ToggleRight.tsx +++ b/packages/icons/src/components/ToggleRight.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgToggleRight = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Tool.tsx b/packages/icons/src/components/Tool.tsx index 52c72aa9b..217837a3e 100644 --- a/packages/icons/src/components/Tool.tsx +++ b/packages/icons/src/components/Tool.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTool = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Trash.tsx b/packages/icons/src/components/Trash.tsx index 84654c66f..ff01a6b54 100644 --- a/packages/icons/src/components/Trash.tsx +++ b/packages/icons/src/components/Trash.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTrash = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Trash2.tsx b/packages/icons/src/components/Trash2.tsx index d433271b4..f9562117d 100644 --- a/packages/icons/src/components/Trash2.tsx +++ b/packages/icons/src/components/Trash2.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTrash2 = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Trello.tsx b/packages/icons/src/components/Trello.tsx index b21712066..e0c233899 100644 --- a/packages/icons/src/components/Trello.tsx +++ b/packages/icons/src/components/Trello.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTrello = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/TrendingDown.tsx b/packages/icons/src/components/TrendingDown.tsx index fd5ba7863..2860dbe7e 100644 --- a/packages/icons/src/components/TrendingDown.tsx +++ b/packages/icons/src/components/TrendingDown.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTrendingDown = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/TrendingUp.tsx b/packages/icons/src/components/TrendingUp.tsx index fca588f84..07f3a3e50 100644 --- a/packages/icons/src/components/TrendingUp.tsx +++ b/packages/icons/src/components/TrendingUp.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTrendingUp = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Triangle.tsx b/packages/icons/src/components/Triangle.tsx index 3b622166e..f35ed1613 100644 --- a/packages/icons/src/components/Triangle.tsx +++ b/packages/icons/src/components/Triangle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTriangle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Truck.tsx b/packages/icons/src/components/Truck.tsx index fb7f8757d..017f9687b 100644 --- a/packages/icons/src/components/Truck.tsx +++ b/packages/icons/src/components/Truck.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTruck = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Tv.tsx b/packages/icons/src/components/Tv.tsx index 6519443f9..0388f449e 100644 --- a/packages/icons/src/components/Tv.tsx +++ b/packages/icons/src/components/Tv.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTv = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Twitter.tsx b/packages/icons/src/components/Twitter.tsx index aba4b60dc..601dc866b 100644 --- a/packages/icons/src/components/Twitter.tsx +++ b/packages/icons/src/components/Twitter.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgTwitter = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Type.tsx b/packages/icons/src/components/Type.tsx index 448428427..36f85634d 100644 --- a/packages/icons/src/components/Type.tsx +++ b/packages/icons/src/components/Type.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgType = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Umbrella.tsx b/packages/icons/src/components/Umbrella.tsx index 6ac68eeb2..582d2df20 100644 --- a/packages/icons/src/components/Umbrella.tsx +++ b/packages/icons/src/components/Umbrella.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgUmbrella = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Underline.tsx b/packages/icons/src/components/Underline.tsx index 78bd1a082..8b530980e 100644 --- a/packages/icons/src/components/Underline.tsx +++ b/packages/icons/src/components/Underline.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgUnderline = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Union.tsx b/packages/icons/src/components/Union.tsx index a28dc76f3..6e7713b1d 100644 --- a/packages/icons/src/components/Union.tsx +++ b/packages/icons/src/components/Union.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgUnion = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Unknown.tsx b/packages/icons/src/components/Unknown.tsx index 007cdf45a..865ed3d41 100644 --- a/packages/icons/src/components/Unknown.tsx +++ b/packages/icons/src/components/Unknown.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgUnknown = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Unlock.tsx b/packages/icons/src/components/Unlock.tsx index 6c66450c5..72cfa30a8 100644 --- a/packages/icons/src/components/Unlock.tsx +++ b/packages/icons/src/components/Unlock.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgUnlock = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Upload.tsx b/packages/icons/src/components/Upload.tsx index cb5086486..a1a11867a 100644 --- a/packages/icons/src/components/Upload.tsx +++ b/packages/icons/src/components/Upload.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgUpload = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/UploadCloud.tsx b/packages/icons/src/components/UploadCloud.tsx index 48723e590..d919dee25 100644 --- a/packages/icons/src/components/UploadCloud.tsx +++ b/packages/icons/src/components/UploadCloud.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgUploadCloud = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/User.tsx b/packages/icons/src/components/User.tsx index 2a449863c..e6f387127 100644 --- a/packages/icons/src/components/User.tsx +++ b/packages/icons/src/components/User.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgUser = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/UserCheck.tsx b/packages/icons/src/components/UserCheck.tsx index 07e488019..12231b52b 100644 --- a/packages/icons/src/components/UserCheck.tsx +++ b/packages/icons/src/components/UserCheck.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgUserCheck = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/UserMinus.tsx b/packages/icons/src/components/UserMinus.tsx index 46f73aba8..6f67d48db 100644 --- a/packages/icons/src/components/UserMinus.tsx +++ b/packages/icons/src/components/UserMinus.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgUserMinus = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/UserPlus.tsx b/packages/icons/src/components/UserPlus.tsx index 876d9ff55..1de9c9987 100644 --- a/packages/icons/src/components/UserPlus.tsx +++ b/packages/icons/src/components/UserPlus.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgUserPlus = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/UserX.tsx b/packages/icons/src/components/UserX.tsx index e01224b73..432bd9dfd 100644 --- a/packages/icons/src/components/UserX.tsx +++ b/packages/icons/src/components/UserX.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgUserX = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Users.tsx b/packages/icons/src/components/Users.tsx index bac27a406..8a06a2ac7 100644 --- a/packages/icons/src/components/Users.tsx +++ b/packages/icons/src/components/Users.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgUsers = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Video.tsx b/packages/icons/src/components/Video.tsx index 35ed1b2c9..4e0852063 100644 --- a/packages/icons/src/components/Video.tsx +++ b/packages/icons/src/components/Video.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgVideo = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/VideoOff.tsx b/packages/icons/src/components/VideoOff.tsx index 2ce9f1659..c5669e40d 100644 --- a/packages/icons/src/components/VideoOff.tsx +++ b/packages/icons/src/components/VideoOff.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgVideoOff = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Voicemail.tsx b/packages/icons/src/components/Voicemail.tsx index 1a7205b7c..95d60b394 100644 --- a/packages/icons/src/components/Voicemail.tsx +++ b/packages/icons/src/components/Voicemail.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgVoicemail = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Volume.tsx b/packages/icons/src/components/Volume.tsx index 7643a67f4..4fee0fd18 100644 --- a/packages/icons/src/components/Volume.tsx +++ b/packages/icons/src/components/Volume.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgVolume = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Volume1.tsx b/packages/icons/src/components/Volume1.tsx index f0a7451dd..e9a2c3bd5 100644 --- a/packages/icons/src/components/Volume1.tsx +++ b/packages/icons/src/components/Volume1.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgVolume1 = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Volume2.tsx b/packages/icons/src/components/Volume2.tsx index aeabe09ef..c3fc4eaf5 100644 --- a/packages/icons/src/components/Volume2.tsx +++ b/packages/icons/src/components/Volume2.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgVolume2 = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/VolumeX.tsx b/packages/icons/src/components/VolumeX.tsx index e037e6c72..1979d3681 100644 --- a/packages/icons/src/components/VolumeX.tsx +++ b/packages/icons/src/components/VolumeX.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgVolumeX = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Wallet.tsx b/packages/icons/src/components/Wallet.tsx index 7a9961bd4..f5242d0a4 100644 --- a/packages/icons/src/components/Wallet.tsx +++ b/packages/icons/src/components/Wallet.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgWallet = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Watch.tsx b/packages/icons/src/components/Watch.tsx index c71b8eb88..441e0b670 100644 --- a/packages/icons/src/components/Watch.tsx +++ b/packages/icons/src/components/Watch.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgWatch = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Wifi.tsx b/packages/icons/src/components/Wifi.tsx index 44c390333..25be5bb71 100644 --- a/packages/icons/src/components/Wifi.tsx +++ b/packages/icons/src/components/Wifi.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgWifi = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/WifiOff.tsx b/packages/icons/src/components/WifiOff.tsx index e0d9e4646..e81139bb3 100644 --- a/packages/icons/src/components/WifiOff.tsx +++ b/packages/icons/src/components/WifiOff.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgWifiOff = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Wind.tsx b/packages/icons/src/components/Wind.tsx index 21aab5832..2508444ea 100644 --- a/packages/icons/src/components/Wind.tsx +++ b/packages/icons/src/components/Wind.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgWind = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/X.tsx b/packages/icons/src/components/X.tsx index eb3f1929c..c095e0fc8 100644 --- a/packages/icons/src/components/X.tsx +++ b/packages/icons/src/components/X.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgX = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/XCircle.tsx b/packages/icons/src/components/XCircle.tsx index 975d53bee..5e58d9dca 100644 --- a/packages/icons/src/components/XCircle.tsx +++ b/packages/icons/src/components/XCircle.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgXCircle = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/XOctagon.tsx b/packages/icons/src/components/XOctagon.tsx index dfe74f28b..224ec8424 100644 --- a/packages/icons/src/components/XOctagon.tsx +++ b/packages/icons/src/components/XOctagon.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgXOctagon = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/XSquare.tsx b/packages/icons/src/components/XSquare.tsx index 585f6f315..7fd6f13e0 100644 --- a/packages/icons/src/components/XSquare.tsx +++ b/packages/icons/src/components/XSquare.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgXSquare = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Youtube.tsx b/packages/icons/src/components/Youtube.tsx index 535242eb6..47ce19b7c 100644 --- a/packages/icons/src/components/Youtube.tsx +++ b/packages/icons/src/components/Youtube.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgYoutube = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/Zap.tsx b/packages/icons/src/components/Zap.tsx index 63e4010db..c582f8f6e 100644 --- a/packages/icons/src/components/Zap.tsx +++ b/packages/icons/src/components/Zap.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgZap = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ZapOff.tsx b/packages/icons/src/components/ZapOff.tsx index ae5c82c06..a607f96eb 100644 --- a/packages/icons/src/components/ZapOff.tsx +++ b/packages/icons/src/components/ZapOff.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgZapOff = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ZapPlus.tsx b/packages/icons/src/components/ZapPlus.tsx index fbd703d5d..54b86dd25 100644 --- a/packages/icons/src/components/ZapPlus.tsx +++ b/packages/icons/src/components/ZapPlus.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgZapPlus = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ZoomIn.tsx b/packages/icons/src/components/ZoomIn.tsx index 5116345cf..47cb8840a 100644 --- a/packages/icons/src/components/ZoomIn.tsx +++ b/packages/icons/src/components/ZoomIn.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgZoomIn = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/icons/src/components/ZoomOut.tsx b/packages/icons/src/components/ZoomOut.tsx index bfcd7bb5d..544d11771 100644 --- a/packages/icons/src/components/ZoomOut.tsx +++ b/packages/icons/src/components/ZoomOut.tsx @@ -1,7 +1,8 @@ +import { IconContext } from '../context' import * as React from 'react' import type { SVGProps } from 'react' import { Ref, forwardRef } from 'react' -import { IconContext } from '../context' + const SvgZoomOut = ( props: Omit, 'width' | 'height'> & { size?: number | string diff --git a/packages/nft/generated/gql/rmrk2/fragment-masking.ts b/packages/nft/generated/gql/rmrk2/fragment-masking.ts index 4567d0fe3..0f2e25f92 100644 --- a/packages/nft/generated/gql/rmrk2/fragment-masking.ts +++ b/packages/nft/generated/gql/rmrk2/fragment-masking.ts @@ -1,6 +1,6 @@ +import type { Incremental } from './graphql.js' import type { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core' import type { FragmentDefinitionNode } from 'graphql' -import type { Incremental } from './graphql.js' export type FragmentType> = TDocumentType extends DocumentTypeDecoration diff --git a/packages/nft/generated/gql/rmrk2/graphql.ts b/packages/nft/generated/gql/rmrk2/graphql.ts index 2e9e8f756..5c16fa333 100644 --- a/packages/nft/generated/gql/rmrk2/graphql.ts +++ b/packages/nft/generated/gql/rmrk2/graphql.ts @@ -1,5 +1,6 @@ /* eslint-disable */ import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core' + export type Maybe = T | null export type InputMaybe = Maybe export type Exact = { [K in keyof T]: T[K] } diff --git a/packages/nft/generated/gql/substrateNftKusamaAssetHub/fragment-masking.ts b/packages/nft/generated/gql/substrateNftKusamaAssetHub/fragment-masking.ts index 4567d0fe3..0f2e25f92 100644 --- a/packages/nft/generated/gql/substrateNftKusamaAssetHub/fragment-masking.ts +++ b/packages/nft/generated/gql/substrateNftKusamaAssetHub/fragment-masking.ts @@ -1,6 +1,6 @@ +import type { Incremental } from './graphql.js' import type { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core' import type { FragmentDefinitionNode } from 'graphql' -import type { Incremental } from './graphql.js' export type FragmentType> = TDocumentType extends DocumentTypeDecoration diff --git a/packages/nft/generated/gql/substrateNftKusamaAssetHub/graphql.ts b/packages/nft/generated/gql/substrateNftKusamaAssetHub/graphql.ts index 5a3c99c6f..6d58e19a4 100644 --- a/packages/nft/generated/gql/substrateNftKusamaAssetHub/graphql.ts +++ b/packages/nft/generated/gql/substrateNftKusamaAssetHub/graphql.ts @@ -1,5 +1,6 @@ /* eslint-disable */ import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core' + export type Maybe = T | null export type InputMaybe = Maybe export type Exact = { [K in keyof T]: T[K] } diff --git a/packages/nft/generated/gql/substrateNftPolkadotAssetHub/fragment-masking.ts b/packages/nft/generated/gql/substrateNftPolkadotAssetHub/fragment-masking.ts index 4567d0fe3..0f2e25f92 100644 --- a/packages/nft/generated/gql/substrateNftPolkadotAssetHub/fragment-masking.ts +++ b/packages/nft/generated/gql/substrateNftPolkadotAssetHub/fragment-masking.ts @@ -1,6 +1,6 @@ +import type { Incremental } from './graphql.js' import type { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core' import type { FragmentDefinitionNode } from 'graphql' -import type { Incremental } from './graphql.js' export type FragmentType> = TDocumentType extends DocumentTypeDecoration diff --git a/packages/nft/generated/gql/substrateNftPolkadotAssetHub/graphql.ts b/packages/nft/generated/gql/substrateNftPolkadotAssetHub/graphql.ts index 34f98692f..a6ab2fce9 100644 --- a/packages/nft/generated/gql/substrateNftPolkadotAssetHub/graphql.ts +++ b/packages/nft/generated/gql/substrateNftPolkadotAssetHub/graphql.ts @@ -1,5 +1,6 @@ /* eslint-disable */ import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core' + export type Maybe = T | null export type InputMaybe = Maybe export type Exact = { [K in keyof T]: T[K] } diff --git a/packages/nft/generated/gql/unique/fragment-masking.ts b/packages/nft/generated/gql/unique/fragment-masking.ts index 4567d0fe3..0f2e25f92 100644 --- a/packages/nft/generated/gql/unique/fragment-masking.ts +++ b/packages/nft/generated/gql/unique/fragment-masking.ts @@ -1,6 +1,6 @@ +import type { Incremental } from './graphql.js' import type { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core' import type { FragmentDefinitionNode } from 'graphql' -import type { Incremental } from './graphql.js' export type FragmentType> = TDocumentType extends DocumentTypeDecoration diff --git a/packages/nft/generated/gql/unique/graphql.ts b/packages/nft/generated/gql/unique/graphql.ts index 9b127eb12..215ae05e4 100644 --- a/packages/nft/generated/gql/unique/graphql.ts +++ b/packages/nft/generated/gql/unique/graphql.ts @@ -1,5 +1,6 @@ /* eslint-disable */ import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core' + export type Maybe = T | null export type InputMaybe = Maybe export type Exact = { [K in keyof T]: T[K] } diff --git a/packages/nft/src/generators/artZero.ts b/packages/nft/src/generators/artZero.ts index 9c44440ec..a4a7c1b30 100644 --- a/packages/nft/src/generators/artZero.ts +++ b/packages/nft/src/generators/artZero.ts @@ -1,6 +1,5 @@ -import { encodeAddress } from '@polkadot/util-crypto' - import type { CreateNftAsyncGenerator, Nft } from '../types.js' +import { encodeAddress } from '@polkadot/util-crypto' const ARTZERO_URL = 'https://a0.artzero.io' const ARTZERO_API = 'https://a0-api.artzero.io' diff --git a/packages/nft/src/generators/evm/index.ts b/packages/nft/src/generators/evm/index.ts index 486436036..e43abdaa8 100644 --- a/packages/nft/src/generators/evm/index.ts +++ b/packages/nft/src/generators/evm/index.ts @@ -1,7 +1,7 @@ -import { createPublicClient, http, isAddress as isEvmAddress } from 'viem' import { type CreateNftAsyncGenerator, type Nft } from '../../types.js' import { erc721Abi } from './abi.js' import chains from './chains.js' +import { createPublicClient, http, isAddress as isEvmAddress } from 'viem' const range = (start: number, stop: number, step = 1) => Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + i * step) diff --git a/packages/nft/src/generators/orml/index.ts b/packages/nft/src/generators/orml/index.ts index 7dbdc1a6f..30c7dfb59 100644 --- a/packages/nft/src/generators/orml/index.ts +++ b/packages/nft/src/generators/orml/index.ts @@ -1,8 +1,8 @@ +import { createOrmlNftAsyncGenerator } from './orml.js' import { WsProvider } from '@polkadot/api' import { type Bytes } from '@polkadot/types-codec' import { hexToString } from '@polkadot/util' import { CID } from 'multiformats' -import { createOrmlNftAsyncGenerator } from './orml.js' const parseCid = (bytes: Bytes) => { try { diff --git a/packages/nft/src/generators/orml/orml.ts b/packages/nft/src/generators/orml/orml.ts index 637199aad..c785056e7 100644 --- a/packages/nft/src/generators/orml/orml.ts +++ b/packages/nft/src/generators/orml/orml.ts @@ -1,10 +1,10 @@ +import type { CreateNftAsyncGenerator, IpfsMetadata, Nft } from '../../types.js' import '@acala-network/types/index.js' import '@acala-network/types/lookup/types-acala.js' import { ApiPromise } from '@polkadot/api' import { type ProviderInterface } from '@polkadot/rpc-provider/types' import { type Bytes, type Option, type u32, type u64 } from '@polkadot/types-codec' import { type OrmlNftClassInfo } from '@polkadot/types/lookup' -import type { CreateNftAsyncGenerator, IpfsMetadata, Nft } from '../../types.js' type Config = { chain: T diff --git a/packages/nft/src/generators/rmrk2.ts b/packages/nft/src/generators/rmrk2.ts index a18723009..9fdc37712 100644 --- a/packages/nft/src/generators/rmrk2.ts +++ b/packages/nft/src/generators/rmrk2.ts @@ -1,10 +1,9 @@ +import { graphql } from '../../generated/gql/rmrk2/index.js' +import type { CreateNftAsyncGenerator, Nft } from '../types.js' import '@polkadot/api-augment/substrate' import { encodeAddress } from '@polkadot/util-crypto' import { request } from 'graphql-request' -import { graphql } from '../../generated/gql/rmrk2/index.js' -import type { CreateNftAsyncGenerator, Nft } from '../types.js' - export const createRmrk2NftAsyncGenerator: CreateNftAsyncGenerator> = async function* ( address, { batchSize } diff --git a/packages/nft/src/generators/substrateNftKusamaAssetHub.ts b/packages/nft/src/generators/substrateNftKusamaAssetHub.ts index 54eb19d19..f7f94d384 100644 --- a/packages/nft/src/generators/substrateNftKusamaAssetHub.ts +++ b/packages/nft/src/generators/substrateNftKusamaAssetHub.ts @@ -1,10 +1,9 @@ +import { graphql } from '../../generated/gql/substrateNftKusamaAssetHub/index.js' +import type { CreateNftAsyncGenerator, Nft } from '../types.js' import '@polkadot/api-augment/substrate' import { encodeAddress } from '@polkadot/util-crypto' import { request } from 'graphql-request' -import { graphql } from '../../generated/gql/substrateNftKusamaAssetHub/index.js' -import type { CreateNftAsyncGenerator, Nft } from '../types.js' - export const createSubstrateNftKusamaAssetHubNftAsyncGenerator: CreateNftAsyncGenerator< Nft<'substrate-nft', 'kusama-asset-hub'> > = async function* (address, { batchSize }) { diff --git a/packages/nft/src/generators/substrateNftPolkadotAssetHub.ts b/packages/nft/src/generators/substrateNftPolkadotAssetHub.ts index abd4d7255..759f6299b 100644 --- a/packages/nft/src/generators/substrateNftPolkadotAssetHub.ts +++ b/packages/nft/src/generators/substrateNftPolkadotAssetHub.ts @@ -1,10 +1,9 @@ +import { graphql } from '../../generated/gql/substrateNftPolkadotAssetHub/index.js' +import type { CreateNftAsyncGenerator, Nft } from '../types.js' import '@polkadot/api-augment/substrate' import { encodeAddress } from '@polkadot/util-crypto' import { request } from 'graphql-request' -import { graphql } from '../../generated/gql/substrateNftPolkadotAssetHub/index.js' -import type { CreateNftAsyncGenerator, Nft } from '../types.js' - export const createSubstrateNftPolkadotAssetHubNftAsyncGenerator: CreateNftAsyncGenerator< Nft<'substrate-nft', 'polkadot-asset-hub'> > = async function* (address, { batchSize }) { diff --git a/packages/nft/src/generators/unique.ts b/packages/nft/src/generators/unique.ts index 3a3fd5e1f..1700723ac 100644 --- a/packages/nft/src/generators/unique.ts +++ b/packages/nft/src/generators/unique.ts @@ -1,7 +1,7 @@ -import '@polkadot/api-augment/substrate' -import { request } from 'graphql-request' import { graphql } from '../../generated/gql/unique/index.js' import type { CreateNftAsyncGenerator, Nft } from '../types.js' +import '@polkadot/api-augment/substrate' +import { request } from 'graphql-request' export const createUniqueNetworkNftAsyncGenerator: CreateNftAsyncGenerator> = async function* ( address, diff --git a/packages/react-polkadot-api/src/Context.tsx b/packages/react-polkadot-api/src/Context.tsx index e0cbeba17..c4f72902c 100644 --- a/packages/react-polkadot-api/src/Context.tsx +++ b/packages/react-polkadot-api/src/Context.tsx @@ -1,8 +1,8 @@ -import { createContext, useContext, type PropsWithChildren } from 'react' import { POLKADOT_API_STATE_GARBAGE_COLLECTOR_UNSTABLE } from './GarbageCollector.js' import type { DeriveState, QueryState } from './query.js' import type { QueryMultiState } from './queryMulti.js' import type { ApiId } from './types.js' +import { createContext, useContext, type PropsWithChildren } from 'react' import { RecoilRoot } from 'recoil' export const ApiIdContext = createContext(undefined) diff --git a/packages/react-polkadot-api/src/GarbageCollector.tsx b/packages/react-polkadot-api/src/GarbageCollector.tsx index 7a1597e73..dbf4fdf25 100644 --- a/packages/react-polkadot-api/src/GarbageCollector.tsx +++ b/packages/react-polkadot-api/src/GarbageCollector.tsx @@ -1,6 +1,6 @@ +import { RecoilStateContext } from './Context.js' import { useCallback, useContext, useEffect } from 'react' import { releaseNode, useGetRecoilValueInfo_UNSTABLE, useRecoilCallback, useStoreRef } from 'recoil' -import { RecoilStateContext } from './Context.js' export const garbageCollectionKey = Symbol('garbageCollectionKey') diff --git a/packages/react-polkadot-api/src/query.ts b/packages/react-polkadot-api/src/query.ts index 41c4f382f..d74cf4828 100644 --- a/packages/react-polkadot-api/src/query.ts +++ b/packages/react-polkadot-api/src/query.ts @@ -1,6 +1,8 @@ // TODO: lots of duplicate type definitions // but already super burned out, need to de-duplication - +import { ApiIdContext, RecoilStateContext } from './Context.js' +import { garbageCollectionKey } from './GarbageCollector.js' +import type { ApiId, Diverge, Leading, Options, PickKnownKeys } from './types.js' import type { GenericStorageEntryFunction, PromiseResult, @@ -13,9 +15,6 @@ import type { AllDerives } from '@polkadot/api/util' import { useContext } from 'react' import { atomFamily, constSelector, isRecoilValue, type RecoilState, type RecoilValueReadOnly } from 'recoil' import type { Observable } from 'rxjs' -import { ApiIdContext, RecoilStateContext } from './Context.js' -import { garbageCollectionKey } from './GarbageCollector.js' -import type { ApiId, Diverge, Leading, Options, PickKnownKeys } from './types.js' export const queryAtomFamily = (options: Options) => { const _state = atomFamily({ diff --git a/packages/react-polkadot-api/src/queryMulti.ts b/packages/react-polkadot-api/src/queryMulti.ts index 350cda91a..51210a8b9 100644 --- a/packages/react-polkadot-api/src/queryMulti.ts +++ b/packages/react-polkadot-api/src/queryMulti.ts @@ -1,3 +1,6 @@ +import { ApiIdContext, RecoilStateContext } from './Context.js' +import { garbageCollectionKey } from './GarbageCollector.js' +import type { ApiId, Diverge, Options, PickKnownKeys } from './types.js' import { type ApiPromise } from '@polkadot/api' import type { GenericStorageEntryFunction, @@ -8,9 +11,6 @@ import type { import { useContext } from 'react' import { atomFamily, constSelector, isRecoilValue, type RecoilValueReadOnly } from 'recoil' import { type Observable } from 'rxjs' -import { ApiIdContext, RecoilStateContext } from './Context.js' -import { garbageCollectionKey } from './GarbageCollector.js' -import type { ApiId, Diverge, Options, PickKnownKeys } from './types.js' type QueryMap = PickKnownKeys<{ [P in keyof ApiPromise['query']]: `${P}.${keyof PickKnownKeys}` diff --git a/packages/ui/.storybook/preview.tsx b/packages/ui/.storybook/preview.tsx index 9cc0688b9..718e4c282 100644 --- a/packages/ui/.storybook/preview.tsx +++ b/packages/ui/.storybook/preview.tsx @@ -1,9 +1,9 @@ +import '../assets/css/talismn.css' import { ThemeProvider, type Theme } from '../src/theme' +import { theme } from '../src/theme' import type { Preview } from '@storybook/react' import { theme as storybookTheme } from '@talismn/development/storybook' import React from 'react' -import '../assets/css/talismn.css' -import { theme } from '../src/theme' const preview: Preview = { parameters: { diff --git a/packages/ui/README.md b/packages/ui/README.md index e648c17e2..434b1ce14 100644 --- a/packages/ui/README.md +++ b/packages/ui/README.md @@ -15,9 +15,8 @@ yarn add @emotion/react @talismn/web-icons framer-motion ## Configuring the theme ```tsx -import '@talismn/ui/assets/css/talismn.css' - import { ThemeProvider, theme } from '@talismn/ui' +import '@talismn/ui/assets/css/talismn.css' export const App = () => { return {/* Your app */} diff --git a/packages/ui/src/atoms/AnimatedNumber/AnimatedNumber.stories.tsx b/packages/ui/src/atoms/AnimatedNumber/AnimatedNumber.stories.tsx index abdd10b98..ced19ac01 100644 --- a/packages/ui/src/atoms/AnimatedNumber/AnimatedNumber.stories.tsx +++ b/packages/ui/src/atoms/AnimatedNumber/AnimatedNumber.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import AnimatedNumber, { type AnimatedNumberProps } from './AnimatedNumber' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Atoms/AnimatedNumber', diff --git a/packages/ui/src/atoms/Badge/Badge.stories.tsx b/packages/ui/src/atoms/Badge/Badge.stories.tsx index cccc6a6b3..b6b4c1b2d 100644 --- a/packages/ui/src/atoms/Badge/Badge.stories.tsx +++ b/packages/ui/src/atoms/Badge/Badge.stories.tsx @@ -1,8 +1,7 @@ -import type { Meta, StoryObj } from '@storybook/react' - +import { FloatingActionButton } from '..' import Badge, { BadgedBox } from './Badge' +import type { Meta, StoryObj } from '@storybook/react' import { Eye, Mail } from '@talismn/web-icons' -import { FloatingActionButton } from '..' export default { component: Badge, diff --git a/packages/ui/src/atoms/Badge/Badge.tsx b/packages/ui/src/atoms/Badge/Badge.tsx index 68c679d88..15be28494 100644 --- a/packages/ui/src/atoms/Badge/Badge.tsx +++ b/packages/ui/src/atoms/Badge/Badge.tsx @@ -1,6 +1,6 @@ -import type { CSSProperties, PropsWithChildren, ReactNode } from 'react' import { Text } from '..' import { IconContext } from '@talismn/web-icons/utils' +import type { CSSProperties, PropsWithChildren, ReactNode } from 'react' export type BadgeProps = PropsWithChildren<{ className?: string diff --git a/packages/ui/src/atoms/Button/Button.stories.tsx b/packages/ui/src/atoms/Button/Button.stories.tsx index 87a84f5b4..71da95914 100644 --- a/packages/ui/src/atoms/Button/Button.stories.tsx +++ b/packages/ui/src/atoms/Button/Button.stories.tsx @@ -1,6 +1,6 @@ -import { type Meta, type StoryObj } from '@storybook/react' -import Button from './Button' import SurfaceContainer from '../Surface' +import Button from './Button' +import { type Meta, type StoryObj } from '@storybook/react' export default { title: 'Atoms/Button', diff --git a/packages/ui/src/atoms/Button/Button.tsx b/packages/ui/src/atoms/Button/Button.tsx index 7e183a451..a6ee08753 100644 --- a/packages/ui/src/atoms/Button/Button.tsx +++ b/packages/ui/src/atoms/Button/Button.tsx @@ -1,10 +1,9 @@ +import { useSurfaceColor } from '..' +import CircularProgressIndicator from '../CircularProgressIndicator' import { useTheme } from '@emotion/react' import { IconContext } from '@talismn/web-icons/utils' import { useMemo, type ElementType, type PropsWithChildren, type ReactNode } from 'react' -import { useSurfaceColor } from '..' -import CircularProgressIndicator from '../CircularProgressIndicator' - type ButtonElementType = Extract | ElementType type PolymorphicButtonProps = PropsWithChildren<{ diff --git a/packages/ui/src/atoms/Chip/Chip.stories.tsx b/packages/ui/src/atoms/Chip/Chip.stories.tsx index 92e86bb80..3e0bd9c2d 100644 --- a/packages/ui/src/atoms/Chip/Chip.stories.tsx +++ b/packages/ui/src/atoms/Chip/Chip.stories.tsx @@ -1,8 +1,7 @@ +import Chip, { SurfaceChip, TonalChip, type ChipProps } from './Chip' import { type ComponentMeta, type Story } from '@storybook/react' import { Union } from '@talismn/web-icons' -import Chip, { SurfaceChip, TonalChip, type ChipProps } from './Chip' - export default { title: 'Atoms/Chip', component: Chip, diff --git a/packages/ui/src/atoms/Chip/Chip.tsx b/packages/ui/src/atoms/Chip/Chip.tsx index 7378e18fa..4fc7b0368 100644 --- a/packages/ui/src/atoms/Chip/Chip.tsx +++ b/packages/ui/src/atoms/Chip/Chip.tsx @@ -1,11 +1,10 @@ -import { useTheme } from '@emotion/react' -import { IconContext } from '@talismn/web-icons/utils' -import { useMemo, type ButtonHTMLAttributes, type DetailedHTMLProps, type ReactNode } from 'react' - import { useSurfaceColor } from '..' import type { ContentAlpha } from '../..' import CircularProgressIndicator from '../CircularProgressIndicator' import Text from '../Text' +import { useTheme } from '@emotion/react' +import { IconContext } from '@talismn/web-icons/utils' +import { useMemo, type ButtonHTMLAttributes, type DetailedHTMLProps, type ReactNode } from 'react' export type ChipProps = DetailedHTMLProps, HTMLButtonElement> & { size?: 'sm' | 'md' | 'lg' diff --git a/packages/ui/src/atoms/CircularProgressIndicator/CircularProgressIndicator.stories.tsx b/packages/ui/src/atoms/CircularProgressIndicator/CircularProgressIndicator.stories.tsx index 737914446..9d0f3328d 100644 --- a/packages/ui/src/atoms/CircularProgressIndicator/CircularProgressIndicator.stories.tsx +++ b/packages/ui/src/atoms/CircularProgressIndicator/CircularProgressIndicator.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import CircularProgressIndicator, { type CircularProgressIndicatorProps } from './CircularProgressIndicator' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Atoms/CircularProgressIndicator', diff --git a/packages/ui/src/atoms/EyeOfSauronProgressIndicator/EyeOfSauronProgressIndicator.stories.tsx b/packages/ui/src/atoms/EyeOfSauronProgressIndicator/EyeOfSauronProgressIndicator.stories.tsx index 4a23eba65..94dcf6241 100644 --- a/packages/ui/src/atoms/EyeOfSauronProgressIndicator/EyeOfSauronProgressIndicator.stories.tsx +++ b/packages/ui/src/atoms/EyeOfSauronProgressIndicator/EyeOfSauronProgressIndicator.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import EyeOfSauronProgressIndicator, { type EyeOfSauronProgressIndicatorProps } from './EyeOfSauronProgressIndicator' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Atoms/EyeOfSauronProgressIndicator', diff --git a/packages/ui/src/atoms/EyeOfSauronProgressIndicator/EyeOfSauronProgressIndicator.tsx b/packages/ui/src/atoms/EyeOfSauronProgressIndicator/EyeOfSauronProgressIndicator.tsx index adffcccd2..a0890d617 100644 --- a/packages/ui/src/atoms/EyeOfSauronProgressIndicator/EyeOfSauronProgressIndicator.tsx +++ b/packages/ui/src/atoms/EyeOfSauronProgressIndicator/EyeOfSauronProgressIndicator.tsx @@ -1,9 +1,8 @@ -import { Player, PlayerEvent } from '@lottiefiles/react-lottie-player' -import { useEffect, useMemo, useState } from 'react' - import fulfilled from './fulfilled.json' import pending from './pending.json' import rejected from './rejected.json' +import { Player, PlayerEvent } from '@lottiefiles/react-lottie-player' +import { useEffect, useMemo, useState } from 'react' export type EyeOfSauronProgressIndicatorProps = { state?: 'pending' | 'fulfilled' | 'rejected' diff --git a/packages/ui/src/atoms/FloatingActionButton/FloatingActionButton.stories.tsx b/packages/ui/src/atoms/FloatingActionButton/FloatingActionButton.stories.tsx index b41cf7221..e85c153c8 100644 --- a/packages/ui/src/atoms/FloatingActionButton/FloatingActionButton.stories.tsx +++ b/packages/ui/src/atoms/FloatingActionButton/FloatingActionButton.stories.tsx @@ -1,8 +1,7 @@ +import FloatingActionButton, { type FloatingActionButtonProps } from './FloatingActionButton' import { type ComponentMeta, type Story } from '@storybook/react' import { Union } from '@talismn/web-icons' -import FloatingActionButton, { type FloatingActionButtonProps } from './FloatingActionButton' - export default { title: 'Atoms/FloatingActionButton', component: FloatingActionButton, diff --git a/packages/ui/src/atoms/Hr.tsx b/packages/ui/src/atoms/Hr.tsx index ca6698a1d..6751da986 100644 --- a/packages/ui/src/atoms/Hr.tsx +++ b/packages/ui/src/atoms/Hr.tsx @@ -1,5 +1,5 @@ -import type { DetailedHTMLProps, HTMLAttributes, PropsWithChildren } from 'react' import { Text } from '.' +import type { DetailedHTMLProps, HTMLAttributes, PropsWithChildren } from 'react' type HrProps = PropsWithChildren, HTMLHRElement>> diff --git a/packages/ui/src/atoms/Icon/Icon.stories.tsx b/packages/ui/src/atoms/Icon/Icon.stories.tsx index ef99938c5..8a9d89046 100644 --- a/packages/ui/src/atoms/Icon/Icon.stories.tsx +++ b/packages/ui/src/atoms/Icon/Icon.stories.tsx @@ -1,7 +1,7 @@ -import { type ComponentMeta, type Story } from '@storybook/react' -import { TalismanHand } from '@talismn/web-icons' import { TonalIcon } from '.' import Icon, { type IconProps } from './Icon' +import { type ComponentMeta, type Story } from '@storybook/react' +import { TalismanHand } from '@talismn/web-icons' export default { title: 'Atoms/Icon', diff --git a/packages/ui/src/atoms/Icon/Icon.tsx b/packages/ui/src/atoms/Icon/Icon.tsx index 8d838eb6b..9248723d4 100644 --- a/packages/ui/src/atoms/Icon/Icon.tsx +++ b/packages/ui/src/atoms/Icon/Icon.tsx @@ -1,7 +1,7 @@ +import { useSurfaceColor } from '..' import { useTheme } from '@emotion/react' import { IconContext } from '@talismn/web-icons/utils' import { type ComponentPropsWithoutRef, type ElementType } from 'react' -import { useSurfaceColor } from '..' export type IconElementType = Extract | ElementType diff --git a/packages/ui/src/atoms/IconButton/IconButton.stories.tsx b/packages/ui/src/atoms/IconButton/IconButton.stories.tsx index fe655dcf7..074a4bd76 100644 --- a/packages/ui/src/atoms/IconButton/IconButton.stories.tsx +++ b/packages/ui/src/atoms/IconButton/IconButton.stories.tsx @@ -1,8 +1,7 @@ +import IconButton, { type IconButtonProps } from './IconButton' import { type ComponentMeta, type Story } from '@storybook/react' import { TalismanHand } from '@talismn/web-icons' -import IconButton, { type IconButtonProps } from './IconButton' - export default { title: 'Atoms/IconButton', component: IconButton, diff --git a/packages/ui/src/atoms/IconButton/IconButton.tsx b/packages/ui/src/atoms/IconButton/IconButton.tsx index 04d025a2c..7694800a2 100644 --- a/packages/ui/src/atoms/IconButton/IconButton.tsx +++ b/packages/ui/src/atoms/IconButton/IconButton.tsx @@ -1,8 +1,8 @@ -import { type ElementType, type PropsWithChildren } from 'react' +import { CircularProgressIndicator } from '..' import type { IconProps } from '../Icon' import Icon, { SurfaceIcon, TonalIcon } from '../Icon' import { useTheme } from '@emotion/react' -import { CircularProgressIndicator } from '..' +import { type ElementType, type PropsWithChildren } from 'react' type IconButtonElementType = Extract | ElementType diff --git a/packages/ui/src/atoms/Identicon/Identicon.stories.tsx b/packages/ui/src/atoms/Identicon/Identicon.stories.tsx index f1cfc56dd..cab6550b7 100644 --- a/packages/ui/src/atoms/Identicon/Identicon.stories.tsx +++ b/packages/ui/src/atoms/Identicon/Identicon.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import Identicon, { type IdenticonProps } from './Identicon' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Atoms/Identicon', diff --git a/packages/ui/src/atoms/Identicon/Identicon.tsx b/packages/ui/src/atoms/Identicon/Identicon.tsx index 1185e9c75..5cd669f55 100644 --- a/packages/ui/src/atoms/Identicon/Identicon.tsx +++ b/packages/ui/src/atoms/Identicon/Identicon.tsx @@ -1,7 +1,7 @@ +import { encodeAnyAddress } from '../../utils/encodeAnyAddress' import { HSL, HSV, display as asCssColor, to as toColorSpace } from 'colorjs.io/fn' import md5 from 'md5' import { useId, useMemo, type CSSProperties } from 'react' -import { encodeAnyAddress } from '../../utils/encodeAnyAddress' const djb2 = (str: string) => { let hash = 5381 diff --git a/packages/ui/src/atoms/LinearProgressIndicator/LinearProgressIndicator.stories.tsx b/packages/ui/src/atoms/LinearProgressIndicator/LinearProgressIndicator.stories.tsx index dd3bd0700..48480baa2 100644 --- a/packages/ui/src/atoms/LinearProgressIndicator/LinearProgressIndicator.stories.tsx +++ b/packages/ui/src/atoms/LinearProgressIndicator/LinearProgressIndicator.stories.tsx @@ -1,6 +1,6 @@ -import type { Meta, StoryObj } from '@storybook/react' import type { LinearProgressIndicatorProps } from './LinearProgressIndicator' import LinearProgressIndicator from './LinearProgressIndicator' +import type { Meta, StoryObj } from '@storybook/react' export default { title: 'Atoms/LinearProgressIndicator', diff --git a/packages/ui/src/atoms/LinearProgressIndicator/LinearProgressIndicator.tsx b/packages/ui/src/atoms/LinearProgressIndicator/LinearProgressIndicator.tsx index fb99d2621..9892bcf7e 100644 --- a/packages/ui/src/atoms/LinearProgressIndicator/LinearProgressIndicator.tsx +++ b/packages/ui/src/atoms/LinearProgressIndicator/LinearProgressIndicator.tsx @@ -1,5 +1,5 @@ -import { useTheme } from '@emotion/react' import { useSurfaceColorAtElevation } from '../Surface' +import { useTheme } from '@emotion/react' export type LinearProgressIndicatorProps = { className?: string diff --git a/packages/ui/src/atoms/RadioButton/RadioButton.stories.tsx b/packages/ui/src/atoms/RadioButton/RadioButton.stories.tsx index 14eebdc92..3ae135ef1 100644 --- a/packages/ui/src/atoms/RadioButton/RadioButton.stories.tsx +++ b/packages/ui/src/atoms/RadioButton/RadioButton.stories.tsx @@ -1,5 +1,5 @@ -import type { Meta, StoryObj } from '@storybook/react' import RadioButton from './RadioButton' +import type { Meta, StoryObj } from '@storybook/react' export default { title: 'Atoms/RadioButton', diff --git a/packages/ui/src/atoms/RadioButton/RadioButton.tsx b/packages/ui/src/atoms/RadioButton/RadioButton.tsx index c0c0d168d..fddc08fee 100644 --- a/packages/ui/src/atoms/RadioButton/RadioButton.tsx +++ b/packages/ui/src/atoms/RadioButton/RadioButton.tsx @@ -1,6 +1,6 @@ +import { Surface } from '..' import { useTheme } from '@emotion/react' import type { DetailedHTMLProps, InputHTMLAttributes } from 'react' -import { Surface } from '..' export type RadioButtonProps = DetailedHTMLProps, HTMLInputElement> diff --git a/packages/ui/src/atoms/Skeleton/Skeleton.tsx b/packages/ui/src/atoms/Skeleton/Skeleton.tsx index 6990495b2..7bacccfcf 100644 --- a/packages/ui/src/atoms/Skeleton/Skeleton.tsx +++ b/packages/ui/src/atoms/Skeleton/Skeleton.tsx @@ -1,5 +1,5 @@ -import { keyframes, useTheme } from '@emotion/react' import { useSurfaceColor, useSurfaceColorAtElevation } from '..' +import { keyframes, useTheme } from '@emotion/react' export type SkeletonProps = React.DetailedHTMLProps, HTMLDivElement> & { animate?: boolean diff --git a/packages/ui/src/atoms/StatusIndicator/StatusIndicator.stories.tsx b/packages/ui/src/atoms/StatusIndicator/StatusIndicator.stories.tsx index 0659b0415..e3eb5e136 100644 --- a/packages/ui/src/atoms/StatusIndicator/StatusIndicator.stories.tsx +++ b/packages/ui/src/atoms/StatusIndicator/StatusIndicator.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import StatusIndicator, { type StatusIndicatorProps } from './StatusIndicator' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Atoms/StatusIndicator', diff --git a/packages/ui/src/atoms/StatusIndicator/StatusIndicator.tsx b/packages/ui/src/atoms/StatusIndicator/StatusIndicator.tsx index b81ec64ba..5e26f51c2 100644 --- a/packages/ui/src/atoms/StatusIndicator/StatusIndicator.tsx +++ b/packages/ui/src/atoms/StatusIndicator/StatusIndicator.tsx @@ -1,6 +1,6 @@ -import { useTheme } from '@emotion/react' import { useSurfaceColorAtElevation } from '..' import Tooltip from '../Tooltip' +import { useTheme } from '@emotion/react' export type StatusIndicatorProps = { className?: string diff --git a/packages/ui/src/atoms/Surface/Surface.stories.tsx b/packages/ui/src/atoms/Surface/Surface.stories.tsx index b34123280..b124860f3 100644 --- a/packages/ui/src/atoms/Surface/Surface.stories.tsx +++ b/packages/ui/src/atoms/Surface/Surface.stories.tsx @@ -1,6 +1,6 @@ -import type { Meta, StoryObj } from '@storybook/react' import type { SurfaceProps } from './Surface' import Surface from './Surface' +import type { Meta, StoryObj } from '@storybook/react' export default { title: 'Atoms/Surface', diff --git a/packages/ui/src/atoms/Switch/Switch.stories.tsx b/packages/ui/src/atoms/Switch/Switch.stories.tsx index ad53a0006..73bd04d78 100644 --- a/packages/ui/src/atoms/Switch/Switch.stories.tsx +++ b/packages/ui/src/atoms/Switch/Switch.stories.tsx @@ -1,5 +1,5 @@ -import type { Meta, StoryObj } from '@storybook/react' import Switch from './Switch' +import type { Meta, StoryObj } from '@storybook/react' export default { title: 'Atoms/Switch', diff --git a/packages/ui/src/atoms/Switch/Switch.tsx b/packages/ui/src/atoms/Switch/Switch.tsx index e4a233317..06661b2fd 100644 --- a/packages/ui/src/atoms/Switch/Switch.tsx +++ b/packages/ui/src/atoms/Switch/Switch.tsx @@ -1,6 +1,6 @@ +import { Surface, useSurfaceColor } from '..' import { useTheme } from '@emotion/react' import type { DetailedHTMLProps, InputHTMLAttributes } from 'react' -import { Surface, useSurfaceColor } from '..' export type SwitchProps = DetailedHTMLProps, HTMLInputElement> diff --git a/packages/ui/src/atoms/TalismanHandProgressIndicator/TalismanHandProgressIndicator.stories.tsx b/packages/ui/src/atoms/TalismanHandProgressIndicator/TalismanHandProgressIndicator.stories.tsx index ea77d4a04..ab76edb99 100644 --- a/packages/ui/src/atoms/TalismanHandProgressIndicator/TalismanHandProgressIndicator.stories.tsx +++ b/packages/ui/src/atoms/TalismanHandProgressIndicator/TalismanHandProgressIndicator.stories.tsx @@ -1,6 +1,5 @@ -import type { Meta, StoryObj } from '@storybook/react' - import TalismanHandProgressIndicator from './TalismanHandProgressIndicator' +import type { Meta, StoryObj } from '@storybook/react' export default { component: TalismanHandProgressIndicator, diff --git a/packages/ui/src/atoms/TalismanHandProgressIndicator/TalismanHandProgressIndicator.tsx b/packages/ui/src/atoms/TalismanHandProgressIndicator/TalismanHandProgressIndicator.tsx index 869479020..c6d85ee9c 100644 --- a/packages/ui/src/atoms/TalismanHandProgressIndicator/TalismanHandProgressIndicator.tsx +++ b/packages/ui/src/atoms/TalismanHandProgressIndicator/TalismanHandProgressIndicator.tsx @@ -1,5 +1,5 @@ -import type { CSSProperties } from 'react' import illustrationSrc from '../../../assets/images/talisman-hand-progress-indicator.gif' +import type { CSSProperties } from 'react' export type TalismanHandProgressIndicatorProps = { className?: string diff --git a/packages/ui/src/atoms/Text/Text.stories.tsx b/packages/ui/src/atoms/Text/Text.stories.tsx index 4de9f567e..2f35a2f9e 100644 --- a/packages/ui/src/atoms/Text/Text.stories.tsx +++ b/packages/ui/src/atoms/Text/Text.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import Text, { type TextProps } from './Text' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Atoms/Text', diff --git a/packages/ui/src/atoms/Text/Text.tsx b/packages/ui/src/atoms/Text/Text.tsx index 98b5e6180..7a83b9952 100644 --- a/packages/ui/src/atoms/Text/Text.tsx +++ b/packages/ui/src/atoms/Text/Text.tsx @@ -1,6 +1,6 @@ +import { type ContentAlpha } from '../..' import { useTheme, type Theme } from '@emotion/react' import type React from 'react' -import { type ContentAlpha } from '../..' type PolymorphicTextProps = { as?: T diff --git a/packages/ui/src/atoms/Tooltip/Tooltip.stories.tsx b/packages/ui/src/atoms/Tooltip/Tooltip.stories.tsx index 319213c0c..082ff1b7a 100644 --- a/packages/ui/src/atoms/Tooltip/Tooltip.stories.tsx +++ b/packages/ui/src/atoms/Tooltip/Tooltip.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import Tooltip, { type TooltipProps } from './Tooltip' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Atoms/Tooltip', diff --git a/packages/ui/src/atoms/Tooltip/Tooltip.tsx b/packages/ui/src/atoms/Tooltip/Tooltip.tsx index d6dfd1374..250c823f4 100644 --- a/packages/ui/src/atoms/Tooltip/Tooltip.tsx +++ b/packages/ui/src/atoms/Tooltip/Tooltip.tsx @@ -1,3 +1,7 @@ +import { useSurfaceColorAtElevation } from '..' +import FloatingPortal from '../FloatingPortal' +import Text from '../Text' +import { useTheme } from '@emotion/react' import { autoUpdate, flip, @@ -13,10 +17,6 @@ import { } from '@floating-ui/react' import { motion } from 'framer-motion' import { useState, type PropsWithChildren, type ReactNode } from 'react' -import { useSurfaceColorAtElevation } from '..' -import FloatingPortal from '../FloatingPortal' -import Text from '../Text' -import { useTheme } from '@emotion/react' export type TooltipProps = PropsWithChildren<{ content: ReactNode diff --git a/packages/ui/src/molecules/AlertDialog/AlertDialog.stories.tsx b/packages/ui/src/molecules/AlertDialog/AlertDialog.stories.tsx index 8a144e0fe..c8c50ef6c 100644 --- a/packages/ui/src/molecules/AlertDialog/AlertDialog.stories.tsx +++ b/packages/ui/src/molecules/AlertDialog/AlertDialog.stories.tsx @@ -1,7 +1,6 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import { Button, Text } from '../../atoms' import AlertDialog, { type AlertDialogProps } from './AlertDialog' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Molecules/AlertDialog', diff --git a/packages/ui/src/molecules/AlertDialog/AlertDialog.tsx b/packages/ui/src/molecules/AlertDialog/AlertDialog.tsx index 67c1d6572..be014996e 100644 --- a/packages/ui/src/molecules/AlertDialog/AlertDialog.tsx +++ b/packages/ui/src/molecules/AlertDialog/AlertDialog.tsx @@ -1,9 +1,8 @@ +import { Button, Dialog, Surface, Text, type DialogProps } from '../../atoms' import { keyframes, useTheme } from '@emotion/react' import { X } from '@talismn/web-icons' import { type ReactNode } from 'react' -import { Button, Dialog, Surface, Text, type DialogProps } from '../../atoms' - export type AlertDialogProps = Omit & { title?: ReactNode /** diff --git a/packages/ui/src/molecules/Card/Card.stories.tsx b/packages/ui/src/molecules/Card/Card.stories.tsx index 7f109f8de..5cf8d96aa 100644 --- a/packages/ui/src/molecules/Card/Card.stories.tsx +++ b/packages/ui/src/molecules/Card/Card.stories.tsx @@ -1,8 +1,7 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - -import { EyeOff, Heart } from '@talismn/web-icons' import { FloatingActionButton, theme } from '../..' import Card, { type CardProps } from './Card' +import { type ComponentMeta, type Story } from '@storybook/react' +import { EyeOff, Heart } from '@talismn/web-icons' export default { title: 'Molecules/Card', diff --git a/packages/ui/src/molecules/Card/Card.tsx b/packages/ui/src/molecules/Card/Card.tsx index dcf49c7bc..0b4e50553 100644 --- a/packages/ui/src/molecules/Card/Card.tsx +++ b/packages/ui/src/molecules/Card/Card.tsx @@ -1,8 +1,8 @@ +import { Skeleton, Text, useSurfaceColor, useSurfaceColorAtElevation } from '../..' +import { MultiPreview, Preview } from './Preview' import { useTheme } from '@emotion/react' import { motion, useMotionTemplate, useSpring, useTransform } from 'framer-motion' import { createContext, useState, type ReactNode } from 'react' -import { Skeleton, Text, useSurfaceColor, useSurfaceColorAtElevation } from '../..' -import { MultiPreview, Preview } from './Preview' export type CardProps = { className?: string diff --git a/packages/ui/src/molecules/Card/Preview.tsx b/packages/ui/src/molecules/Card/Preview.tsx index 137d10d72..df183f2dc 100644 --- a/packages/ui/src/molecules/Card/Preview.tsx +++ b/packages/ui/src/molecules/Card/Preview.tsx @@ -1,7 +1,7 @@ -import { Box, Unknown, Video, Volume2 } from '@talismn/web-icons' -import React, { useState, type ReactNode } from 'react' import { useMimeType, type MimeTypeType } from '../../utils' import { useTheme, type Interpolation, type Theme } from '@emotion/react' +import { Box, Unknown, Video, Volume2 } from '@talismn/web-icons' +import React, { useState, type ReactNode } from 'react' type PreviewProps = { src?: string | readonly string[] | undefined diff --git a/packages/ui/src/molecules/ContainedTextInput/ContainedTextInput.stories.tsx b/packages/ui/src/molecules/ContainedTextInput/ContainedTextInput.stories.tsx index 87a0226cd..75cf37341 100644 --- a/packages/ui/src/molecules/ContainedTextInput/ContainedTextInput.stories.tsx +++ b/packages/ui/src/molecules/ContainedTextInput/ContainedTextInput.stories.tsx @@ -1,6 +1,6 @@ -import { type Meta, type Story } from '@storybook/react' -import ContainedTextInput, { type ContainedTextInputProps } from './ContainedTextInput' import { IconButton } from '../..' +import ContainedTextInput, { type ContainedTextInputProps } from './ContainedTextInput' +import { type Meta, type Story } from '@storybook/react' import { Search } from '@talismn/web-icons' export default { diff --git a/packages/ui/src/molecules/ContainedTextInput/ContainedTextInput.tsx b/packages/ui/src/molecules/ContainedTextInput/ContainedTextInput.tsx index d6ea3a955..78f569670 100644 --- a/packages/ui/src/molecules/ContainedTextInput/ContainedTextInput.tsx +++ b/packages/ui/src/molecules/ContainedTextInput/ContainedTextInput.tsx @@ -1,6 +1,6 @@ -import { useId, type PropsWithChildren, type ReactNode } from 'react' import { Surface, Text } from '../../atoms' import { useTheme } from '@emotion/react' +import { useId, type PropsWithChildren, type ReactNode } from 'react' export type ContainedTextInputProps = React.DetailedHTMLProps< React.InputHTMLAttributes, diff --git a/packages/ui/src/molecules/DateInput/DateInput.stories.tsx b/packages/ui/src/molecules/DateInput/DateInput.stories.tsx index 5596f0ca9..586f43e2f 100644 --- a/packages/ui/src/molecules/DateInput/DateInput.stories.tsx +++ b/packages/ui/src/molecules/DateInput/DateInput.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import DateInput, { type DateInputProps } from './DateInput' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Molecules/DateInput', diff --git a/packages/ui/src/molecules/DateInput/DateInput.tsx b/packages/ui/src/molecules/DateInput/DateInput.tsx index 4978c786d..4d887f392 100644 --- a/packages/ui/src/molecules/DateInput/DateInput.tsx +++ b/packages/ui/src/molecules/DateInput/DateInput.tsx @@ -1,3 +1,5 @@ +import { Text, useSurfaceColor } from '../../atoms' +import { useTheme } from '@emotion/react' import { useCallback, useEffect, @@ -7,8 +9,6 @@ import { type DetailedHTMLProps, type InputHTMLAttributes, } from 'react' -import { Text, useSurfaceColor } from '../../atoms' -import { useTheme } from '@emotion/react' const parseDate = (date: Date | string | undefined) => { if (date instanceof Date) { diff --git a/packages/ui/src/molecules/DescriptionList/DescriptionList.stories.tsx b/packages/ui/src/molecules/DescriptionList/DescriptionList.stories.tsx index 2f1c94a81..6e142cfeb 100644 --- a/packages/ui/src/molecules/DescriptionList/DescriptionList.stories.tsx +++ b/packages/ui/src/molecules/DescriptionList/DescriptionList.stories.tsx @@ -1,7 +1,6 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import { Text } from '../../atoms' import DescriptionList from './DescriptionList' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Molecules/DescriptionList', diff --git a/packages/ui/src/molecules/DescriptionList/DescriptionList.tsx b/packages/ui/src/molecules/DescriptionList/DescriptionList.tsx index d630f72c8..15d35f9e0 100644 --- a/packages/ui/src/molecules/DescriptionList/DescriptionList.tsx +++ b/packages/ui/src/molecules/DescriptionList/DescriptionList.tsx @@ -1,5 +1,5 @@ -import { createContext, useContext } from 'react' import { Text } from '../../atoms' +import { createContext, useContext } from 'react' export type DescriptionListProps = React.DetailedHTMLProps, HTMLDListElement> & { emphasis?: 'term' | 'details' diff --git a/packages/ui/src/molecules/Details/Details.stories.tsx b/packages/ui/src/molecules/Details/Details.stories.tsx index 96c82e9c4..7aa240201 100644 --- a/packages/ui/src/molecules/Details/Details.stories.tsx +++ b/packages/ui/src/molecules/Details/Details.stories.tsx @@ -1,5 +1,5 @@ -import { type Meta, type StoryObj } from '@storybook/react' import Details, { OrderedDetailsList } from './Details' +import { type Meta, type StoryObj } from '@storybook/react' export default { title: 'Molecules/Details', diff --git a/packages/ui/src/molecules/Details/Details.tsx b/packages/ui/src/molecules/Details/Details.tsx index 3882dd76d..c43f3f35a 100644 --- a/packages/ui/src/molecules/Details/Details.tsx +++ b/packages/ui/src/molecules/Details/Details.tsx @@ -1,3 +1,5 @@ +import { Surface, Text } from '../../atoms' +import { useTheme } from '@emotion/react' import { ChevronRight } from '@talismn/web-icons' import { motion } from 'framer-motion' import { @@ -10,10 +12,7 @@ import { type PropsWithChildren, type ReactEventHandler, } from 'react' - import React from 'react' -import { Surface, Text } from '../../atoms' -import { useTheme } from '@emotion/react' const DetailsContext = createContext({ onClick: (() => {}) as MouseEventHandler }) diff --git a/packages/ui/src/molecules/HiddenDetails/HiddenDetails.stories.tsx b/packages/ui/src/molecules/HiddenDetails/HiddenDetails.stories.tsx index 83972d5ee..ef5833194 100644 --- a/packages/ui/src/molecules/HiddenDetails/HiddenDetails.stories.tsx +++ b/packages/ui/src/molecules/HiddenDetails/HiddenDetails.stories.tsx @@ -1,7 +1,6 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import { Button, Text } from '../../atoms' import HiddenDetails, { type HiddenDetailsProps } from './HiddenDetails' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Molecules/HiddenDetails', diff --git a/packages/ui/src/molecules/InfoCard/InfoCard.stories.tsx b/packages/ui/src/molecules/InfoCard/InfoCard.stories.tsx index 9f1418403..9c4095e33 100644 --- a/packages/ui/src/molecules/InfoCard/InfoCard.stories.tsx +++ b/packages/ui/src/molecules/InfoCard/InfoCard.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import InfoCard, { type InfoCardProps } from './InfoCard' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Molecules/InfoCard', diff --git a/packages/ui/src/molecules/InfoCard/InfoCard.tsx b/packages/ui/src/molecules/InfoCard/InfoCard.tsx index d0c8bdd84..742b3dafd 100644 --- a/packages/ui/src/molecules/InfoCard/InfoCard.tsx +++ b/packages/ui/src/molecules/InfoCard/InfoCard.tsx @@ -1,7 +1,6 @@ -import { type ReactNode } from 'react' - import { Text, useSurfaceColor } from '../../atoms' import { useTheme } from '@emotion/react' +import { type ReactNode } from 'react' export type InfoCardProps = { className?: string diff --git a/packages/ui/src/molecules/ListItem/ListItem.stories.tsx b/packages/ui/src/molecules/ListItem/ListItem.stories.tsx index df111632e..92ac43995 100644 --- a/packages/ui/src/molecules/ListItem/ListItem.stories.tsx +++ b/packages/ui/src/molecules/ListItem/ListItem.stories.tsx @@ -1,8 +1,7 @@ -import { type ComponentMeta, type Story } from '@storybook/react' -import { Trash } from '@talismn/web-icons' - import { Identicon } from '../../atoms' import ListItem, { type ListItemProps } from './ListItem' +import { type ComponentMeta, type Story } from '@storybook/react' +import { Trash } from '@talismn/web-icons' export default { title: 'Molecules/ListItem', diff --git a/packages/ui/src/molecules/ListItem/ListItem.tsx b/packages/ui/src/molecules/ListItem/ListItem.tsx index 12871cad0..80ded1c61 100644 --- a/packages/ui/src/molecules/ListItem/ListItem.tsx +++ b/packages/ui/src/molecules/ListItem/ListItem.tsx @@ -1,8 +1,7 @@ +import { Text } from '../../atoms' import { type HTMLMotionProps, motion } from 'framer-motion' import { type ReactNode } from 'react' -import { Text } from '../../atoms' - export type ListItemProps = HTMLMotionProps<'article'> & { headlineContent: ReactNode overlineContent?: ReactNode diff --git a/packages/ui/src/molecules/MediaDialog/MediaDialog.stories.tsx b/packages/ui/src/molecules/MediaDialog/MediaDialog.stories.tsx index d72ad43ac..db06dc48d 100644 --- a/packages/ui/src/molecules/MediaDialog/MediaDialog.stories.tsx +++ b/packages/ui/src/molecules/MediaDialog/MediaDialog.stories.tsx @@ -1,9 +1,9 @@ -import { Global, css } from '@emotion/react' -import { type ComponentMeta, type Story } from '@storybook/react' import { Text } from '../../atoms' import MediaDialog, { type MediaDialogProps } from './MediaDialog' // @ts-expect-error import testTrack from './test-track.mp3' +import { Global, css } from '@emotion/react' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Molecules/MediaDialog', diff --git a/packages/ui/src/molecules/MediaDialog/MediaDialog.tsx b/packages/ui/src/molecules/MediaDialog/MediaDialog.tsx index 49970d760..103d90557 100644 --- a/packages/ui/src/molecules/MediaDialog/MediaDialog.tsx +++ b/packages/ui/src/molecules/MediaDialog/MediaDialog.tsx @@ -1,8 +1,8 @@ +import { Button, Dialog, Surface, Text, type DialogProps } from '../../atoms' +import { useMimeType, type MimeTypeSubType, type MimeTypeType } from '../../utils' import { Global, keyframes, useTheme } from '@emotion/react' import { Volume2, X } from '@talismn/web-icons' import { type ReactNode } from 'react' -import { Button, Dialog, Surface, Text, type DialogProps } from '../../atoms' -import { useMimeType, type MimeTypeSubType, type MimeTypeType } from '../../utils' const show = keyframes` from { diff --git a/packages/ui/src/molecules/Menu/Menu.stories.tsx b/packages/ui/src/molecules/Menu/Menu.stories.tsx index 760ade0d8..dfa96985a 100644 --- a/packages/ui/src/molecules/Menu/Menu.stories.tsx +++ b/packages/ui/src/molecules/Menu/Menu.stories.tsx @@ -1,10 +1,9 @@ +import { Button, Identicon } from '../../atoms' +import Menu, { MENU_OFFSET, type MenuProps } from './Menu' import { type ComponentMeta, type Story } from '@storybook/react' import { ChevronDown } from '@talismn/web-icons' import { motion } from 'framer-motion' -import { Button, Identicon } from '../../atoms' -import Menu, { MENU_OFFSET, type MenuProps } from './Menu' - export default { title: 'Molecules/Menu', component: Menu, diff --git a/packages/ui/src/molecules/Menu/Menu.tsx b/packages/ui/src/molecules/Menu/Menu.tsx index b717796d6..7ec689895 100644 --- a/packages/ui/src/molecules/Menu/Menu.tsx +++ b/packages/ui/src/molecules/Menu/Menu.tsx @@ -1,3 +1,6 @@ +import { ListItem, Surface, useSurfaceColor } from '../..' +import FloatingPortal from '../../atoms/FloatingPortal' +import { usePrevious } from '../../utils' import { useTheme } from '@emotion/react' import { autoPlacement, @@ -28,9 +31,6 @@ import { type ReactElement, type ReactNode, } from 'react' -import { ListItem, Surface, useSurfaceColor } from '../..' -import FloatingPortal from '../../atoms/FloatingPortal' -import { usePrevious } from '../../utils' export const MENU_OFFSET = 12 diff --git a/packages/ui/src/molecules/SearchBar/SearchBar.stories.tsx b/packages/ui/src/molecules/SearchBar/SearchBar.stories.tsx index 4e1939985..09454c0e5 100644 --- a/packages/ui/src/molecules/SearchBar/SearchBar.stories.tsx +++ b/packages/ui/src/molecules/SearchBar/SearchBar.stories.tsx @@ -1,6 +1,6 @@ -import type { Meta, StoryObj } from '@storybook/react' import type { SearchBarProps } from './SearchBar' import SearchBar from './SearchBar' +import type { Meta, StoryObj } from '@storybook/react' import { useState } from 'react' export default { diff --git a/packages/ui/src/molecules/SearchBar/SearchBar.tsx b/packages/ui/src/molecules/SearchBar/SearchBar.tsx index fb737f46c..9ce6950e0 100644 --- a/packages/ui/src/molecules/SearchBar/SearchBar.tsx +++ b/packages/ui/src/molecules/SearchBar/SearchBar.tsx @@ -1,6 +1,6 @@ +import { TextInput, type TextInputProps } from '..' import { Search, XCircle } from '@talismn/web-icons' import { forwardRef, useImperativeHandle, useRef } from 'react' -import { TextInput, type TextInputProps } from '..' export type SearchBarProps = TextInputProps diff --git a/packages/ui/src/molecules/SegmentedButton/SegmentedButton.stories.tsx b/packages/ui/src/molecules/SegmentedButton/SegmentedButton.stories.tsx index 6b6da7934..85a65af7d 100644 --- a/packages/ui/src/molecules/SegmentedButton/SegmentedButton.stories.tsx +++ b/packages/ui/src/molecules/SegmentedButton/SegmentedButton.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import SegmentedButton, { type SegmentedButtonProps } from './SegmentedButton' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Molecules/SegmentedButton', diff --git a/packages/ui/src/molecules/SegmentedButton/SegmentedButton.tsx b/packages/ui/src/molecules/SegmentedButton/SegmentedButton.tsx index ddb318387..45eba9edf 100644 --- a/packages/ui/src/molecules/SegmentedButton/SegmentedButton.tsx +++ b/packages/ui/src/molecules/SegmentedButton/SegmentedButton.tsx @@ -1,8 +1,8 @@ +import { Clickable, Surface, Text, type ClickableProps } from '../../atoms' import { useTheme } from '@emotion/react' import { IconContext } from '@talismn/web-icons/utils' import { motion } from 'framer-motion' import { createContext, type PropsWithChildren, type ReactNode } from 'react' -import { Clickable, Surface, Text, type ClickableProps } from '../../atoms' const SegmentedButtonContext = createContext<{ value: string | number | undefined diff --git a/packages/ui/src/molecules/Select/Select.stories.tsx b/packages/ui/src/molecules/Select/Select.stories.tsx index a0c9f055d..4837b4408 100644 --- a/packages/ui/src/molecules/Select/Select.stories.tsx +++ b/packages/ui/src/molecules/Select/Select.stories.tsx @@ -1,8 +1,7 @@ -import { type ComponentMeta, type Story } from '@storybook/react' -import { useState } from 'react' - import { Identicon } from '../../atoms' import Select, { type SelectProps } from './Select' +import { type ComponentMeta, type Story } from '@storybook/react' +import { useState } from 'react' export default { title: 'Molecules/Select', diff --git a/packages/ui/src/molecules/Select/Select.tsx b/packages/ui/src/molecules/Select/Select.tsx index 3fce6909e..bffaafd63 100644 --- a/packages/ui/src/molecules/Select/Select.tsx +++ b/packages/ui/src/molecules/Select/Select.tsx @@ -1,3 +1,5 @@ +import { CircularProgressIndicator, Surface, Text, useSurfaceColor } from '../../atoms' +import FloatingPortal from '../../atoms/FloatingPortal' import { useTheme } from '@emotion/react' import { autoPlacement, @@ -24,8 +26,6 @@ import React, { type ReactElement, type ReactNode, } from 'react' -import { CircularProgressIndicator, Surface, Text, useSurfaceColor } from '../../atoms' -import FloatingPortal from '../../atoms/FloatingPortal' export type SelectProps = { className?: string diff --git a/packages/ui/src/molecules/SideSheet/SideSheet.stories.tsx b/packages/ui/src/molecules/SideSheet/SideSheet.stories.tsx index d32ae3c6f..11851fa51 100644 --- a/packages/ui/src/molecules/SideSheet/SideSheet.stories.tsx +++ b/packages/ui/src/molecules/SideSheet/SideSheet.stories.tsx @@ -1,9 +1,8 @@ -import { Global, css } from '@emotion/react' -import { type ComponentMeta, type Story } from '@storybook/react' - import { Text } from '../../atoms' import TextInput from '../TextInput' import SideSheet, { SIDE_SHEET_WIDE_BREAK_POINT_SELECTOR, type SideSheetProps } from './SideSheet' +import { Global, css } from '@emotion/react' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Molecules/SideSheet', diff --git a/packages/ui/src/molecules/SideSheet/SideSheet.tsx b/packages/ui/src/molecules/SideSheet/SideSheet.tsx index 230f3b090..c454b2a50 100644 --- a/packages/ui/src/molecules/SideSheet/SideSheet.tsx +++ b/packages/ui/src/molecules/SideSheet/SideSheet.tsx @@ -1,9 +1,9 @@ -import { keyframes, useTheme } from '@emotion/react' -import { X } from '@talismn/web-icons' -import { type ReactNode } from 'react' import { Dialog, IconButton, Text, type DialogProps } from '../../atoms' import { Toaster } from '../../organisms' import { useMediaQuery } from '../../utils' +import { keyframes, useTheme } from '@emotion/react' +import { X } from '@talismn/web-icons' +import { type ReactNode } from 'react' export type SideSheetProps = Omit & { title: ReactNode diff --git a/packages/ui/src/molecules/Tabs/Tabs.stories.tsx b/packages/ui/src/molecules/Tabs/Tabs.stories.tsx index 397327057..1feb04b84 100644 --- a/packages/ui/src/molecules/Tabs/Tabs.stories.tsx +++ b/packages/ui/src/molecules/Tabs/Tabs.stories.tsx @@ -1,6 +1,6 @@ +import Tabs, { type TabsProps } from './Tabs' import { type ComponentMeta, type Story } from '@storybook/react' import { useState } from 'react' -import Tabs, { type TabsProps } from './Tabs' export default { title: 'Molecules/Tabs', diff --git a/packages/ui/src/molecules/Tabs/Tabs.tsx b/packages/ui/src/molecules/Tabs/Tabs.tsx index dd59486ac..b10dd1210 100644 --- a/packages/ui/src/molecules/Tabs/Tabs.tsx +++ b/packages/ui/src/molecules/Tabs/Tabs.tsx @@ -1,7 +1,7 @@ +import { Text } from '../..' import { useTheme } from '@emotion/react' import { motion } from 'framer-motion' import { createContext, useContext, type ElementType, type PropsWithChildren } from 'react' -import { Text } from '../..' const TabsContext = createContext({ noBottomBorder: false }) diff --git a/packages/ui/src/molecules/TextInput/TextInput.stories.tsx b/packages/ui/src/molecules/TextInput/TextInput.stories.tsx index 64300276e..5e26de875 100644 --- a/packages/ui/src/molecules/TextInput/TextInput.stories.tsx +++ b/packages/ui/src/molecules/TextInput/TextInput.stories.tsx @@ -1,6 +1,5 @@ -import { type ComponentMeta, type Story } from '@storybook/react' - import TextInput, { type TextInputProps } from './TextInput' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Molecules/TextInput', diff --git a/packages/ui/src/molecules/TextInput/TextInput.tsx b/packages/ui/src/molecules/TextInput/TextInput.tsx index 3906ff158..ecda4d894 100644 --- a/packages/ui/src/molecules/TextInput/TextInput.tsx +++ b/packages/ui/src/molecules/TextInput/TextInput.tsx @@ -1,3 +1,4 @@ +import { Clickable, Surface, Text, useSurfaceColorAtElevation } from '../../atoms' import { useTheme } from '@emotion/react' import { useId, @@ -8,7 +9,6 @@ import { type ChangeEvent, forwardRef, } from 'react' -import { Clickable, Surface, Text, useSurfaceColorAtElevation } from '../../atoms' export type TextInputProps = Omit< React.DetailedHTMLProps, HTMLInputElement>, diff --git a/packages/ui/src/molecules/ToastBar/ToastBar.stories.tsx b/packages/ui/src/molecules/ToastBar/ToastBar.stories.tsx index c0f4b95ec..dce4e9ccf 100644 --- a/packages/ui/src/molecules/ToastBar/ToastBar.stories.tsx +++ b/packages/ui/src/molecules/ToastBar/ToastBar.stories.tsx @@ -1,9 +1,8 @@ /* eslint-disable @typescript-eslint/no-non-null-assertion */ -import { type ComponentMeta, type Story } from '@storybook/react' - import { Button } from '../../atoms' import Toaster, { toast } from '../../organisms/Toaster' import ToastBar, { ToastMessage, type ToastBarProps } from './ToastBar' +import { type ComponentMeta, type Story } from '@storybook/react' export default { title: 'Molecules/ToastBar', diff --git a/packages/ui/src/molecules/ToastBar/ToastBar.tsx b/packages/ui/src/molecules/ToastBar/ToastBar.tsx index aa3fc7cdf..938aab2aa 100644 --- a/packages/ui/src/molecules/ToastBar/ToastBar.tsx +++ b/packages/ui/src/molecules/ToastBar/ToastBar.tsx @@ -1,11 +1,11 @@ +import { CircularProgressIndicator, SurfaceIconButton, Text, useSurfaceColor } from '../../atoms' +import { toast as toaster } from '../../organisms' import { useTheme } from '@emotion/react' import { Check, X } from '@talismn/web-icons' import { formatDistanceToNowStrict } from 'date-fns' import { motion } from 'framer-motion' import { isValidElement, useEffect, useMemo, useRef, useState, type ReactNode } from 'react' import { resolveValue, type Toast, type ToastPosition } from 'react-hot-toast/headless' -import { CircularProgressIndicator, SurfaceIconButton, Text, useSurfaceColor } from '../../atoms' -import { toast as toaster } from '../../organisms' export type ToastMessageProps = { headlineContent: ReactNode diff --git a/packages/ui/src/organisms/NavigationBar/NavigationBar.stories.tsx b/packages/ui/src/organisms/NavigationBar/NavigationBar.stories.tsx index eb0883a33..05480cc92 100644 --- a/packages/ui/src/organisms/NavigationBar/NavigationBar.stories.tsx +++ b/packages/ui/src/organisms/NavigationBar/NavigationBar.stories.tsx @@ -1,8 +1,7 @@ +import NavigationBar, { NavigationBarItem, type NavigationBarProps } from './NavigationBar' import { type ComponentMeta, type Story } from '@storybook/react' import { Compass, CreditCard, PieChart, Repeat, Zap } from '@talismn/web-icons' -import NavigationBar, { NavigationBarItem, type NavigationBarProps } from './NavigationBar' - export default { title: 'Organisms/NavigationBar', component: NavigationBar, diff --git a/packages/ui/src/organisms/NavigationBar/NavigationBar.tsx b/packages/ui/src/organisms/NavigationBar/NavigationBar.tsx index 1d6f9c48a..44aa084c8 100644 --- a/packages/ui/src/organisms/NavigationBar/NavigationBar.tsx +++ b/packages/ui/src/organisms/NavigationBar/NavigationBar.tsx @@ -1,8 +1,7 @@ +import { Button, IconButton, Text } from '../../atoms' import { useTheme } from '@emotion/react' import { type PropsWithChildren, type ReactNode } from 'react' -import { Button, IconButton, Text } from '../../atoms' - export type NavigationBarProps = PropsWithChildren export type NavigationBarItemProps = { diff --git a/packages/ui/src/organisms/NavigationDrawer/NavigationDrawer.stories.tsx b/packages/ui/src/organisms/NavigationDrawer/NavigationDrawer.stories.tsx index c08e0eb94..091317e7e 100644 --- a/packages/ui/src/organisms/NavigationDrawer/NavigationDrawer.stories.tsx +++ b/packages/ui/src/organisms/NavigationDrawer/NavigationDrawer.stories.tsx @@ -1,3 +1,4 @@ +import NavigationDrawer, { type NavigationDrawerProps } from './NavigationDrawer' import { Global, css } from '@emotion/react' import { type ComponentMeta, type Story } from '@storybook/react' import { @@ -13,8 +14,6 @@ import { Zap, } from '@talismn/web-icons' -import NavigationDrawer, { type NavigationDrawerProps } from './NavigationDrawer' - export default { title: 'Organisms/NavigationDrawer', component: NavigationDrawer, diff --git a/packages/ui/src/organisms/NavigationDrawer/NavigationDrawer.tsx b/packages/ui/src/organisms/NavigationDrawer/NavigationDrawer.tsx index 51b931b56..aa9bbcebf 100644 --- a/packages/ui/src/organisms/NavigationDrawer/NavigationDrawer.tsx +++ b/packages/ui/src/organisms/NavigationDrawer/NavigationDrawer.tsx @@ -1,3 +1,4 @@ +import { Dialog, IconButton, Text, useSurfaceColorAtElevation } from '../../atoms' import { keyframes, useTheme } from '@emotion/react' import { X } from '@talismn/web-icons' import { IconContext } from '@talismn/web-icons/utils' @@ -11,8 +12,6 @@ import { type ReactNode, } from 'react' -import { Dialog, IconButton, Text, useSurfaceColorAtElevation } from '../../atoms' - export type BaseNavigationDrawerProps = { open?: boolean onRequestDismiss?: () => unknown diff --git a/packages/ui/src/organisms/NavigationRail/NavigationRail.stories.tsx b/packages/ui/src/organisms/NavigationRail/NavigationRail.stories.tsx index d0457ba0a..ab2e1a123 100644 --- a/packages/ui/src/organisms/NavigationRail/NavigationRail.stories.tsx +++ b/packages/ui/src/organisms/NavigationRail/NavigationRail.stories.tsx @@ -1,8 +1,7 @@ -import { type ComponentMeta, type Story } from '@storybook/react' -import { Compass, CreditCard, PieChart, Repeat, Union, Zap } from '@talismn/web-icons' - import { IconButton } from '../../atoms' import NavigationRail, { NavigationRailItem, type NavigationRailProps } from './NavigationRail' +import { type ComponentMeta, type Story } from '@storybook/react' +import { Compass, CreditCard, PieChart, Repeat, Union, Zap } from '@talismn/web-icons' export default { title: 'Organisms/NavigationRail', diff --git a/packages/ui/src/organisms/NavigationRail/NavigationRail.tsx b/packages/ui/src/organisms/NavigationRail/NavigationRail.tsx index 0dabc199f..996fd9072 100644 --- a/packages/ui/src/organisms/NavigationRail/NavigationRail.tsx +++ b/packages/ui/src/organisms/NavigationRail/NavigationRail.tsx @@ -1,8 +1,7 @@ -import { useTheme } from '@emotion/react' -import { type PropsWithChildren, type ReactNode } from 'react' - import { Surface, Tooltip, useSurfaceColorAtElevation } from '../../atoms' import FloatingActionButton from '../../atoms/FloatingActionButton' +import { useTheme } from '@emotion/react' +import { type PropsWithChildren, type ReactNode } from 'react' export type NavigationRailProps = PropsWithChildren<{ header?: ReactNode diff --git a/packages/ui/src/organisms/Scaffold/Scaffold.stories.tsx b/packages/ui/src/organisms/Scaffold/Scaffold.stories.tsx index 3e1e102c9..d29799358 100644 --- a/packages/ui/src/organisms/Scaffold/Scaffold.stories.tsx +++ b/packages/ui/src/organisms/Scaffold/Scaffold.stories.tsx @@ -1,7 +1,3 @@ -import { type ComponentMeta, type Story } from '@storybook/react' -import { MoreHorizontal } from '@talismn/web-icons' -import { useCallback, useState } from 'react' - import { IconButton, Identicon, Text } from '../../atoms' import { Default as NavigationBarStory } from '../NavigationBar/NavigationBar.stories' import { Default as NavigationDrawerStory } from '../NavigationDrawer/NavigationDrawer.stories' @@ -9,6 +5,9 @@ import { Default as NavigationRailStory } from '../NavigationRail/NavigationRail import TopAppBar from '../TopAppBar' import { Default as TopAppBarStory } from '../TopAppBar/TopAppBar.stories' import Scaffold from './Scaffold' +import { type ComponentMeta, type Story } from '@storybook/react' +import { MoreHorizontal } from '@talismn/web-icons' +import { useCallback, useState } from 'react' export default { title: 'Organisms/Scaffold', diff --git a/packages/ui/src/organisms/Scaffold/Scaffold.tsx b/packages/ui/src/organisms/Scaffold/Scaffold.tsx index f0b271760..95f0d6b16 100644 --- a/packages/ui/src/organisms/Scaffold/Scaffold.tsx +++ b/packages/ui/src/organisms/Scaffold/Scaffold.tsx @@ -1,8 +1,8 @@ -import { css } from '@emotion/react' -import { type PropsWithChildren, type ReactNode } from 'react' import { Toaster } from '..' import { useMediaQuery } from '../../utils' import { createPortal } from '../../utils/portal' +import { css } from '@emotion/react' +import { type PropsWithChildren, type ReactNode } from 'react' type Breakpoint = 'narrow' | 'wide' | undefined diff --git a/packages/ui/src/organisms/Toaster.tsx b/packages/ui/src/organisms/Toaster.tsx index 8e881672a..34b40999e 100644 --- a/packages/ui/src/organisms/Toaster.tsx +++ b/packages/ui/src/organisms/Toaster.tsx @@ -1,11 +1,10 @@ // NOTE: modified version of https://github.com/timolins/react-hot-toast/blob/main/src/components/toaster.tsx // to allow customizability later on - +import { ToastBar } from '../molecules' import type { CSSObject } from '@emotion/react' import { useReducedMotion } from 'framer-motion' import { useCallback, type CSSProperties, type ReactNode, type RefCallback } from 'react' import { resolveValue, useToaster, type ToastPosition, type ToasterProps } from 'react-hot-toast/headless' -import { ToastBar } from '../molecules' type ToastWrapperProps = { id: string diff --git a/packages/ui/src/organisms/TopAppBar/TopAppBar.stories.tsx b/packages/ui/src/organisms/TopAppBar/TopAppBar.stories.tsx index f1186352f..0a251804f 100644 --- a/packages/ui/src/organisms/TopAppBar/TopAppBar.stories.tsx +++ b/packages/ui/src/organisms/TopAppBar/TopAppBar.stories.tsx @@ -1,8 +1,7 @@ -import { type ComponentMeta, type Story } from '@storybook/react' -import { MoreHorizontal, TalismanHand } from '@talismn/web-icons' - import { IconButton, Identicon } from '../../atoms' import TopAppBar, { TopAppBarItem, type TopAppBarProps } from './TopAppBar' +import { type ComponentMeta, type Story } from '@storybook/react' +import { MoreHorizontal, TalismanHand } from '@talismn/web-icons' export default { title: 'Organisms/TopAppBar', diff --git a/packages/ui/src/organisms/TopAppBar/TopAppBar.tsx b/packages/ui/src/organisms/TopAppBar/TopAppBar.tsx index ae34cdb0b..f1c84da20 100644 --- a/packages/ui/src/organisms/TopAppBar/TopAppBar.tsx +++ b/packages/ui/src/organisms/TopAppBar/TopAppBar.tsx @@ -1,8 +1,7 @@ +import { Button, IconButton, Text } from '../../atoms' import { useTheme } from '@emotion/react' import { type DetailedHTMLProps, type HTMLAttributes, type ReactNode } from 'react' -import { Button, IconButton, Text } from '../../atoms' - export type TopAppBarProps = { navigationIcon?: ReactNode title?: ReactNode diff --git a/packages/ui/src/theme.stories.tsx b/packages/ui/src/theme.stories.tsx index a99471ff9..adfd99fb4 100644 --- a/packages/ui/src/theme.stories.tsx +++ b/packages/ui/src/theme.stories.tsx @@ -1,10 +1,9 @@ +import { Text } from './atoms' +import { type Theme, theme } from './theme' import { type ComponentMeta, type Story } from '@storybook/react' import { TalismanHand } from '@talismn/web-icons' import { type JSXElementConstructor } from 'react' -import { Text } from './atoms' -import { type Theme, theme } from './theme' - export default { title: 'Theme/Color', parameters: { diff --git a/packages/utils/src/react/useThrottle.ts b/packages/utils/src/react/useThrottle.ts index 612602bfe..3f09eff4f 100644 --- a/packages/utils/src/react/useThrottle.ts +++ b/packages/utils/src/react/useThrottle.ts @@ -1,6 +1,5 @@ // Needed as `useThrottle` from `react-use` doesn't work // https://github.com/streamich/react-use/issues/2488 - import { useEffect, useRef, useState } from 'react' export const useThrottle = (value: T, milliseconds: number) => { diff --git a/yarn.lock b/yarn.lock index 348f11b1a..385035881 100644 --- a/yarn.lock +++ b/yarn.lock @@ -297,6 +297,17 @@ __metadata: languageName: node linkType: hard +"@babel/generator@npm:7.17.7": + version: 7.17.7 + resolution: "@babel/generator@npm:7.17.7" + dependencies: + "@babel/types": "npm:^7.17.0" + jsesc: "npm:^2.5.1" + source-map: "npm:^0.5.0" + checksum: 10c0/8088453c4418e0ee6528506fbd5847bbdfd56327a0025ca9496a259261e162c594ffd08be0d63e74c32feced795616772f38acc5f5e493a86a45fd439fd9feb0 + languageName: node + linkType: hard + "@babel/generator@npm:^7.14.0, @babel/generator@npm:^7.18.13, @babel/generator@npm:^7.23.0, @babel/generator@npm:^7.23.6": version: 7.23.6 resolution: "@babel/generator@npm:7.23.6" @@ -522,6 +533,20 @@ __metadata: languageName: node linkType: hard +"@babel/helper-string-parser@npm:^7.24.1": + version: 7.24.1 + resolution: "@babel/helper-string-parser@npm:7.24.1" + checksum: 10c0/2f9bfcf8d2f9f083785df0501dbab92770111ece2f90d120352fda6dd2a7d47db11b807d111e6f32aa1ba6d763fe2dc6603d153068d672a5d0ad33ca802632b2 + languageName: node + linkType: hard + +"@babel/helper-validator-identifier@npm:^7.16.7, @babel/helper-validator-identifier@npm:^7.24.5": + version: 7.24.5 + resolution: "@babel/helper-validator-identifier@npm:7.24.5" + checksum: 10c0/05f957229d89ce95a137d04e27f7d0680d84ae48b6ad830e399db0779341f7d30290f863a93351b4b3bde2166737f73a286ea42856bb07c8ddaa95600d38645c + languageName: node + linkType: hard + "@babel/helper-validator-identifier@npm:^7.22.20": version: 7.22.20 resolution: "@babel/helper-validator-identifier@npm:7.22.20" @@ -578,6 +603,15 @@ __metadata: languageName: node linkType: hard +"@babel/parser@npm:^7.20.5": + version: 7.24.5 + resolution: "@babel/parser@npm:7.24.5" + bin: + parser: ./bin/babel-parser.js + checksum: 10c0/8333a6ad5328bad34fa0e12bcee147c3345ea9a438c0909e7c68c6cfbea43c464834ffd7eabd1cbc1c62df0a558e22ffade9f5b29440833ba7b33d96a71f88c0 + languageName: node + linkType: hard + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.23.3": version: 7.23.3 resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.23.3" @@ -1728,6 +1762,24 @@ __metadata: languageName: node linkType: hard +"@babel/traverse@npm:7.23.2": + version: 7.23.2 + resolution: "@babel/traverse@npm:7.23.2" + dependencies: + "@babel/code-frame": "npm:^7.22.13" + "@babel/generator": "npm:^7.23.0" + "@babel/helper-environment-visitor": "npm:^7.22.20" + "@babel/helper-function-name": "npm:^7.23.0" + "@babel/helper-hoist-variables": "npm:^7.22.5" + "@babel/helper-split-export-declaration": "npm:^7.22.6" + "@babel/parser": "npm:^7.23.0" + "@babel/types": "npm:^7.23.0" + debug: "npm:^4.1.0" + globals: "npm:^11.1.0" + checksum: 10c0/d096c7c4bab9262a2f658298a3c630ae4a15a10755bb257ae91d5ab3e3b2877438934859c8d34018b7727379fe6b26c4fa2efc81cf4c462a7fe00caf79fa02ff + languageName: node + linkType: hard + "@babel/traverse@npm:^7.14.0, @babel/traverse@npm:^7.16.8, @babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.23.2, @babel/traverse@npm:^7.23.6": version: 7.23.6 resolution: "@babel/traverse@npm:7.23.6" @@ -1746,6 +1798,16 @@ __metadata: languageName: node linkType: hard +"@babel/types@npm:7.17.0": + version: 7.17.0 + resolution: "@babel/types@npm:7.17.0" + dependencies: + "@babel/helper-validator-identifier": "npm:^7.16.7" + to-fast-properties: "npm:^2.0.0" + checksum: 10c0/ad09224272b40fedb00b262677d12b6838f5b5df5c47d67059ba1181bd4805439993393a8de32459dae137b536d60ebfcaf39ae84d8b3873f1e81cc75f5aeae8 + languageName: node + linkType: hard + "@babel/types@npm:^7.0.0, @babel/types@npm:^7.16.8, @babel/types@npm:^7.18.13, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.22.15, @babel/types@npm:^7.22.19, @babel/types@npm:^7.22.5, @babel/types@npm:^7.23.0, @babel/types@npm:^7.23.6, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3": version: 7.23.6 resolution: "@babel/types@npm:7.23.6" @@ -1757,6 +1819,17 @@ __metadata: languageName: node linkType: hard +"@babel/types@npm:^7.17.0": + version: 7.24.5 + resolution: "@babel/types@npm:7.24.5" + dependencies: + "@babel/helper-string-parser": "npm:^7.24.1" + "@babel/helper-validator-identifier": "npm:^7.24.5" + to-fast-properties: "npm:^2.0.0" + checksum: 10c0/e1284eb046c5e0451b80220d1200e2327e0a8544a2fe45bb62c952e5fdef7099c603d2336b17b6eac3cc046b7a69bfbce67fe56e1c0ea48cd37c65cb88638f2a + languageName: node + linkType: hard + "@base2/pretty-print-object@npm:1.0.1": version: 1.0.1 resolution: "@base2/pretty-print-object@npm:1.0.1" @@ -8671,6 +8744,26 @@ __metadata: languageName: node linkType: hard +"@trivago/prettier-plugin-sort-imports@npm:^4.3.0": + version: 4.3.0 + resolution: "@trivago/prettier-plugin-sort-imports@npm:4.3.0" + dependencies: + "@babel/generator": "npm:7.17.7" + "@babel/parser": "npm:^7.20.5" + "@babel/traverse": "npm:7.23.2" + "@babel/types": "npm:7.17.0" + javascript-natural-sort: "npm:0.7.1" + lodash: "npm:^4.17.21" + peerDependencies: + "@vue/compiler-sfc": 3.x + prettier: 2.x - 3.x + peerDependenciesMeta: + "@vue/compiler-sfc": + optional: true + checksum: 10c0/42270fb9c89e54a3f8b6ac8c43e6d0e03350e2857e902cdad4de22c78ef1864da600525595311bc7e94e51c16c7dd3882c2e048a162fdab59761ffa893756aa2 + languageName: node + linkType: hard + "@trysound/sax@npm:0.2.0": version: 0.2.0 resolution: "@trysound/sax@npm:0.2.0" @@ -16972,6 +17065,13 @@ __metadata: languageName: node linkType: hard +"javascript-natural-sort@npm:0.7.1": + version: 0.7.1 + resolution: "javascript-natural-sort@npm:0.7.1" + checksum: 10c0/340f8ffc5d30fb516e06dc540e8fa9e0b93c865cf49d791fed3eac3bdc5fc71f0066fc81d44ec1433edc87caecaf9f13eec4a1fce8c5beafc709a71eaedae6fe + languageName: node + linkType: hard + "jdenticon@npm:3.2.0": version: 3.2.0 resolution: "jdenticon@npm:3.2.0" @@ -21472,7 +21572,7 @@ __metadata: languageName: node linkType: hard -"source-map@npm:^0.5.7": +"source-map@npm:^0.5.0, source-map@npm:^0.5.7": version: 0.5.7 resolution: "source-map@npm:0.5.7" checksum: 10c0/904e767bb9c494929be013017380cbba013637da1b28e5943b566031e29df04fba57edf3f093e0914be094648b577372bd8ad247fa98cfba9c600794cd16b599 @@ -22016,6 +22116,7 @@ __metadata: dependencies: "@commitlint/cli": "npm:^18.4.3" "@commitlint/config-conventional": "npm:^18.4.3" + "@trivago/prettier-plugin-sort-imports": "npm:^4.3.0" eslint: "npm:^8.33.0" husky: "npm:^8.0.3" prettier: "npm:^2.8.8"