Merge pull request #2416 from oasisprotocol/mz/bumpUil

Align UI Library imports with the latest library changes

Author: buberdds

.changelog/2416.trivial.md

@@ -39,6 +39,10 @@ const config = {
             group: ['**/oasis-nexus/generated/api'],
             message: "Import 'oasis-nexus/api' instead.",
           },
+          {
+            group: ['@oasisprotocol/ui-library/src/components/ui/*'],
+            message: "Import '@oasisprotocol/ui-library/components' instead.",
+          },
         ],
       },
     ],

.eslintrc.js

@@ -8,7 +8,7 @@ import {
   useGetRuntimeTransactionsTxHash,
 } from '../../../oasis-nexus/api'
 import { AccountLink } from './AccountLink'
-import { Skeleton } from '@oasisprotocol/ui-library/src/components/ui/skeleton'
+import { Skeleton } from '@oasisprotocol/ui-library/src/components/skeleton'
 
 const TxSender: FC<{ scope: RuntimeScope; txHash: string; alwaysTrim?: boolean }> = ({
   scope,

src/app/components/Account/ContractCreatorInfo.tsx

@@ -1,7 +1,7 @@
 import { useLocalSettings } from '../../hooks/useLocalSettings'
 import { useTranslation } from 'react-i18next'
 import { ChevronsDownIcon, ChevronsUpIcon } from 'lucide-react'
-import { Button } from '@oasisprotocol/ui-library/src/components/ui/button'
+import { Button } from '@oasisprotocol/ui-library/src/components/button'
 
 export function ToggleAdvancedFields() {
   const { t } = useTranslation()

src/app/components/AdvancedField/ToggleAdvancedFields.tsx

@@ -1,4 +1,4 @@
-import { Button } from '@oasisprotocol/ui-library/src/components/ui/button'
+import { Button } from '@oasisprotocol/ui-library/src/components/button'
 import { Link } from '@oasisprotocol/ui-library/src/components/link'
 import { Trans, useTranslation } from 'react-i18next'
 import { AnalyticsDialogLayout } from './AnalyticsDialogLayout'

src/app/components/AnalyticsConsent/AnalyticsIsBlocked.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/rules-of-hooks -- REACT_APP_ENABLE_OASIS_MATOMO_ANALYTICS won't change in runtime */
 import { createContext, FC, useContext, useEffect, useState } from 'react'
 import { useBlocker, useLocation } from 'react-router-dom'
-import { Button } from '@oasisprotocol/ui-library/src/components/ui/button'
+import { Button } from '@oasisprotocol/ui-library/src/components/button'
 import { Link } from '@oasisprotocol/ui-library/src/components/link'
 import { Trans, useTranslation } from 'react-i18next'
 import * as matomo from './initializeMatomo'

src/app/components/AnalyticsConsent/index.tsx

@@ -3,7 +3,7 @@ import { FC } from 'react'
 import { CoinGeckoReferral } from '../CoinGeckoReferral'
 import { FiatValueInfo } from './hooks'
 import { Tooltip } from '@oasisprotocol/ui-library/src/components/tooltip'
-import { Skeleton } from '@oasisprotocol/ui-library/src/components/ui/skeleton'
+import { Skeleton } from '@oasisprotocol/ui-library/src/components/skeleton'
 import { TriangleAlert } from 'lucide-react'
 
 export const FiatMoneyWarning: FC<{ unknownTickers: string[] }> = ({ unknownTickers }) => {

src/app/components/Balance/FiatMoneyAmount.tsx

@@ -1,7 +1,7 @@
 import { FC } from 'react'
 import { Typography } from '@oasisprotocol/ui-library/src/components/typography'
 import { SearchScope } from '../../../types/searchScope'
-import { Button } from '@oasisprotocol/ui-library/src/components/ui/button'
+import { Button } from '@oasisprotocol/ui-library/src/components/button'
 import { EthOrOasisAddress } from '../../../oasis-nexus/api'
 import { useAccountMetadata } from '../../hooks/useAccountMetadata'
 import { Link } from '@oasisprotocol/ui-library/src/components/link'

src/app/components/DappBanner/index.tsx

@@ -1,4 +1,4 @@
-import { Separator } from '@oasisprotocol/ui-library/src/components/ui/separator'
+import { Separator } from '@oasisprotocol/ui-library/src/components/separator'
 
 export const LayoutDivider = () => <Separator className="my-6" />
 export const DashboardDivider = () => {

src/app/components/Divider/index.tsx

@@ -1,6 +1,6 @@
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Button } from '@oasisprotocol/ui-library/src/components/ui/button'
+import { Button } from '@oasisprotocol/ui-library/src/components/button'
 import { ImagePreviewDialog } from '@oasisprotocol/ui-library/src/components/dialog'
 type ImagePreviewProps = {
   handlePreviewClose: () => void