perf: do not import from @calcom/ui barrel file (#20184)

* Icon and IconName * Button and ButtonGroup * UserAvatar * AvatarGroup * Avatar * WizardLayout * Dialogs * EmptyScreen * showToast and TextField * Editor * Skeleton * Skeleton * TopBanner and showToast * Button again * more * perf: Remove app-store reference from @calcom/ui * more * Fixing types * Icon * Fixed casing * dropdown * more * Select * more * Badge * List * more * Divider * more * fix * fix type check * refactor * fix * fix * fix * fix * fix * fix * fix * fix type check * fix * fix * fix * fix * more * more * more * more * add index file to components/command * fix * fix * fix * fix imports * fix * fix * fix * fix * fix * fix * fix * fix build errors * fix build errors * fix --------- Co-authored-by: Keith Williams <keithwillcode@gmail.com>
2025-03-19 19:00:55 -03:00
parent ca19aa00c1
commit 853f9bc436
548 changed files with 1860 additions and 1502 deletions
@@ -1,7 +1,8 @@
 import { DataTableSelectionBar } from "@calcom/features/data-table";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";
-import { ConfirmationDialogContent, Dialog, DialogTrigger, showToast } from "@calcom/ui";
+import { Dialog, DialogTrigger, ConfirmationDialogContent } from "@calcom/ui/components/dialog";
+import { showToast } from "@calcom/ui/components/toast";

 import type { UserTableUser } from "../types";

@@ -3,7 +3,7 @@ import { useQueryState, parseAsBoolean } from "nuqs";

 import { useCopy } from "@calcom/lib/hooks/useCopy";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
-import { Button } from "@calcom/ui";
+import { Button } from "@calcom/ui/components/button";

 export function DynamicLink<T extends { username: string | null }>({
  table,
@@ -7,21 +7,19 @@ import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { SchedulingType } from "@calcom/prisma/enums";
 import { trpc } from "@calcom/trpc";
 import type { RouterOutputs } from "@calcom/trpc/react";
+import classNames from "@calcom/ui/classNames";
+import { Button } from "@calcom/ui/components/button";
 import {
-  Button,
  Command,
  CommandEmpty,
  CommandGroup,
  CommandInput,
  CommandItem,
  CommandList,
-  Popover,
-  showToast,
-  PopoverContent,
-  PopoverTrigger,
-  Icon,
-} from "@calcom/ui";
-import classNames from "@calcom/ui/classNames";
+} from "@calcom/ui/components/command";
+import { Icon } from "@calcom/ui/components/icon";
+import { Popover, PopoverContent, PopoverTrigger } from "@calcom/ui/components/popover";
+import { showToast } from "@calcom/ui/components/toast";

 import type { UserTableUser } from "../types";

@@ -6,23 +6,21 @@ import { DataTableSelectionBar, type ColumnFilter } from "@calcom/features/data-
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import type { Attribute as _Attribute, AttributeOption } from "@calcom/prisma/client";
 import { trpc } from "@calcom/trpc";
+import classNames from "@calcom/ui/classNames";
+import { Alert } from "@calcom/ui/components/alert";
+import { Button } from "@calcom/ui/components/button";
 import {
-  Alert,
-  Button,
  Command,
  CommandEmpty,
  CommandGroup,
  CommandInput,
  CommandItem,
  CommandList,
-  Icon,
-  Input,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  showToast,
-} from "@calcom/ui";
-import classNames from "@calcom/ui/classNames";
+} from "@calcom/ui/components/command";
+import { Input } from "@calcom/ui/components/form";
+import { Icon } from "@calcom/ui/components/icon";
+import { Popover, PopoverContent, PopoverTrigger } from "@calcom/ui/components/popover";
+import { showToast } from "@calcom/ui/components/toast";

 import type { UserTableUser } from "../types";

@@ -5,21 +5,19 @@ import { useState } from "react";
 import { DataTableSelectionBar } from "@calcom/features/data-table";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc";
+import classNames from "@calcom/ui/classNames";
+import { Button } from "@calcom/ui/components/button";
 import {
-  Button,
  Command,
  CommandEmpty,
  CommandGroup,
  CommandInput,
  CommandItem,
  CommandList,
-  Icon,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  showToast,
-} from "@calcom/ui";
-import classNames from "@calcom/ui/classNames";
+} from "@calcom/ui/components/command";
+import { Icon } from "@calcom/ui/components/icon";
+import { Popover, PopoverContent, PopoverTrigger } from "@calcom/ui/components/popover";
+import { showToast } from "@calcom/ui/components/toast";

 import type { UserTableUser } from "../types";

@@ -3,7 +3,8 @@ import type { Dispatch } from "react";

 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc";
-import { Dialog, ConfirmationDialogContent, showToast } from "@calcom/ui";
+import { Dialog, ConfirmationDialogContent } from "@calcom/ui/components/dialog";
+import { showToast } from "@calcom/ui/components/toast";

 import type { UserTableAction, UserTableState } from "./types";

