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

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions