Renamed UI package to stateless.

CONTRIBUTING.md

@@ -28,11 +28,11 @@ In general, you'll want to either (1) create issues for bugs or (2) create pull
 If you spot a problem, [search if an issue already
 exists](https://docs.github.com/en/github/searching-for-information-on-github/searching-on-github/searching-issues-and-pull-requests#search-by-the-title-body-or-comments).
 If a related issue doesn't exist, you can open a new issue using a relevant
-[issue form](https://github.com/DA0-DA0/dao-ui/issues/new/choose).
+[issue form](https://github.com/DA0-DA0/dao-dao-ui/issues/new/choose).
 
 #### Solve an issue
 
-Scan through our [existing issues](https://github.com/DA0-DA0/dao-ui/issues) to
+Scan through our [existing issues](https://github.com/DA0-DA0/dao-dao-ui/issues) to
 find one that interests you. You can narrow down the search using `labels` as
 filters. As a general rule, we don't assign issues to anyone. If you find an
 issue to work on, you are welcome to open a PR with a fix.

README.md

@@ -16,21 +16,21 @@ You can find more info in our [documentation](https://docs.daodao.zone). Join th
 ### Clone this repo and install dependencies
 
 ```bash
-git clone https://github.com/DA0-DA0/dao-ui
-cd dao-ui
+git clone https://github.com/DA0-DA0/dao-dao-ui
+cd dao-dao-ui
 yarn
 ```
 
 If you're here to work on UI components in isolation:
 
 ```bash
-yarn ui storybook
+yarn storybook start
 ```
 
 If you're here to work on app-wide stuff, run the `yarn dev` script (equivalent to running `yarn dev` from the `apps/dapp` folder) to run the main app in development mode.
 
 ```bash
-yarn turbo run dev
+yarn dev
 ```
 
 Learn more about [Turborepo](https://turborepo.org/docs).
@@ -43,7 +43,7 @@ Learn more about [Turborepo](https://turborepo.org/docs).
 
 #### `packages/`
 
-- [(wip)](https://github.com/DA0-DA0/dao-ui/issues/368)
+- [(wip)](https://github.com/DA0-DA0/dao-dao-ui/issues/368)
 
 ### Learn More
 

apps/dapp/components/AppLayout.tsx

@@ -38,7 +38,7 @@ import {
   ProposalCreatedModal,
   AppLayout as StatelessAppLayout,
   useCachedLoadable,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 import { loadableToLoadingData, usePlatform } from '@dao-dao/utils'
 
 import {

apps/dapp/components/InstallKeplr.tsx

@@ -4,7 +4,7 @@
 import { ArrowForwardIos } from '@mui/icons-material'
 import { useTranslation } from 'react-i18next'
 
-import { Button, Modal, ModalProps } from '@dao-dao/ui'
+import { Button, Modal, ModalProps } from '@dao-dao/stateless'
 
 export type InstallKeplrProps = Pick<ModalProps, 'visible' | 'onClose'>
 

apps/dapp/components/NoKeplrAccountModal.tsx

@@ -4,7 +4,7 @@
 import { ArrowForwardIos } from '@mui/icons-material'
 import { useTranslation } from 'react-i18next'
 
-import { Button, Modal, ModalProps } from '@dao-dao/ui'
+import { Button, Modal, ModalProps } from '@dao-dao/stateless'
 
 export type NoKeplrAccountModalProps = Pick<ModalProps, 'visible' | 'onClose'>
 

apps/dapp/components/Paginator.tsx

@@ -3,7 +3,7 @@
 
 import Link from 'next/link'
 
-import { Button } from '@dao-dao/ui'
+import { Button } from '@dao-dao/stateless'
 
 function Paginator({
   page,

apps/dapp/components/TokenCard.tsx

@@ -17,7 +17,7 @@ import {
   TokenCard as StatelessTokenCard,
   useCachedLoadable,
   useDaoInfoContext,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 import { StakeType, loadableToLoadingData, useAddToken } from '@dao-dao/utils'
 
 export const TokenCard = (props: TokenCardInfo) => {

apps/dapp/components/dao/DaoCard.tsx

@@ -7,7 +7,7 @@ import { useEffect } from 'react'
 import { daoCardInfoLazyDataSelector } from '@dao-dao/common'
 import { usePinnedDaos } from '@dao-dao/state'
 import { DaoCardInfo } from '@dao-dao/types/components/DaoCard'
-import { DaoCard as StatelessDaoCard, useCachedLoadable } from '@dao-dao/ui'
+import { DaoCard as StatelessDaoCard, useCachedLoadable } from '@dao-dao/stateless'
 import { CHAIN_ID, loadableToLoadingData } from '@dao-dao/utils'
 
 export const DaoCard = (props: DaoCardInfo) => {

apps/dapp/components/dao/DaoTreasuryHistory.tsx

@@ -21,7 +21,7 @@ import {
   LineGraph,
   Loader,
   useDaoInfoContext,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 import {
   CHAIN_TXN_URL_PREFIX,
   NATIVE_DECIMALS,

apps/dapp/components/dao/SplashDaoCard.tsx

@@ -5,7 +5,7 @@ import { useEffect } from 'react'
 
 import { daoCardInfoLazyDataSelector } from '@dao-dao/common'
 import { DaoCardInfo } from '@dao-dao/types/components/DaoCard'
-import { DaoCard as StatelessDaoCard, useCachedLoadable } from '@dao-dao/ui'
+import { DaoCard as StatelessDaoCard, useCachedLoadable } from '@dao-dao/stateless'
 import { loadableToLoadingData } from '@dao-dao/utils'
 
 // Doesn't load any wallet information or allow pinning.

apps/dapp/components/dao/tabs/ProposalsTab.tsx

@@ -6,7 +6,7 @@ import { useVotingModule } from '@dao-dao/state'
 import {
   ProposalsTab as StatelessProposalsTab,
   useDaoInfoContext,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 
 export const ProposalsTab = () => {
   const daoInfo = useDaoInfoContext()

apps/dapp/components/dao/tabs/SubDaosTab.tsx

@@ -9,7 +9,7 @@ import { ContractVersion } from '@dao-dao/types'
 import {
   SubDaosTab as StatelessSubDaosTab,
   useDaoInfoContext,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 import { loadableToLoadingData } from '@dao-dao/utils'
 
 import { DaoCard } from '../DaoCard'

apps/dapp/components/dao/tabs/TreasuryAndNftsTab.tsx

@@ -18,7 +18,7 @@ import {
   TreasuryAndNftsTab as StatelessTreasuryAndNftsTab,
   useCachedLoadable,
   useDaoInfoContext,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 import { loadableToLoadingData } from '@dao-dao/utils'
 import {
   useCw20GovernanceTokenInfoResponseIfExists,

apps/dapp/components/profile/ProfileHomeCard.tsx

@@ -5,7 +5,7 @@ import { useWalletProfile, useWalletProposalsQuery } from '@dao-dao/state'
 import {
   ProfileHomeCard as StatelessProfileHomeCard,
   useAppLayoutContext,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 import { NATIVE_DECIMALS, NATIVE_DENOM, nativeTokenLabel } from '@dao-dao/utils'
 
 import { useDAppContext } from '../DAppContext'

apps/dapp/components/profile/ProfileNewProposalCard.tsx

@@ -10,7 +10,7 @@ import {
   ProfileNewProposalCard as StatelessProfileNewProposalCard,
   useAppLayoutContext,
   useDaoInfoContext,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 import { useVotingModuleAdapter } from '@dao-dao/voting-module-adapter'
 
 export interface ProfileNewProposalCardProps {

apps/dapp/components/profile/ProfileProposalCard.tsx

@@ -19,7 +19,7 @@ import {
   ProfileVotedCard,
   useAppLayoutContext,
   useDaoInfoContext,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 import { useVotingModuleAdapter } from '@dao-dao/voting-module-adapter'
 
 export interface ProfileProposalCardProps {

apps/dapp/next.config.js

@@ -8,7 +8,7 @@ const withBundleAnalyzer = require('@next/bundle-analyzer')({
 })
 const withInterceptStdout = require('next-intercept-stdout')
 const withTM = require('next-transpile-modules')([
-  '@dao-dao/ui',
+  '@dao-dao/stateless',
   '@dao-dao/utils',
   '@dao-dao/state',
   '@dao-dao/actions',

apps/dapp/package.json

@@ -25,7 +25,7 @@
     "@dao-dao/i18n": "2.0.1",
     "@dao-dao/proposal-module-adapter": "2.0.1",
     "@dao-dao/types": "2.0.1",
-    "@dao-dao/ui": "2.0.1",
+    "@dao-dao/stateless": "2.0.1",
     "@dao-dao/utils": "2.0.1",
     "@dao-dao/voting-module-adapter": "2.0.1",
     "@fontsource/inter": "^4.5.7",

apps/dapp/pages/404.tsx

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next'
 
 import { SuspenseLoader } from '@dao-dao/common'
 import { serverSideTranslations } from '@dao-dao/i18n/serverSideTranslations'
-import { ErrorPage } from '@dao-dao/ui'
+import { ErrorPage } from '@dao-dao/stateless'
 
 const Custom404: NextPage = () => {
   const { t } = useTranslation()

apps/dapp/pages/_app.tsx

@@ -1,7 +1,7 @@
 // GNU AFFERO GENERAL PUBLIC LICENSE Version 3. Copyright (C) 2022 DAO DAO Contributors.
 // See the "LICENSE" file in the root directory of this package for more copyright information.
 
-import '@dao-dao/ui/styles/index.css'
+import '@dao-dao/stateless/styles/index.css'
 import '@fontsource/inter/latin.css'
 import '@fontsource/jetbrains-mono/latin.css'
 
@@ -19,7 +19,7 @@ import {
   activeThemeAtom,
   mountedInBrowserAtom,
 } from '@dao-dao/state'
-import { Theme, ThemeProvider, ToastNotifications } from '@dao-dao/ui'
+import { Theme, ThemeProvider, ToastNotifications } from '@dao-dao/stateless'
 import { SITE_IMAGE, SITE_URL } from '@dao-dao/utils'
 
 import { AppLayout, HomepageLayout } from '@/components'

apps/dapp/pages/_error.tsx

@@ -25,7 +25,7 @@ import NextErrorComponent from 'next/error'
 import Link from 'next/link'
 import { useEffect } from 'react'
 
-import { ErrorPage } from '@dao-dao/ui'
+import { ErrorPage } from '@dao-dao/stateless'
 import { processError } from '@dao-dao/utils'
 
 interface CustomErrorComponentProps {

apps/dapp/pages/dao/[address]/create.tsx

@@ -9,7 +9,7 @@ import {
   DaoPageWrapperProps,
 } from '@dao-dao/common'
 import { makeGetDaoStaticProps } from '@dao-dao/common/server'
-import { useDaoInfoContext } from '@dao-dao/ui'
+import { useDaoInfoContext } from '@dao-dao/stateless'
 import { SITE_URL, getFallbackImage } from '@dao-dao/utils'
 
 const InnerCreateSubDaoPage = () => {

apps/dapp/pages/dao/[address]/index.tsx

@@ -40,7 +40,7 @@ import {
   ProfileNotMemberCard,
   useAppLayoutContext,
   useDaoInfoContext,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 import { SITE_URL } from '@dao-dao/utils'
 import { useVotingModuleAdapter } from '@dao-dao/voting-module-adapter'
 

apps/dapp/pages/dao/[address]/proposals/[proposalId].tsx

@@ -29,7 +29,7 @@ import {
   Proposal,
   ProposalNotFound,
   useDaoInfoContext,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 import { SITE_URL } from '@dao-dao/utils'
 import { useVotingModuleAdapter } from '@dao-dao/voting-module-adapter'
 

apps/dapp/pages/dao/[address]/proposals/create.tsx

@@ -37,7 +37,7 @@ import {
   PageLoader,
   ProfileDisconnectedCard,
   useDaoInfoContext,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 import { SITE_URL } from '@dao-dao/utils'
 
 import { ProfileNewProposalCard } from '@/components'

apps/dapp/pages/dao/create.tsx

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next'
 
 import { CreateDaoForm, SuspenseLoader } from '@dao-dao/common'
 import { serverSideTranslations } from '@dao-dao/i18n/serverSideTranslations'
-import { PageLoader } from '@dao-dao/ui'
+import { PageLoader } from '@dao-dao/stateless'
 import { SITE_URL } from '@dao-dao/utils'
 
 const CreateDaoPage: NextPage = () => {

apps/dapp/pages/home.tsx

@@ -10,7 +10,7 @@ import {
   useLoadingFeaturedDaoCardInfos,
   useLoadingPinnedDaoCardInfos,
 } from '@dao-dao/state'
-import { Home, ProfileDisconnectedCard } from '@dao-dao/ui'
+import { Home, ProfileDisconnectedCard } from '@dao-dao/stateless'
 
 import { commandModalVisibleAtom } from '@/atoms'
 import { DaoCard, ProfileHomeCard } from '@/components'

apps/dapp/pages/inbox.tsx

@@ -19,7 +19,7 @@ import {
   Inbox,
   PageLoader,
   ProfileDisconnectedCard,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 import { CHAIN_ID, SITE_URL } from '@dao-dao/utils'
 
 import { ProfileHomeCard, useDAppContext } from '@/components'

apps/dapp/pages/index.tsx

@@ -19,7 +19,7 @@ import {
   SplashEnterAppButton,
   SplashGradientWrapper,
   SplashStatsCard,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 
 import { SplashDaoCard } from '@/components'
 

apps/dapp/pages/wallet.tsx

@@ -26,7 +26,7 @@ import {
   ProfileDisconnectedCard,
   Wallet,
   WalletProps,
-} from '@dao-dao/ui'
+} from '@dao-dao/stateless'
 import { CHAIN_BECH32_PREFIX, CHAIN_ID, processError } from '@dao-dao/utils'
 
 import { ProfileHomeCard } from '@/components'

apps/dapp/tailwind.config.js

@@ -7,7 +7,7 @@ const tailwindConfig = {
     './{components,pages,services}/**/*.{js,jsx,ts,tsx}',
     '../../packages/**/*.{js,jsx,ts,tsx}',
   ],
-  presets: [require('@dao-dao/ui/tailwind/config')],
+  presets: [require('@dao-dao/config/tailwind/config')],
   theme: {
     extend: {
       keyframes: {

package.json

@@ -13,7 +13,7 @@
     "test": "turbo run test",
     "dapp": "yarn workspace @dao-dao/dapp",
     "state": "yarn workspace @dao-dao/state",
-    "ui": "yarn workspace @dao-dao/ui",
+    "stateless": "yarn workspace @dao-dao/stateless",
     "utils": "yarn workspace @dao-dao/utils",
     "actions": "yarn workspace @dao-dao/actions",
     "common": "yarn workspace @dao-dao/common",

packages/actions/actions/AddCw20.tsx

@@ -13,7 +13,7 @@ import {
   UseDefaults,
   UseTransformToCosmos,
 } from '@dao-dao/types/actions'
-import { AddCw20Emoji } from '@dao-dao/ui'
+import { AddCw20Emoji } from '@dao-dao/stateless'
 import { makeWasmMessage } from '@dao-dao/utils'
 
 import { AddCw20Component as StatelessAddCw20Component } from '../components/AddCw20'

packages/actions/actions/AddCw721.tsx

@@ -13,7 +13,7 @@ import {
   UseDefaults,
   UseTransformToCosmos,
 } from '@dao-dao/types/actions'
-import { AddCw721Emoji } from '@dao-dao/ui'
+import { AddCw721Emoji } from '@dao-dao/stateless'
 import { makeWasmMessage } from '@dao-dao/utils'
 
 import { AddCw721Component as StatelessAddCw721Component } from '../components/AddCw721'

packages/actions/actions/Custom.tsx

@@ -8,7 +8,7 @@ import {
   UseDefaults,
   UseTransformToCosmos,
 } from '@dao-dao/types/actions'
-import { CustomEmoji } from '@dao-dao/ui'
+import { CustomEmoji } from '@dao-dao/stateless'
 import { makeWasmMessage } from '@dao-dao/utils'
 
 import { CustomComponent as Component } from '../components/Custom'

packages/actions/actions/Execute.tsx

@@ -12,7 +12,7 @@ import {
   UseDefaults,
   UseTransformToCosmos,
 } from '@dao-dao/types/actions'
-import { ExecuteEmoji } from '@dao-dao/ui'
+import { ExecuteEmoji } from '@dao-dao/stateless'
 import {
   NATIVE_DECIMALS,
   convertDenomToMicroDenomWithDecimals,

packages/actions/actions/Instantiate.tsx

@@ -17,7 +17,7 @@ import {
   UseDefaults,
   UseTransformToCosmos,
 } from '@dao-dao/types/actions'
-import { InstantiateEmoji } from '@dao-dao/ui'
+import { InstantiateEmoji } from '@dao-dao/stateless'
 import {
   NATIVE_DECIMALS,
   convertDenomToMicroDenomWithDecimals,

packages/actions/actions/ManageSubDaos.tsx

@@ -12,7 +12,7 @@ import {
   UseDefaults,
   UseTransformToCosmos,
 } from '@dao-dao/types'
-import { ManageSubDaosEmoji } from '@dao-dao/ui'
+import { ManageSubDaosEmoji } from '@dao-dao/stateless'
 import { makeWasmMessage } from '@dao-dao/utils'
 
 import {

packages/actions/actions/MigrateContract.tsx

@@ -10,7 +10,7 @@ import {
   UseDefaults,
   UseTransformToCosmos,
 } from '@dao-dao/types/actions'
-import { MigrateContractEmoji } from '@dao-dao/ui'
+import { MigrateContractEmoji } from '@dao-dao/stateless'
 
 import { MigrateContractComponent as StatelessMigrateContractComponent } from '../components/MigrateContract'
 

packages/actions/actions/RemoveCw20.tsx

@@ -19,7 +19,7 @@ import {
   UseTransformToCosmos,
 } from '@dao-dao/types/actions'
 import { TokenInfoResponse } from '@dao-dao/types/contracts/Cw20Base'
-import { RemoveCw20Emoji } from '@dao-dao/ui'
+import { RemoveCw20Emoji } from '@dao-dao/stateless'
 import { makeWasmMessage } from '@dao-dao/utils'
 
 import { RemoveCw20Component as StatelessRemoveCw20Component } from '../components/RemoveCw20'