Skip to content

Backfill missing deprecation messages for tracked deprecated components #49

Description

@georgewrmarshall

Summary

There are 114 currently tracked deprecated components in config.json that still have no _deprecationMessage.
These should get explicit deprecation copy in source so engineers see that the component is deprecated and, where possible, what to migrate to.

Scope

  • Source of truth: current config.json on branch phase-3
  • Definition: tracked deprecated component with missing _deprecationMessage
  • Goal: add or backfill deprecation messaging in the underlying source components

Inventory

extension (29)

  • BannerBase
    • Path: ui/components/component-library/banner-base/banner-base.tsx
    • Replacement: BannerBase from @metamask/design-system-react
  • BannerTip
    • Path: ui/components/component-library/banner-tip/banner-tip.tsx
    • Replacement: none recorded
  • Container
    • Path: ui/components/component-library/container/container.tsx
    • Replacement: none recorded
  • FileUploader
    • Path: ui/components/component-library/file-uploader/file-uploader.tsx
    • Replacement: none recorded
  • HeaderBase
    • Path: ui/components/component-library/header-base/header-base.tsx
    • Replacement: none recorded
  • HeaderSearch
    • Path: ui/components/component-library/header-search/header-search.tsx
    • Replacement: none recorded
  • HelpText
    • Path: ui/components/component-library/help-text/help-text.tsx
    • Replacement: none recorded
  • InvisibleCharacter
    • Path: ui/components/component-library/text/text.types.ts
    • Replacement: none recorded
  • Label
    • Path: ui/components/component-library/label/label.tsx
    • Replacement: none recorded
  • LottieAnimation
    • Path: ui/components/component-library/lottie-animation/lottie-animation.tsx
    • Replacement: none recorded
  • Modal
    • Path: ui/components/component-library/modal/modal.tsx
    • Replacement: none recorded
  • ModalBody
    • Path: ui/components/component-library/modal-body/modal-body.tsx
    • Replacement: none recorded
  • ModalFocus
    • Path: ui/components/component-library/modal-focus/modal-focus.tsx
    • Replacement: none recorded
  • ModalFooter
    • Path: ui/components/component-library/modal-footer/modal-footer.tsx
    • Replacement: none recorded
  • ModalOverlay
    • Path: ui/components/component-library/modal-overlay/modal-overlay.tsx
    • Replacement: none recorded
  • PickerNetwork
    • Path: ui/components/component-library/picker-network/picker-network.tsx
    • Replacement: none recorded
  • Popover
    • Path: ui/components/component-library/popover/popover.tsx
    • Replacement: none recorded
  • PopoverHeader
    • Path: ui/components/component-library/popover-header/popover-header.tsx
    • Replacement: none recorded
  • SelectButton
    • Path: ui/components/component-library/select-button/select-button.tsx
    • Replacement: none recorded
  • SelectOption
    • Path: ui/components/component-library/select-option/select-option.tsx
    • Replacement: none recorded
  • SelectWrapper
    • Path: ui/components/component-library/select-wrapper/select-wrapper.tsx
    • Replacement: none recorded
  • SensitiveText
    • Path: ui/components/component-library/sensitive-text/sensitive-text.tsx
    • Replacement: none recorded
  • SensitiveTextLength
    • Path: ui/components/component-library/sensitive-text/sensitive-text.types.ts
    • Replacement: none recorded
  • Skeleton
    • Path: ui/components/component-library/skeleton/skeleton.tsx
    • Replacement: none recorded
  • SuccessPill
    • Path: ui/components/component-library/success-pill/success-pill.tsx
    • Replacement: none recorded
  • Tag
    • Path: ui/components/component-library/tag/tag.tsx
    • Replacement: none recorded
  • TagUrl
    • Path: ui/components/component-library/tag-url/tag-url.tsx
    • Replacement: none recorded
  • TextField
    • Path: ui/components/component-library/text-field/text-field.tsx
    • Replacement: none recorded
  • Textarea
    • Path: ui/components/component-library/textarea/textarea.tsx
    • Replacement: none recorded

