feat(form-layout): update form component to form-layout (#4316)

* feat(form-layout): update form component to form-layout

* feat(form-layout): add redirect

* fix(form-layout): broken links

* fix(form-layout): broken links

* feat(form-layout): override title and desc

* feat(form-layout): override title and desc

Author: PixeledCode

cypress/integration/sitemap-vrt/constants.ts

@@ -108,9 +108,9 @@ export const SITEMAP = [
   "/components/file-uploader/",
   "/components/file-uploader/api",
   "/components/file-uploader/changelog",
-  "/components/form/",
-  "/components/form/api",
-  "/components/form/changelog",
+  "/components/form-layout/",
+  "/components/form-layout/api",
+  "/components/form-layout/changelog",
   "/components/combobox/",
   "/components/date-picker/",
   "/components/date-picker/api",

packages/paste-website/next.config.mjs

@@ -64,6 +64,7 @@ const nextConfig = {
       { source: "/articles", destination: "/blog", permanent: true },
       { source: "/patterns/navigation", destination: "/experiences/navigation", permanent: true },
       { source: "/patterns/filter-group", destination: "/patterns/filter", permanent: true },
+      { source: "/components/form", destination: "/components/form-layout", permanent: true },
     ];
   },
   // https://nextjs.org/docs/pages/api-reference/next-config-js/headers

…ebsite/src/pages/components/form/api.mdx …src/pages/components/form-layout/api.mdxpackages/paste-website/src/pages/components/form/api.mdx renamed to packages/paste-website/src/pages/components/form-layout/api.mdx packages/paste-website/src/pages/components/form/api.mdx renamed to packages/paste-website/src/pages/components/form-layout/api.mdx

@@ -2,7 +2,7 @@ export const meta = {
   title: 'Form - API',
   package: '@twilio-paste/form',
   description: 'A Form groups related form elements that allow users to input information or configure options.',
-  slug: '/components/form/api',
+  slug: '/components/form-layout/api',
 };
 
 import Changelog from '@twilio-paste/form/CHANGELOG.md'; // I don't know why this is needed but if you remove it the page fails to render
@@ -16,13 +16,16 @@ export default ComponentPageLayout;
 
 export const getStaticProps = async () => {
   const navigationData = await getNavigationData();
-  const feature = await getFeature('Form');
+  const feature = await getFeature('Form Layout');
   const {componentApi, componentApiTocData} = getComponentApi('@twilio-paste/form');
   return {
     props: {
       data: {
         ...packageJson,
         ...feature,
+        nameOverride: 'Form Layout',
+        descriptionOverride:
+          'A Form Layout groups related form elements that allow users to input information or configure options.',
       },
       componentApi,
       mdxHeadings: [...mdxHeadings, ...componentApiTocData],

…/src/pages/components/form/changelog.mdx …ges/components/form-layout/changelog.mdxpackages/paste-website/src/pages/components/form/changelog.mdx renamed to packages/paste-website/src/pages/components/form-layout/changelog.mdx packages/paste-website/src/pages/components/form/changelog.mdx renamed to packages/paste-website/src/pages/components/form-layout/changelog.mdx

@@ -2,7 +2,7 @@ export const meta = {
   title: 'Form - Changelog',
   package: '@twilio-paste/form',
   description: 'A Form groups related form elements that allow users to input information or configure options.',
-  slug: '/components/form/changelog',
+  slug: '/components/form-layout/changelog',
 };
 
 import Changelog from '@twilio-paste/form/CHANGELOG.md';
@@ -16,12 +16,15 @@ export default ComponentPageLayout;
 
 export const getStaticProps = async () => {
   const navigationData = await getNavigationData();
-  const feature = await getFeature('Form');
+  const feature = await getFeature('Form Layout');
   return {
     props: {
       data: {
         ...packageJson,
         ...feature,
+        nameOverride: 'Form Layout',
+        descriptionOverride:
+          'A Form Layout groups related form elements that allow users to input information or configure options.',
       },
       navigationData,
       mdxHeadings,

…site/src/pages/components/form/index.mdx …c/pages/components/form-layout/index.mdxpackages/paste-website/src/pages/components/form/index.mdx renamed to packages/paste-website/src/pages/components/form-layout/index.mdx packages/paste-website/src/pages/components/form/index.mdx renamed to packages/paste-website/src/pages/components/form-layout/index.mdx

@@ -1,8 +1,8 @@
 export const meta = {
-  title: 'Form',
+  title: 'Form Layout',
   package: '@twilio-paste/form',
   description: 'A Form groups related form elements that allow users to input information or configure options.',
-  slug: '/components/form/',
+  slug: '/components/form-layout/',
 };
 
 import {Box} from '@twilio-paste/box';
@@ -51,12 +51,15 @@ export default ComponentPageLayout;
 
 export const getStaticProps = async () => {
   const navigationData = await getNavigationData();
-  const feature = await getFeature('Form');
+  const feature = await getFeature('Form Layout');
   return {
     props: {
       data: {
         ...packageJson,
         ...feature,
+        nameOverride: 'Form Layout',
+        descriptionOverride:
+          'A Form Layout groups related form elements that allow users to input information or configure options.',
       },
       navigationData,
       mdxHeadings,