@@ -1,5 +1,6 @@
-import type { IconName } from "@calcom/ui";
-import { Badge, Icon } from "@calcom/ui";
+import type { IconName } from "@calcom/ui/components/icon";
+import { Badge } from "@calcom/ui/components/badge";
+import { Icon } from "@calcom/ui/components/icon";

 type DisplayInfoType = {
  label: string;
@@ -10,24 +10,21 @@ import { emailSchema } from "@calcom/lib/emailSchema";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { MembershipRole } from "@calcom/prisma/enums";
 import { trpc, type RouterOutputs } from "@calcom/trpc/react";
+import { Avatar } from "@calcom/ui/components/avatar";
+import { Button } from "@calcom/ui/components/button";
+import { Divider } from "@calcom/ui/components/divider";
 import {
-  Form,
-  TextField,
-  ToggleGroup,
  InputField,
  TextAreaField,
-  Label,
-  showToast,
-  Avatar,
-  ImageUploader,
  SelectField,
-  SheetHeader,
-  SheetBody,
-  SheetFooter,
-  Button,
-  SheetTitle,
-  Divider,
-} from "@calcom/ui";
+  Form,
+  Label,
+  TextField,
+  ToggleGroup,
+} from "@calcom/ui/components/form";
+import { ImageUploader } from "@calcom/ui/components/image-uploader";
+import { SheetHeader, SheetBody, SheetFooter, SheetTitle } from "@calcom/ui/components/sheet";
+import { showToast } from "@calcom/ui/components/toast";

 import type { UserTableAction } from "../types";
 import { useEditMode } from "./store";
@@ -5,7 +5,9 @@ import { useOrgBranding } from "@calcom/ee/organizations/context/provider";
 import { WEBAPP_URL } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";
-import { Avatar, Loader, Sheet, SheetContent, SheetBody, SheetHeader, SheetFooter } from "@calcom/ui";
+import { Avatar } from "@calcom/ui/components/avatar";
+import { Sheet, SheetContent, SheetBody, SheetHeader, SheetFooter } from "@calcom/ui/components/sheet";
+import { Loader } from "@calcom/ui/components/skeleton";

 import type { UserTableAction, UserTableState } from "../types";
 import { DisplayInfo } from "./DisplayInfo";
@@ -1,5 +1,6 @@
 import { useLocale } from "@calcom/lib/hooks/useLocale";
-import { SheetClose, Button } from "@calcom/ui";
+import { Button } from "@calcom/ui/components/button";
+import { SheetClose } from "@calcom/ui/components/sheet";

 import { useEditMode } from "./store";

@@ -2,7 +2,8 @@ import { signIn, useSession } from "next-auth/react";
 import type { Dispatch } from "react";

 import { useLocale } from "@calcom/lib/hooks/useLocale";
-import { Button, Dialog, DialogClose, DialogContent, DialogFooter } from "@calcom/ui";
+import { Button } from "@calcom/ui/components/button";
+import { Dialog, DialogContent, DialogFooter, DialogClose } from "@calcom/ui/components/dialog";

 import type { UserTableAction, UserTableState } from "./types";

@@ -5,7 +5,7 @@ import MemberInvitationModal from "@calcom/features/ee/teams/components/MemberIn
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { CreationSource } from "@calcom/prisma/enums";
 import { trpc } from "@calcom/trpc";
-import { showToast } from "@calcom/ui";
+import { showToast } from "@calcom/ui/components/toast";
 import usePlatformMe from "@calcom/web/components/settings/platform/hooks/usePlatformMe";

 import type { UserTableAction } from "./types";
@@ -16,7 +16,10 @@ import {
 import { getUserAvatarUrl } from "@calcom/lib/getAvatarUrl";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc";
-import { Avatar, Badge, Checkbox, SkeletonText } from "@calcom/ui";
+import { Badge } from "@calcom/ui/components/badge";
+import { SkeletonText } from "@calcom/ui/components/skeleton";
+import { Avatar } from "@calcom/ui/components/avatar";
+import { Checkbox } from "@calcom/ui/components/form";

 import { DeleteBulkUsers } from "./BulkActions/DeleteBulkUsers";
 import { DeleteMemberModal } from "./DeleteMemberModal";
@@ -27,8 +27,11 @@ import {
 import { getUserAvatarUrl } from "@calcom/lib/getAvatarUrl";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc";
-import { Avatar, Badge, Checkbox, showToast } from "@calcom/ui";
 import classNames from "@calcom/ui/classNames";
+import { Avatar } from "@calcom/ui/components/avatar";
+import { Badge } from "@calcom/ui/components/badge";
+import { Checkbox } from "@calcom/ui/components/form";
+import { showToast } from "@calcom/ui/components/toast";
 import { useGetUserAttributes } from "@calcom/web/components/settings/platform/hooks/useGetUserAttributes";

 import { DeleteBulkUsers } from "./BulkActions/DeleteBulkUsers";
@@ -2,10 +2,10 @@ import { useSession } from "next-auth/react";

 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import { trpc } from "@calcom/trpc/react";
+import classNames from "@calcom/ui/classNames";
+import { Button } from "@calcom/ui/components/button";
+import { ButtonGroup } from "@calcom/ui/components/buttonGroup";
 import {
-  ButtonGroup,
-  Tooltip,
-  Button,
  Dropdown,
  DropdownMenuTrigger,
  DropdownMenuContent,
@@ -13,9 +13,9 @@ import {
  DropdownMenuPortal,
  DropdownItem,
  DropdownMenuSeparator,
-  showToast,
-} from "@calcom/ui";
-import classNames from "@calcom/ui/classNames";
+} from "@calcom/ui/components/dropdown";
+import { showToast } from "@calcom/ui/components/toast";
+import { Tooltip } from "@calcom/ui/components/tooltip";

 import type { UserTableUser, UserTableAction } from "./types";