mobile (85)

  • Accordion
    • Path: app/component-library/components/Accordions/Accordion/Accordion.tsx
    • Replacement: none recorded
  • AccordionHeader
    • Path: app/component-library/components/Accordions/Accordion/foundation/AccordionHeader/AccordionHeader.tsx
    • Replacement: none recorded
  • AccountBalance
    • Path: app/component-library/components-temp/Accounts/AccountBalance/AccountBalance.tsx
    • Replacement: none recorded
  • AccountBase
    • Path: app/component-library/components-temp/Accounts/AccountBase/AccountBase.tsx
    • Replacement: none recorded
  • AccountListCell
    • Path: app/component-library/components-temp/MultichainAccounts/MultichainAccountSelectorList/AccountListCell/AccountListCell.tsx
    • Replacement: none recorded
  • AccountListFooter
    • Path: app/component-library/components-temp/MultichainAccounts/MultichainAccountSelectorList/AccountListFooter/AccountListFooter.tsx
    • Replacement: none recorded
  • AccountListHeader
    • Path: app/component-library/components-temp/MultichainAccounts/MultichainAccountSelectorList/AccountListHeader/AccountListHeader.tsx
    • Replacement: none recorded
  • AccountCellIds
    • Path: app/component-library/components-temp/MultichainAccounts/AccountCell/AccountCell.testIds.ts
    • Replacement: none recorded
  • AggregatedPercentage
    • Path: app/component-library/components-temp/Price/AggregatedPercentage/AggregatedPercentage.tsx
    • Replacement: none recorded
  • AggregatedPercentageCrossChains
    • Path: app/component-library/components-temp/Price/AggregatedPercentage/AggregatedPercentageCrossChains.tsx
    • Replacement: none recorded
  • Avatar
    • Path: app/component-library/components/Avatars/Avatar/Avatar.tsx
    • Replacement: none recorded
  • Badge
    • Path: app/component-library/components/Badges/Badge/Badge.tsx
    • Replacement: none recorded
  • BadgeStatus
    • Path: app/component-library/components/Badges/Badge/variants/BadgeStatus/BadgeStatus.tsx
    • Replacement: BadgeStatus from @metamask/design-system-react-native
  • Cell
    • Path: app/component-library/components/Cells/Cell/Cell.tsx
    • Replacement: none recorded
  • CellBase
    • Path: app/component-library/components/Cells/Cell/foundation/CellBase/CellBase.tsx
    • Replacement: none recorded
  • CellComponentSelectorsIDs
    • Path: app/component-library/components/Cells/Cell/CellComponent.testIds.ts
    • Replacement: none recorded
  • CellDisplay
    • Path: app/component-library/components/Cells/Cell/variants/CellDisplay/CellDisplay.tsx
    • Replacement: none recorded
  • CellMultiSelect
    • Path: app/component-library/components/Cells/Cell/variants/CellMultiSelect/CellMultiSelect.tsx
    • Replacement: none recorded
  • CellMultiSelectWithMenu
    • Path: app/component-library/components-temp/CellSelectWithMenu/CellMultiSelectWithMenu.tsx
    • Replacement: none recorded
  • CellSelect
    • Path: app/component-library/components/Cells/Cell/variants/CellSelect/CellSelect.tsx
    • Replacement: none recorded
  • CellSelectWithMenu
    • Path: app/component-library/components-temp/CellSelectWithMenu/CellSelectWithMenu.tsx
    • Replacement: none recorded
  • ConditionalScrollView
    • Path: app/component-library/components-temp/ConditionalScrollView/ConditionalScrollView.tsx
    • Replacement: none recorded
  • ConfirmInfoRowValueDouble
    • Path: app/component-library/components-temp/Snaps/ConfirmInfoRowValueDouble/ConfirmInfoRowValueDouble.tsx
    • Replacement: none recorded
  • ContractBox
    • Path: app/component-library/components-temp/Contracts/ContractBox/ContractBox.tsx
    • Replacement: none recorded
  • ContractBoxBase
    • Path: app/component-library/components-temp/Contracts/ContractBoxBase/ContractBoxBase.tsx
    • Replacement: none recorded
  • CustomInput
    • Path: app/component-library/components-temp/CustomSpendCap/CustomInput/CustomInput.tsx
    • Replacement: none recorded
  • CustomSpendCap
    • Path: app/component-library/components-temp/CustomSpendCap/CustomSpendCap.tsx
    • Replacement: none recorded
  • HeaderCompactStandard
    • Path: app/component-library/components-temp/HeaderCompactStandard/HeaderCompactStandard.tsx
    • Replacement: none recorded
  • HeaderRoot
    • Path: app/component-library/components-temp/HeaderRoot/HeaderRoot.tsx
    • Replacement: HeaderRoot from @metamask/design-system-react-native
  • HeaderSearch
    • Path: app/component-library/components-temp/HeaderSearch/HeaderSearch.tsx
    • Replacement: HeaderSearch from @metamask/design-system-react-native
  • HeaderStandardAnimated
    • Path: app/component-library/components-temp/HeaderStandardAnimated/HeaderStandardAnimated.tsx
    • Replacement: none recorded
  • HelpText
    • Path: app/component-library/components/Form/HelpText/HelpText.tsx
    • Replacement: none recorded
  • IconSizes
    • Path: app/component-library/components-temp/KeyValueRow/KeyValueRow.types.ts
    • Replacement: none recorded
  • KeyValueRow
    • Path: app/component-library/components-temp/KeyValueRow/KeyValueRow.tsx
    • Replacement: KeyValueRow from @metamask/design-system-react-native
  • KeyValueRowLabel
    • Path: app/component-library/components-temp/KeyValueRow/KeyValueLabel/KeyValueLabel.tsx
    • Replacement: none recorded
  • KeyValueRowRoot
    • Path: app/component-library/components-temp/KeyValueRow/KeyValueRoot/KeyValueRoot.tsx
    • Replacement: none recorded
  • KeyValueRowStubs
    • Path: app/component-library/components-temp/KeyValueRow/KeyValueRow.tsx
    • Replacement: none recorded
  • KeyValueSection
    • Path: app/component-library/components-temp/KeyValueRow/KeyValueSection/KeyValueSection.tsx
    • Replacement: none recorded
  • ListItemColumn
    • Path: app/component-library/components/List/ListItemColumn/ListItemColumn.tsx
    • Replacement: none recorded
  • ListItemMultiSelect
    • Path: app/component-library/components/List/ListItemMultiSelect/ListItemMultiSelect.tsx
    • Replacement: none recorded
  • ListItemMultiSelectButton
    • Path: app/component-library/components-temp/ListItemMultiSelectButton/ListItemMultiSelectButton.tsx
    • Replacement: none recorded
  • ListItemMultiSelectWithMenuButton
    • Path: app/component-library/components-temp/ListItemMultiSelectWithMenuButton/ListItemMultiSelectWithMenuButton.tsx
    • Replacement: none recorded
  • ListItemSelect
    • Path: app/component-library/components/List/ListItemSelect/ListItemSelect.tsx
    • Replacement: none recorded
  • Loader
    • Path: app/component-library/components-temp/Loader/Loader.tsx
    • Replacement: none recorded
  • ModalConfirmation
    • Path: app/component-library/components/Modals/ModalConfirmation/ModalConfirmation.tsx
    • Replacement: none recorded
  • ModalMandatory
    • Path: app/component-library/components/Modals/ModalMandatory/ModalMandatory.tsx
    • Replacement: none recorded
  • MultichainAddWalletActions
    • Path: app/component-library/components-temp/MultichainAccounts/MultichainAddWalletActions/MultichainAddWalletActions.tsx
    • Replacement: none recorded
  • MultichainAddressRow
    • Path: app/component-library/components-temp/MultichainAccounts/MultichainAddressRow/MultichainAddressRow.tsx
    • Replacement: none recorded
  • MultichainAddressRowsList
    • Path: app/component-library/components-temp/MultichainAccounts/MultichainAddressRowsList/MultichainAddressRowsList.tsx
    • Replacement: none recorded
  • Overlay
    • Path: app/component-library/components/Overlay/Overlay.tsx
    • Replacement: none recorded
  • PercentageChange
    • Path: app/component-library/components-temp/Price/PercentageChange/PercentageChange.tsx
    • Replacement: none recorded
  • PickerNetwork
    • Path: app/component-library/components/Pickers/PickerNetwork/PickerNetwork.tsx
    • Replacement: none recorded
  • QuickActionButton
    • Path: app/component-library/components-temp/QuickActionButtons/QuickActionButton/QuickActionButton.tsx
    • Replacement: none recorded
  • QuickActionButtons
    • Path: app/component-library/components-temp/QuickActionButtons/QuickActionButtons.tsx
    • Replacement: none recorded
  • SectionHeader
    • Path: app/component-library/components-temp/SectionHeader/SectionHeader.tsx
    • Replacement: none recorded
  • SegmentedControl
    • Path: app/component-library/components-temp/SegmentedControl/SegmentedControl.tsx
    • Replacement: none recorded
  • SelectButton
    • Path: app/component-library/components/Select/SelectButton/SelectButton.tsx
    • Replacement: none recorded
  • SelectButtonBase
    • Path: app/component-library/components/Select/SelectButton/foundation/SelectButtonBase.tsx
    • Replacement: none recorded
  • SelectOption
    • Path: app/component-library/components/Select/SelectOption/SelectOption.tsx
    • Replacement: none recorded
  • SelectValue
    • Path: app/component-library/components/Select/SelectValue/SelectValue.tsx
    • Replacement: none recorded
  • SelectValueBase
    • Path: app/component-library/components/Select/SelectValue/foundation/SelectValueBase.tsx
    • Replacement: none recorded
  • SensitiveText
    • Path: app/component-library/components/Texts/SensitiveText/SensitiveText.tsx
    • Replacement: SensitiveText from @metamask/design-system-react-native
  • SensitiveTextLength
    • Path: app/component-library/components/Texts/SensitiveText/SensitiveText.types.ts
    • Replacement: none recorded
  • SheetActions
    • Path: app/component-library/components-temp/SheetActions/SheetActions.tsx
    • Replacement: none recorded
  • SheetHeader
    • Path: app/component-library/components/Sheet/SheetHeader/SheetHeader.tsx
    • Replacement: BottomSheetHeader from component-library
  • Tab
    • Path: app/component-library/components-temp/Tabs/Tab/Tab.tsx
    • Replacement: none recorded
  • TabBar
    • Path: app/component-library/components/Navigation/TabBar/TabBar.tsx
    • Replacement: none recorded
  • TabBarItem
    • Path: app/component-library/components/Navigation/TabBarItem/TabBarItem.tsx
    • Replacement: none recorded
  • TabsBar
    • Path: app/component-library/components-temp/Tabs/TabsBar/TabsBar.tsx
    • Replacement: none recorded
  • TabsList
    • Path: app/component-library/components-temp/Tabs/TabsList/TabsList.tsx
    • Replacement: none recorded
  • Tag
    • Path: app/component-library/components/Tags/Tag/Tag.tsx
    • Replacement: none recorded
  • TagBase
    • Path: app/component-library/base-components/TagBase/TagBase.tsx
    • Replacement: none recorded
  • TagColored
    • Path: app/component-library/components-temp/TagColored/TagColored.tsx
    • Replacement: none recorded
  • TagUrl
    • Path: app/component-library/components/Tags/TagUrl/TagUrl.tsx
    • Replacement: none recorded
  • TextFieldSearch
    • Path: app/component-library/components/Form/TextFieldSearch/TextFieldSearch.tsx
    • Replacement: TextFieldSearch from @metamask/design-system-react-native
  • TextWithPrefixIcon
    • Path: app/component-library/components/Texts/TextWithPrefixIcon/TextWithPrefixIcon.tsx
    • Replacement: none recorded
  • TitleStandard
    • Path: app/component-library/components-temp/TitleStandard/TitleStandard.tsx
    • Replacement: none recorded
  • TitleSubpage
    • Path: app/component-library/components-temp/TitleSubpage/TitleSubpage.tsx
    • Replacement: none recorded
  • ToastContextWrapper
    • Path: app/component-library/components/Toast/Toast.context.tsx
    • Replacement: none recorded
  • ToastSelectorsIDs
    • Path: app/component-library/components/Toast/ToastModal.testIds.ts
    • Replacement: none recorded
  • ToastSelectorsText
    • Path: app/component-library/components/Toast/ToastModal.testIds.ts
    • Replacement: none recorded
  • TooltipSizes
    • Path: app/component-library/components-temp/KeyValueRow/KeyValueRow.types.ts
    • Replacement: none recorded
  • TradeTabBarItem
    • Path: app/component-library/components/Navigation/TradeTabBarItem/TradeTabBarItem.tsx
    • Replacement: none recorded

Notes

  • Some entries already have a replacement in config.json but still lack source deprecation copy.
  • Some entries have no replacement recorded yet; those still need a clear deprecation/removal note if they remain intentionally tracked.
  • After backfilling messages, rerun yarn sync-config and verify the missing-message count drops.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions