rename classes and delete unused files (#21003)

ui/app/styles/components/linkable-item.scss

@@ -1,17 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-.linkable-item {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 50px 35px;
-  gap: 1em 1em;
-}
-
-.linkable-item-menu {
-  box-sizing: border-box;
-  grid-column: 3;
-  grid-row: 1;
-  align-self: center;
-}

ui/app/styles/components/linked-block.scss

@@ -10,3 +10,16 @@
 .linked-block .columns {
   @extend .is-flex-center;
 }
+
+.linked-block-item {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 50px 35px;
+  gap: 1em 1em;
+}
+
+.linked-block-popup-menu {
+  box-sizing: border-box;
+  grid-column: 3;
+  grid-row: 1;
+  align-self: center;
+}

ui/app/styles/components/read-more.scss

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 
-.linkable-item-seemore {
+.linked-block-seemore {
   grid-column: 2;
   grid-row: 1;
   align-self: baseline;

ui/app/styles/core.scss

@@ -77,7 +77,6 @@
 @import './components/kmip-role-edit';
 @import './components/known-secondaries-card.scss';
 @import './components/license-banners';
-@import './components/linkable-item';
 @import './components/linked-block';
 @import './components/list-item-row';
 @import './components/list-pagination';

ui/app/templates/vault/cluster/secrets/backends.hbs

@@ -43,16 +43,16 @@
 {{#each this.sortedDisplayableBackends as |backend|}}
   <LinkedBlock
     @params={{array backend.backendLink backend.id}}
-    class="list-item-row linkable-item is-no-underline"
+    class="list-item-row linked-block-item is-no-underline"
     data-test-auth-backend-link={{backend.id}}
     @disabled={{if backend.isSupportedBackend false true}}
   >
-    <div class="linkable-item-content" data-test-linkable-item-content>
+    <div>
       <div class="has-text-grey">
         {{#if backend.icon}}
           <ToolTip @horizontalPosition="left" as |T|>
             <T.Trigger>
-              <Icon @name={{backend.icon}} class="has-text-grey-light" data-test-linkable-item-glyph />
+              <Icon @name={{backend.icon}} class="has-text-grey-light" />
             </T.Trigger>
             <T.Content @defaultClass="tool-tip">
               <div class="box">
@@ -77,19 +77,18 @@
         {{/if}}
       </div>
       {{#if backend.accessor}}
-        <code class="has-text-grey is-size-8" data-test-linkable-item-accessor>
+        <code class="has-text-grey is-size-8">
           {{backend.accessor}}
         </code>
       {{/if}}
       {{#if backend.description}}
-        <ReadMore data-test-linkable-item-description>
+        <ReadMore>
           {{backend.description}}
         </ReadMore>
       {{/if}}
-      {{yield}}
     </div>
     {{! meatball sandwich menu }}
-    <div class="linkable-item-menu" data-test-linkable-item-menu={{backend.path}}>
+    <div class="linked-block-popup-menu">
       <PopupMenu @name="engine-menu">
         <Confirm as |c|>
           <nav class="menu" aria-label="{{if backend.isSupportedBackend 'supported' 'unsupported'}} secrets engine menu">

ui/lib/core/addon/components/info-table-item-array.hbs

@@ -1,5 +1,5 @@
-{{! the class linkable-item is needed for the read-more component }}
-<div data-test-info-table-item-array {{did-insert this.fetchOptions}} class="linkable-item">
+{{! the class linked-block-item is needed for the read-more component }}
+<div data-test-info-table-item-array {{did-insert this.fetchOptions}} class="linked-block-item">
   {{#if @isLink}}
     <div data-test-row-value={{@label}}>
       {{#if this.fetchComplete}}

ui/lib/core/addon/templates/components/read-more.hbs

@@ -8,7 +8,7 @@
     {{yield}}
   </span>
   {{#if this.hasOverflow}}
-    <div class="linkable-item-seemore" data-test-readmore-toggle>
+    <div class="linked-block-seemore" data-test-readmore-toggle>
       <button {{on "click" this.toggleOpen}} class="link link-plain" type="button">
         {{#if this.isOpen}}
           See Less

ui/lib/core/app/components/linkable-item/content.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from 'core/components/linkable-item/content';

ui/lib/core/app/components/linkable-item/menu.js

@@ -1,6 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-export { default } from 'core/components/linkable-item/menu';