2 Commits

Include renames

Author	SHA1	Message	Date
4 people	bf348ee209	refactor: migrate Icon to component icons from @coss/ui/icons (#27458) ... * feat: add @coss/ui/icons package and migrate static icon usages Create a new icon system in @coss/ui/icons that wraps lucide-react icons with controlled props (size and className only). Migrate 44 component files from <Icon name="xxx" /> to <XxxIcon /> pattern. This is Phase 1 of the icon migration, covering only static icon names. Dynamic icon usages (e.g., name={variable}) are skipped for now. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate more static icons to @coss/ui/icons (batch 2) Migrated 18 files from <Icon name="xxx" /> to <XxxIcon /> pattern: - Event meta, insights, shell, user table bulk actions - Webhooks, blocklist, form-builder, form components Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate more static icons to @coss/ui/icons (batch 3) Migrated 7 files: - CancelBooking, AddGuestsDialog, ChargeCardDialog - ReassignDialog, RescheduleDialog - Categories, Slider Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate more static icons to @coss/ui/icons (batch 4) Migrated 6 files: - Organizations: AboutOrganizationForm, PaymentStatusView, profile - Workflows: CallDetailsSheet, SkeletonLoaderList, TimeTimeUnitInput Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate more static icons to @coss/ui/icons (batch 5) Migrated 4 files: - TwoFactorModalHeader - App setups: alby, make, btcpayserver Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static icons to @coss/ui/icons (batch 6) - confirmDialog.tsx: clock icon - ics-feedcalendar/Setup.tsx: trash, plus icons - hitpay/Setup.tsx: info icon - paypal/Setup.tsx: circle-alert icons Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static icons to @coss/ui/icons (batch 7) - webhook-edit-view.tsx: external-link icon - webhook-new-view.tsx: external-link icon - UserDropdown.tsx: chevron-down, user, settings, moon, map, circle-help, download, blocks, log-out icons - TopNav.tsx: settings icon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static icons to @coss/ui/icons (batch 8) - EmailInviteForm.tsx: x icon - InviteOptions.tsx: mail, upload, link icons - SkeletonLoader.tsx: search, clock, user icons - Embed.tsx: sun, arrow-left icons - CalendarSwitch.tsx: arrow-left, rotate-cw icons Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static icons to @coss/ui/icons (batch 9) - apps-view.tsx: search icon - categories-view.tsx: arrow-left, arrow-right icons - DatePicker.tsx: calendar icon - EditLocationDialog.tsx: map-pin icon - AppPage.tsx: circle-alert, book-open, external-link, mail, file, shield, flag icons Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static icons to @coss/ui/icons (batch 10) - LicenseSelection.tsx: loader, check icons - AppConnectionItem.tsx: circle-alert, arrow-right icons - oauth-client-form/index.tsx: info icons (x2) - auth/error/page.tsx: x icon - troubleshoot/layout.tsx: loader icon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static icons to @coss/ui/icons (batch 11) - UpgradeTipWrapper.tsx: users, refresh-ccw, user-plus icons - PbacOptInModal.tsx: shield-check, lock, users, shield icons - AdvancedPermissionGroup.tsx: chevron-right, info icons Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static icons to @coss/ui/icons (batch 12) - AdminAppsList.tsx: pencil icon - AvailableTimes.tsx: calendar-x-2 icon - BookingDetailsSheet.tsx: external-link (x2), repeat icons - BookingCalendarContainer.tsx: chevron-left, chevron-right icons Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static icons to @coss/ui/icons (batch 13) - videos-single-view.tsx: chevron-right icon - TroubleshooterSidebar.tsx: arrow-left icon - RuleBuilder.tsx: filter icon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static icons to @coss/ui/icons (batch 14) - FieldMappingBuilder.tsx: arrow-right, link icons - IntegrationAttributeSyncCard.tsx: key icon - onboarding-view.tsx: loader icon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static icons to @coss/ui/icons (batch 15) - team-profile-view.tsx: copy icon - DateRangeFilter.tsx: check icon - ColumnVisibilityButton.tsx: check icon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static Icon to @coss/ui/icons (batch 16) - EventWorkflowsTab.tsx: lock - event-types-listing-view.tsx: search - onboarding-migrate-members-browser-view.tsx: arrow-left, arrow-right, rotate-cw, lock, ellipsis-vertical, check, user-plus - onboarding-migrate-teams-browser-view.tsx: arrow-left, arrow-right, rotate-cw, lock, ellipsis-vertical, check, arrow-right, users - EventAvailabilityTab.tsx: globe, user - onboarding-teams-browser-view.tsx: arrow-left, arrow-right, rotate-cw, lock, ellipsis-vertical, check, arrow-right, users - FormBuilder.tsx: mail, phone, arrow-up, arrow-down - AIEventController.tsx: info - EventTeamAssignmentTab.tsx: x Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static Icon to @coss/ui/icons (batch 17) - EventAdvancedTab.tsx: pencil, info - HostLocations.tsx: triangle-alert, loader - EventTypeLayout.tsx: loader - Locations.tsx: x, corner-down-right, check - EditWeightsForAllTeamMembers.tsx: upload, search, info, chevron-down - WorkflowPage.tsx: pencil Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static Icon to @coss/ui/icons (batch 18) - TestPhoneCallDialog.tsx: phone - WorkflowListPage.tsx: link - UsersTable.tsx: building, lock - TeamList.tsx: building, paintbrush, chart-line, user-plus, users, pencil - bookings-single-view.tsx: chevron-left, check, calendar, x, external-link Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate static Icon to @coss/ui/icons (batch 19) - TeamsListing.tsx: users, refresh-ccw, user-plus, mail, video, eye-off, info - ConnectionInfo.tsx: clipboard - IntercomContactForm.tsx: message-circle, loader, send Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * fix: migrate static Icon to @coss/ui/icons in teams components - EventTypesList.tsx: check → CheckIcon - MemberInvitationModal.tsx: user, users, building → UserIcon, UsersIcon, BuildingIcon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * fix: migrate static Icon to @coss/ui/icons in workflow components - ImportNumberDialog.tsx: info → InfoIcon - VoiceSelector.tsx: user → UserIcon - IncomingCallsTab.tsx: info, phone-incoming → InfoIcon, PhoneIncomingIcon - PhoneNumberTab.tsx: loader, phone → LoaderIcon, PhoneIcon - VoiceSelectionDialog.tsx: pause, play, user → PauseIcon, PlayIcon, UserIcon - WebCallDialog.tsx: loader, phone, phone-off, triangle-alert, trash, message-circle → new icons (kept Icon import for dynamic mic icon) - WorkflowDetailsPage.tsx: zap, arrow-right → ZapIcon, ArrowRightIcon - AddActionDialog.tsx: info → InfoIcon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * fix: migrate static Icon to @coss/ui/icons in WorkflowStepContainer - info → InfoIcon (2 instances) - phone → PhoneIcon (2 instances) - circle-help → CircleHelpIcon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * fix: migrate static Icon to @coss/ui/icons in data-table and org components - attributes-list-view.tsx: tags → TagsIcon - AddFilterButton.tsx: plus, eye-off → PlusIcon, EyeOffIcon - BaseSelectFilterOptions.tsx: check → CheckIcon - DataTable.tsx: arrow-up, arrow-down, check, chevrons-up-down, eye-off → new icons - booking-dry-run-success-view.tsx: check → CheckIcon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * fix: migrate static Icon to @coss/ui/icons in username and routing components - UsernameTextfield.tsx: check → CheckIcon - PremiumTextfield.tsx: check, external-link → CheckIcon, ExternalLinkIcon (kept Icon for star with fill prop) - Header.tsx (routing-forms): pencil, menu, waypoints → PencilIcon, MenuIcon, WaypointsIcon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate Icon to component icons in routing-forms pages Batch 25: Migrate static Icon usages to @coss/ui/icons components. Files changed: - Forms.tsx: file-text, shuffle, chart-bar, circle-check, mail, download → FileTextIcon, ShuffleIcon, ChartBarIcon, CircleCheckIcon, MailIcon, DownloadIcon - FormEdit.tsx: chevron-down, menu → ChevronDownIcon, MenuIcon - IncompleteBooking.tsx: globe → GlobeIcon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate Icon to component icons in UI package Batch 26: Migrate static Icon usages to @coss/ui/icons components. Files changed: - ProgressToast.tsx: file-down, x → FileDownIcon, XIcon - showToast.tsx: check, info, x → CheckIcon, InfoIcon, XIcon - InfoBadge.tsx: info → InfoIcon - MeetingTimeInTimezones.tsx: globe → GlobeIcon - InputError.tsx: info → InfoIcon - ConfirmationDialogContent.tsx: circle-alert, check → CircleAlertIcon, CheckIcon - CalendarSwitch.tsx: arrow-left, rotate-cw → ArrowLeftIcon, RotateCwIcon - ArrowButton.tsx: arrow-up, arrow-down → ArrowUpIcon, ArrowDownIcon - FileUploader.tsx: upload → UploadIcon (kept Icon for dynamic) - Checkbox.tsx: check → CheckIcon - EditableHeading.tsx: pencil → PencilIcon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate Icon to component icons in UI and app-store packages Batch 27: Migrate static Icon usages to @coss/ui/icons components. Files changed: - MultiEmail.tsx: x → XIcon (converted width to size) - AppListCard.tsx: circle-alert → CircleAlertIcon - SplitButton.tsx: chevron-down → ChevronDownIcon (kept Icon for dynamic) - Calendar.tsx: chevron-left, chevron-right → ChevronLeftIcon, ChevronRightIcon - AppDependencyComponent.tsx: check, circle-x, arrow-right → CheckIcon, CircleXIcon, ArrowRightIcon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate Icon to component icons in form input components Batch 28: Migrate static Icon usages to @coss/ui/icons components. Files changed: - TextField.tsx: info → InfoIcon (kept Icon for x with onClick) - Input.tsx: eye, eye-off, search → EyeIcon, EyeOffIcon, SearchIcon Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * fix: use @coss/ui/src/icons in packages with legacy moduleResolution Packages like packages/ui and packages/app-store use a legacy moduleResolution setting that doesn't support subpath exports. This changes the import path from @coss/ui/icons to @coss/ui/src/icons for these packages. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate Icon to component icons in UI form and editor components Migrates static Icon usages: - MultiOptionInput: x (2x), arrow-up, arrow-down - components (select): check - AddVariablesDropdown: chevron-down (3x) - ToolbarPlugin: chevron-down Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * refactor: migrate Icon to component icons in settings and platform atoms Migrates static Icon usages: - SettingsLayoutAppDirClient: chevron-down (2x), chevron-right (2x), arrow-left - platform/atoms dialog: x - platform/atoms toast: x Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * fix: resolve @coss/ui/icons module resolution for legacy moduleResolution Add typesVersions to @coss/ui package.json to help TypeScript resolve subpath exports even with legacy moduleResolution: "node" setting. Change imports from @coss/ui/src/icons to @coss/ui/icons to avoid double-src path issue when Next.js applies import maps. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * fix: localize 'Select field type' fallback label in FormEdit Address Cubic AI review feedback (confidence 9/10) by using t() for the hardcoded 'Select field type' string to ensure proper i18n support. Co-Authored-By: unknown <> * fix: add typesVersions wildcards for @coss/ui subpath imports Add lib/*, components/*, and hooks/* to typesVersions to support legacy moduleResolution with all package subpath patterns. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * fix: resolve missing Icon references in settings and workflows - Add Icon import for dynamic icon usages in SettingsLayoutAppDirClient - Replace static Icon usages with component icons (InfoIcon, PhoneIcon) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * fix: resolve icon component type errors - Add onClick prop support to IconProps - Fix size prop type (use number instead of string) - Rename local MailOpenIcon to MailOpenIconWrapper to avoid shadowing Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * fix: add data-testid to icon components for test compatibility - Add testId parameter to createIcon function - Auto-generate data-testid for all icons (e.g., "check-icon", "search-icon") - Remove outdated mock for @calcom/ui/components/icon in tests Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Update package.json * Update package.json * fix: migrate Icon to CalendarDaysIcon in videos-single-view.tsx Co-Authored-By: unknown <> --------- Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com> Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>	2026-02-12 14:30:27 +01:00
7 people	5d709cf63c	feat: v3 of UI components (#19136) ... * ui playground * add types to ui * push avatar ignore ts and eslint errors * feat: V3 UI avatar (#18997) * avatar playground * add overflow-hidden back for loading indicator * update lock * feat: v3/badge (#18999) * badge intro * fix text on small badge * add dark mode warning * feat: v3/button (#19014) * TOC * wip buttons * shadows * secondary * semantic colours * minimal buttons * update disabled states * checkbox * dropdown v3 * load icons * fix design sections * fix icon gap * fix * remove client component from rsc * use peer as avatar * gif * fix button gap - dropdown iocn * support start icon in dropdowns * add alert demo + v3 component + darken semantic text * base inputs and text field * wip input * input field addon/suffix * toast page * wip select * match designs for input and select rounded * fix * fix select isloading transform * fix multi icons transition rotation * fix group heading * range slider demo + range slider * range slider popover design * v3 dialog * fix slider thumb size * wrap in suspense for useSearchParam difference in next14+ * base of tabs + horizontal tabs * fix select sizing to match input 36px * fix dark mode hover on button * target domState class for light/dark so we work on portal elements * fix default bg on popover * lightmode toasts + eleveation token * empty screen * intro to split button concept * mass colour updates * intro to themes * remove i18n from label with name * bouncy buttons * feat: small select * nav item dumb component * full demo * settings demo * fix tabs * fix mt * fix dropdown feedback from loom * alert fixes mentioned in loom * push font-cal * move to fumadocs * fix avatar * colors table * add typeography * icon + spacing guide * add border radius and shadow tables * fix colours and border radius * remove prose undline via fumas fork * fix icon buttons sizes * button group component * fix horizontal tabs * tab fixes * switches * pagination component * show toasts components raw * sync with airtable * add use client * 10px on input again * 10px in select also * fix input height * fix files merge * fix loading state for icon buttons * fix button fab * Enable addon to now overflow to next line in DS * use cal font for dialog text * add avatar square variant * fix select padding and menu size * fix type errors * fix type errors * add switch small size and fix type errors * fix ref types on input * update web styles * remove addonFilled to fix type errors * push dialog fixes * fix checkbox display * remove prose from alert examples * remove prose from all our component examples * badge rounded-lg on lg size * update colors * force w/h on icon buttons instead of inheriting * remove border-focus * remove border-focus from tailwind config * update tokens to match new colours * add new border subtle tokens and add to toasts * fix lg button padding * fix and drastically improve rtl rests * multi select use badges * use badge design for select pills * fix avatar alignment * fix tests and remove redudant ones * fix tests and remove redudant ones * update atoms globals css * extract tokens.css * extract app.css * force flex for atoms * add @calcom/ui/css * revert ui playground styles abstraction * fix input focus states * fix focus states for buttons * feat: v3/app work (#19233) * globals.css for app + event types listing search * few app wide NITS * fix select foucs within styling * fix formbuilder switch styles * fix disabled state of nested inputs * workflow fixes * webhook form fixes * i18n on tabs info * booking filters + tab * fix filters spacing * make first item so we get correct border radius if not default * round radio group in create event types + make button small * profile page * update editor br * button nits in existing places in the app * fix timezone select and multilist in guest form * fix text area on public booking page * size small event types create * margin on routing filter * filters improvments * routing insights fixes * fix date filter range * ooo fixes * fix teams/members bulk actions * create team UI * i18n in useTabs instead of in tab component now * Add event type setup border to availability * fix bulk actions on org members table * onboarding fixes * fix input types with ref stripe comparision * i18n fixes for platform * update globals of atoms * fix form builder firstname/lastname switch + correct footer useage * fix select * Revert "add @calcom/ui/css" This reverts commit 0dd8f9012907a278cfede4a98f289cb0744c9244. * revert tokens css * Revert "extract app.css" This reverts commit 10b998604816ad3310c24b36a02a638dabc5be24. * linear nits * workflow dropdown * fix page theme heading sizes to match cards * fix stepper for team creation * adjust margin to FilterSearchField * fix ooo icon * fix booker and dark mode due to darkgray 50 * more dark mode fixes * add size prop --------- Co-authored-by: Eunjae Lee <hey@eunjae.dev> Co-authored-by: Morgan Vernay <morgan@cal.com> * remove ui-playground * fix grow missing from merge * add search icon data-test-id back to search * fix FormAction style * fix datatestid for apps and tabs * change selector for team invitation e2e * fix use data-testid from item instaed of using names * rename upper case O * fix unit tests data-testid * fix unit tests data-testid * more data-testid changes * add data-testid to apps tab * data-testid to installed appPage * fix embed tests * fix filter-popover-trigger * use text-error and use dataId for locator * more e2e improvment * pass in single testId as button is now duplicate * show field-error instead * add test to eventtype tabs * Add css vars to embed too\ * add scrollbar and change dialog overlay colour * fix type * use attribute instead of class for tab detection * await promise * use new tokens for sprite generation * add correct testing Ids to e2e instead of button:text * use testIds for creation of orgs * Webhook receiver wait for 10 seconds --------- Co-authored-by: Eunjae Lee <hey@eunjae.dev> Co-authored-by: Morgan Vernay <morgan@cal.com> Co-authored-by: Hariom <hariombalhara@gmail.com> Co-authored-by: Joe Au-Yeung <j.auyeung419@gmail.com> Co-authored-by: Joe Au-Yeung <65426560+joeauyeung@users.noreply.github.com>	2025-02-14 16:31:21 -05:00