Add a generic packages tab to the Packages UI

app/assets/javascripts/packages/list/constants.js

@@ -68,6 +68,10 @@ export const PACKAGE_REGISTRY_TABS = [
     title: s__('PackageRegistry|Conan'),
     type: PackageType.CONAN,
   },
+  {
+    title: s__('PackageRegistry|Generic'),
+    type: PackageType.GENERIC,
+  },
 
   {
     title: s__('PackageRegistry|Maven'),

app/assets/javascripts/packages/shared/constants.js

@@ -7,6 +7,7 @@ export const PackageType = {
   NUGET: 'nuget',
   PYPI: 'pypi',
   COMPOSER: 'composer',
+  GENERIC: 'generic',
 };
 
 export const TrackingActions = {

app/assets/javascripts/packages/shared/utils.js

@@ -21,7 +21,8 @@ export const getPackageTypeLabel = packageType => {
       return s__('PackageType|PyPI');
     case PackageType.COMPOSER:
       return s__('PackageType|Composer');
-
+    case PackageType.GENERIC:
+      return s__('PackageType|Generic');
     default:
       return null;
   }

changelogs/unreleased/277160-add-a-generic-packages-tab-to-the-packages-ui.yml

+---
+title: Add a generic packages tab to the Packages UI
+merge_request: 48121
+author:
+type: changed

locale/gitlab.pot

@@ -19356,6 +19356,9 @@ msgstr ""
 msgid "PackageRegistry|For more information on the PyPi registry, %{linkStart}see the documentation%{linkEnd}."
 msgstr ""
 
+msgid "PackageRegistry|Generic"
+msgstr ""
+
 msgid "PackageRegistry|If you haven't already done so, you will need to add the below to your %{codeStart}.pypirc%{codeEnd} file."
 msgstr ""
 
@@ -19470,6 +19473,9 @@ msgstr ""
 msgid "PackageType|Conan"
 msgstr ""
 
+msgid "PackageType|Generic"
+msgstr ""
+
 msgid "PackageType|Maven"
 msgstr ""
 

spec/frontend/packages/list/components/__snapshots__/packages_list_app_spec.js.snap

@@ -200,6 +200,67 @@ exports[`packages_list_app renders 1`] = `
           </div>
         </template>
       </b-tab-stub>
+      <b-tab-stub
+        tag="div"
+        title="Generic"
+        titlelinkclass="gl-tab-nav-item"
+      >
+        <template>
+          <div>
+            <section
+              class="row empty-state text-center"
+            >
+              <div
+                class="col-12"
+              >
+                <div
+                  class="svg-250 svg-content"
+                >
+                  <img
+                    alt="There are no Generic packages yet"
+                    class="gl-max-w-full"
+                    src="helpSvg"
+                  />
+                </div>
+              </div>
+               
+              <div
+                class="col-12"
+              >
+                <div
+                  class="text-content gl-mx-auto gl-my-0 gl-p-5"
+                >
+                  <h1
+                    class="h4"
+                  >
+                    There are no Generic packages yet
+                  </h1>
+                   
+                  <p>
+                    Learn how to 
+                    <b-link-stub
+                      class="gl-link"
+                      event="click"
+                      href="helpUrl"
+                      routertag="a"
+                      target="_blank"
+                    >
+                      publish and share your packages
+                    </b-link-stub>
+                     with GitLab.
+                  </p>
+                   
+                  <div>
+                    <!---->
+                     
+                    <!---->
+                  </div>
+                </div>
+              </div>
+            </section>
+          </div>
+        </template>
+      </b-tab-stub>
       <b-tab-stub
         tag="div"
         title="Maven"