Leaving some changes

Author: js-goupil

.changeset/tiny-moles-serve.md

@@ -0,0 +1,6 @@
+---
+'@shopify/ui-extensions-react': minor
+'@shopify/ui-extensions': minor
+---
+
+Marked FormattedTextField as deprecated for pos ui

packages/ui-extensions-react/src/surfaces/point-of-sale/components/FormattedTextField/FormattedTextField.ts

@@ -1,6 +1,9 @@
 import {FormattedTextField as BaseFormattedTextField} from '@shopify/ui-extensions/point-of-sale';
 import {createRemoteReactComponent} from '@remote-ui/react';
 
+/**
+ * @deprecated Use the `TextField` component instead.
+ */
 export const FormattedTextField = createRemoteReactComponent(
   BaseFormattedTextField,
 );

packages/ui-extensions/docs/surfaces/point-of-sale/reference/components/FormattedTextField.doc.ts

@@ -7,7 +7,7 @@ const generateCodeBlockForComponent = (title: string, fileName: string) =>
 const data: ReferenceEntityTemplateSchema = {
   name: 'FormattedTextField',
   description:
-    'Use a formatted text field when you require additional functionality such as the text field input type or a custom validator.',
+    'This component is deprecated. Please use the [`TextField`](/docs/api/pos-ui-extensions/components/textfield) component instead. Use a formatted text field when you require additional functionality such as the text field input type or a custom validator.',
   isVisualComponent: true,
   type: 'component',
   definitions: [

packages/ui-extensions/src/surfaces/point-of-sale/render/components/FormattedTextField/FormattedTextField.ts

@@ -22,6 +22,9 @@ export interface FormattedTextFieldProps extends BaseTextFieldProps {
   autoCapitalize?: AutoCapitalizationType;
 }
 
+/**
+ * @deprecated Use the `TextField` component instead.
+ */
 export const FormattedTextField = createRemoteComponent<
   'FormattedTextField',
   FormattedTextFieldProps