Add latest changes from gitlab-org/gitlab@master

1 files changed, 0 insertions, 240 deletions

diff --git a/app/assets/javascripts/packages/details/components/app.vue b/app/assets/javascripts/packages/details/components/app.vue
deleted file mode 100644
index 462252ce944..00000000000
--- a/app/assets/javascripts/packages/details/components/app.vue
+++ /dev/null
@@ -1,240 +0,0 @@
-<script>
-import {
-  GlButton,
-  GlModal,
-  GlModalDirective,
-  GlTooltipDirective,
-  GlEmptyState,
-  GlTab,
-  GlTabs,
-  GlSprintf,
-} from '@gitlab/ui';
-import { mapActions, mapState } from 'vuex';
-import { numberToHumanSize } from '~/lib/utils/number_utils';
-import { objectToQuery } from '~/lib/utils/url_utility';
-import { s__, __ } from '~/locale';
-import TerraformTitle from '~/packages_and_registries/infrastructure_registry/components/details_title.vue';
-import TerraformInstallation from '~/packages_and_registries/infrastructure_registry/components/terraform_installation.vue';
-import Tracking from '~/tracking';
-import PackageListRow from '../../shared/components/package_list_row.vue';
-import PackagesListLoader from '../../shared/components/packages_list_loader.vue';
-import { TrackingActions, SHOW_DELETE_SUCCESS_ALERT } from '../../shared/constants';
-import { packageTypeToTrackCategory } from '../../shared/utils';
-import PackageFiles from './package_files.vue';
-import PackageHistory from './package_history.vue';
-
-export default {
-  name: 'PackagesApp',
-  components: {
-    GlButton,
-    GlEmptyState,
-    GlModal,
-    GlTab,
-    GlTabs,
-    GlSprintf,
-    TerraformTitle,
-    PackagesListLoader,
-    PackageListRow,
-    PackageHistory,
-    TerraformInstallation,
-    PackageFiles,
-  },
-  directives: {
-    GlTooltip: GlTooltipDirective,
-    GlModal: GlModalDirective,
-  },
-  mixins: [Tracking.mixin()],
-  trackingActions: { ...TrackingActions },
-  data() {
-    return {
-      fileToDelete: null,
-    };
-  },
-  computed: {
-    ...mapState([
-      'projectName',
-      'packageEntity',
-      'packageFiles',
-      'isLoading',
-      'canDelete',
-      'svgPath',
-      'npmPath',
-      'npmHelpPath',
-      'projectListUrl',
-      'groupListUrl',
-    ]),
-    isValidPackage() {
-      return Boolean(this.packageEntity.name);
-    },
-    tracking() {
-      return {
-        category: packageTypeToTrackCategory(this.packageEntity.package_type),
-      };
-    },
-    hasVersions() {
-      return this.packageEntity.versions?.length > 0;
-    },
-  },
-  methods: {
-    ...mapActions(['deletePackage', 'fetchPackageVersions', 'deletePackageFile']),
-    formatSize(size) {
-      return numberToHumanSize(size);
-    },
-    getPackageVersions() {
-      if (!this.packageEntity.versions) {
-        this.fetchPackageVersions();
-      }
-    },
-    async confirmPackageDeletion() {
-      this.track(TrackingActions.DELETE_PACKAGE);
-      await this.deletePackage();
-      const returnTo =
-        !this.groupListUrl || document.referrer.includes(this.projectName)
-          ? this.projectListUrl
-          : this.groupListUrl; // to avoid security issue url are supplied from backend
-      const modalQuery = objectToQuery({ [SHOW_DELETE_SUCCESS_ALERT]: true });
-      window.location.replace(`${returnTo}?${modalQuery}`);
-    },
-    handleFileDelete(file) {
-      this.track(TrackingActions.REQUEST_DELETE_PACKAGE_FILE);
-      this.fileToDelete = { ...file };
-      this.$refs.deleteFileModal.show();
-    },
-    confirmFileDelete() {
-      this.track(TrackingActions.DELETE_PACKAGE_FILE);
-      this.deletePackageFile(this.fileToDelete.id);
-      this.fileToDelete = null;
-    },
-  },
-  i18n: {
-    deleteModalTitle: s__(`PackageRegistry|Delete Package Version`),
-    deleteModalContent: s__(
-      `PackageRegistry|You are about to delete version %{version} of %{name}. Are you sure?`,
-    ),
-    deleteFileModalTitle: s__(`PackageRegistry|Delete Package File`),
-    deleteFileModalContent: s__(
-      `PackageRegistry|You are about to delete %{filename}. This is a destructive action that may render your package unusable. Are you sure?`,
-    ),
-  },
-  modal: {
-    packageDeletePrimaryAction: {
-      text: __('Delete'),
-      attributes: [
-        { variant: 'danger' },
-        { category: 'primary' },
-        { 'data-qa-selector': 'delete_modal_button' },
-      ],
-    },
-    fileDeletePrimaryAction: {
-      text: __('Delete'),
-      attributes: [{ variant: 'danger' }, { category: 'primary' }],
-    },
-    cancelAction: {
-      text: __('Cancel'),
-    },
-  },
-};
-</script>
-
-<template>
-  <gl-empty-state
-    v-if="!isValidPackage"
-    :title="s__('PackageRegistry|Unable to load package')"
-    :description="s__('PackageRegistry|There was a problem fetching the details for this package.')"
-    :svg-path="svgPath"
-  />
-
-  <div v-else class="packages-app">
-    <terraform-title>
-      <template #delete-button>
-        <gl-button
-          v-if="canDelete"
-          v-gl-modal="'delete-modal'"
-          class="js-delete-button"
-          variant="danger"
-          category="primary"
-          data-qa-selector="delete_button"
-        >
-          {{ __('Delete') }}
-        </gl-button>
-      </template>
-    </terraform-title>
-
-    <gl-tabs>
-      <gl-tab :title="__('Detail')">
-        <div data-qa-selector="package_information_content">
-          <package-history :package-entity="packageEntity" :project-name="projectName" />
-          <terraform-installation />
-        </div>
-
-        <package-files
-          :package-files="packageFiles"
-          :can-delete="canDelete"
-          @download-file="track($options.trackingActions.PULL_PACKAGE)"
-          @delete-file="handleFileDelete"
-        />
-      </gl-tab>
-
-      <gl-tab
-        :title="__('Other versions')"
-        title-item-class="js-versions-tab"
-        @click="getPackageVersions"
-      >
-        <template v-if="isLoading && !hasVersions">
-          <packages-list-loader />
-        </template>
-
-        <template v-else-if="hasVersions">
-          <package-list-row
-            v-for="v in packageEntity.versions"
-            :key="v.id"
-            :package-entity="{ name: packageEntity.name, ...v }"
-            :package-link="v.id.toString()"
-            :disable-delete="true"
-            :show-package-type="false"
-          />
-        </template>
-
-        <p v-else class="gl-mt-3" data-testid="no-versions-message">
-          {{ s__('PackageRegistry|There are no other versions of this package.') }}
-        </p>
-      </gl-tab>
-    </gl-tabs>
-
-    <gl-modal
-      ref="deleteModal"
-      modal-id="delete-modal"
-      :action-primary="$options.modal.packageDeletePrimaryAction"
-      :action-cancel="$options.modal.cancelAction"
-      @primary="confirmPackageDeletion"
-      @canceled="track($options.trackingActions.CANCEL_DELETE_PACKAGE)"
-    >
-      <template #modal-title>{{ $options.i18n.deleteModalTitle }}</template>
-      <gl-sprintf :message="$options.i18n.deleteModalContent">
-        <template #version>
-          <strong>{{ packageEntity.version }}</strong>
-        </template>
-
-        <template #name>
-          <strong>{{ packageEntity.name }}</strong>
-        </template>
-      </gl-sprintf>
-    </gl-modal>
-
-    <gl-modal
-      ref="deleteFileModal"
-      modal-id="delete-file-modal"
-      :action-primary="$options.modal.fileDeletePrimaryAction"
-      :action-cancel="$options.modal.cancelAction"
-      @primary="confirmFileDelete"
-      @canceled="track($options.trackingActions.CANCEL_DELETE_PACKAGE_FILE)"
-    >
-      <template #modal-title>{{ $options.i18n.deleteFileModalTitle }}</template>
-      <gl-sprintf v-if="fileToDelete" :message="$options.i18n.deleteFileModalContent">
-        <template #filename>
-          <strong>{{ fileToDelete.file_name }}</strong>
-        </template>
-      </gl-sprintf>
-    </gl-modal>
-  </div>
-</template>