Showcase: final cleanup from gts conversions (#3323)

Author: shleewhite

showcase/app/formats.js renamed to showcase/app/formats.ts

@@ -138,7 +138,6 @@ Router.map(function () {
     this.route('disclosure-primitive');
     this.route('dismiss-button');
     this.route('interactive');
-    this.route('menu-primitive');
     this.route('popover-primitive');
   });
   this.route('page-overrides', { path: 'overrides' }, function () {

showcase/app/router.ts

@@ -65,7 +65,6 @@
 @use "./showcase-pages/layout/flex" as showcase-layout-flex;
 @use "./showcase-pages/layout/grid" as showcase-layout-grid;
 @use "./showcase-pages/link-inline" as showcase-link-inline;
-@use "./showcase-pages/menu-primitive" as showcase-menu-primitive;
 @use "./showcase-pages/modal" as showcase-modal;
 @use "./showcase-pages/page-header" as showcase-page-header;
 @use "./showcase-pages/pagination" as showcase-pagination;

showcase/app/styles/app.scss

@@ -374,11 +374,6 @@ const Index: TemplateOnlyComponent = <template>
             Interactive
           </LinkTo>
         </li>
-        <li>
-          <LinkTo @route="page-utilities.menu-primitive">
-            MenuPrimitive
-          </LinkTo>
-        </li>
         <li>
           <LinkTo @route="page-utilities.popover-primitive">
             PopoverPrimitive

showcase/app/styles/showcase-pages/menu-primitive.scss

@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+import { pageTitle } from 'ember-page-title';
+
+import { Hds<%= columnizedModuleName %> } from '@hashicorp/design-system-components/components'
+
+import ShwTextH1 from 'showcase/components/shw/text/h1';
+
+const <%= classifiedModuleName %>Index: TemplateOnlyComponent = <template>
+  {{pageTitle "<%= columnizedModuleName %> Component"}}
+
+  <ShwTextH1><%= columnizedModuleName %></ShwTextH1>
+
+  <section data-test-percy>
+    {{!-- sub sections go here --}}
+
+    {{! This below is just an example of invocation, to get started }}
+    <Hds<%= columnizedModuleName %>>This is the Hds::<%= columnizedModuleName %> component </Hds<%= columnizedModuleName %>>
+  </section>
+</template>;
+
+export default <%= classifiedModuleName %>Index;

showcase/app/templates/index.gts

@@ -5,4 +5,9 @@
 
 import Route from '@ember/routing/route';
 
+import type { ModelFrom } from 'showcase/utils/model-from-route';
+
+export type PageComponents<%= classifiedModuleName %>Model =
+  ModelFrom<PageComponents<%= classifiedModuleName %>Route>;
+
 export default class PageComponents<%= classifiedModuleName %>Route extends Route {}

showcase/app/templates/page-utilities/menu-primitive.hbs

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+
+import <%= classifiedModuleName %>Index from 'showcase/components/page-components/<%= kebabizedModuleName %>';
+
+const PageComponents<%= classifiedModuleName %>: TemplateOnlyComponent = <template>
+  <<%= classifiedModuleName %>Index />
+</template>;
+
+export default PageComponents<%= classifiedModuleName %>;