@rancher/shell 1.2.0 → 2.0.0

package/assets/images/providers/aks-black.svg

@@ -1,28 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
-<g>
-	<polygon points="49.9,37.8 49.9,62.2 64.6,56.3 64.6,43.2 	"/>
-	<path d="M35.4,41.3V58l11.5,4.1V37.8L35.4,41.3z M38.1,57.2l-1.8-0.7V43.2l1.8-0.5V57.2z M41.4,58.4l-2.5-0.9V42.4l2.5-0.8V58.4z
-		 M45.5,59.7l-3.3-1V41.3l3.3-1V59.7z"/>
-	<polygon points="14.5,37.8 14.5,62.2 29.2,56.3 29.2,43.2 	"/>
-	<path d="M0,41.3V58l11.5,4.1V37.8L0,41.3z M2.8,57.2L1,56.5V43.2l1.8-0.5V57.2z M6,58.4l-2.5-0.9V42.4L6,41.6V58.4z M10.1,59.7
-		l-3.3-1V41.3l3.3-1V59.7z"/>
-	<polygon points="85.3,37.8 85.3,62.2 100,56.3 100,43.2 	"/>
-	<path d="M70.8,41.3V58l11.5,4.1V37.8L70.8,41.3z M73.4,57.2l-1.8-0.7V43.2l1.8-0.5V57.2z M76.8,58.4l-2.5-0.9V42.4l2.5-0.8V58.4z
-		 M80.9,59.7l-3.3-1V41.3l3.3-1V59.7z"/>
-	<polygon points="31.1,62.6 31.1,87 45.7,81.1 45.7,68 	"/>
-	<path d="M16.5,66.3v16.6L28,87V62.6L16.5,66.3z M19.1,82l-1.8-0.7V68.1l1.8-0.5V82z M22.5,83.2L20,82.3V67.2l2.5-0.8V83.2z
-		 M26.6,84.6l-3.3-1V66.1l3.3-1V84.6z"/>
-	<polygon points="67.1,62.6 67.1,87 81.8,81.1 81.8,68 	"/>
-	<path d="M52.4,66.3v16.6L64,87V62.6L52.4,66.3z M55.2,82l-1.8-0.7V68.1l1.8-0.5V82z M58.5,83.2l-2.5-1v-15l2.5-0.8V83.2z
-		 M62.6,84.6l-3.3-1V66.1l3.3-1V84.6z"/>
-	<polygon points="31.1,13 31.1,37.3 45.7,31.5 45.7,18.4 	"/>
-	<path d="M16.5,16.6v16.6L28,37.3V13L16.5,16.6z M19.1,32.3l-1.8-0.7V18.4l1.8-0.5V32.3z M22.5,33.5L20,32.7V17.6l2.5-0.8V33.5z
-		 M26.6,34.9l-3.3-1V16.6l3.3-1V34.9z"/>
-	<polygon points="67.1,13 67.1,37.3 81.8,31.5 81.8,18.4 	"/>
-	<path d="M52.4,16.6v16.6L64,37.3V13L52.4,16.6z M55.2,32.3l-1.8-0.7V18.4l1.8-0.5V32.3z M58.5,33.5L56,32.7V17.6l2.5-0.8
-		C58.5,16.8,58.5,33.5,58.5,33.5z M62.6,34.9l-3.3-1V16.6l3.3-1V34.9z"/>
-</g>
-</svg>

package/assets/images/providers/aks.svg

@@ -1,31 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#0079D6;}
-</style>
-<g>
-	<polygon class="st0" points="49.9,37.8 49.9,62.2 64.6,56.3 64.6,43.2 	"/>
-	<path class="st0" d="M35.4,41.3V58l11.5,4.1V37.8L35.4,41.3z M38.1,57.2l-1.8-0.7V43.2l1.8-0.5V57.2z M41.4,58.4l-2.5-0.9V42.4
-		l2.5-0.8V58.4z M45.5,59.7l-3.3-1V41.3l3.3-1V59.7z"/>
-	<polygon class="st0" points="14.5,37.8 14.5,62.2 29.2,56.3 29.2,43.2 	"/>
-	<path class="st0" d="M0,41.3V58l11.5,4.1V37.8L0,41.3z M2.8,57.2l-1.8-0.7V43.2l1.8-0.5V57.2z M6,58.4l-2.5-0.9V42.4L6,41.6V58.4z
-		 M10.1,59.7l-3.3-1V41.3l3.3-1V59.7z"/>
-	<polygon class="st0" points="85.3,37.8 85.3,62.2 100,56.3 100,43.2 	"/>
-	<path class="st0" d="M70.8,41.3V58l11.5,4.1V37.8L70.8,41.3z M73.4,57.2l-1.8-0.7V43.2l1.8-0.5V57.2z M76.8,58.4l-2.5-0.9V42.4
-		l2.5-0.8V58.4z M80.9,59.7l-3.3-1V41.3l3.3-1V59.7z"/>
-	<polygon class="st0" points="31.1,62.6 31.1,87 45.7,81.1 45.7,68 	"/>
-	<path class="st0" d="M16.5,66.3v16.6L28,87V62.6L16.5,66.3z M19.1,82l-1.8-0.7V68.1l1.8-0.5V82z M22.5,83.2l-2.5-0.9V67.2l2.5-0.8
-		V83.2z M26.6,84.6l-3.3-1V66.1l3.3-1V84.6z"/>
-	<polygon class="st0" points="67.1,62.6 67.1,87 81.8,81.1 81.8,68 	"/>
-	<path class="st0" d="M52.4,66.3v16.6L64,87V62.6L52.4,66.3z M55.2,82l-1.8-0.7V68.1l1.8-0.5V82z M58.5,83.2L56,82.2V67.2l2.5-0.8
-		V83.2z M62.6,84.6l-3.3-1V66.1l3.3-1V84.6z"/>
-	<polygon class="st0" points="31.1,13 31.1,37.3 45.7,31.5 45.7,18.4 	"/>
-	<path class="st0" d="M16.5,16.6v16.6L28,37.3V13L16.5,16.6z M19.1,32.3l-1.8-0.7V18.4l1.8-0.5V32.3z M22.5,33.5l-2.5-0.8V17.6
-		l2.5-0.8V33.5z M26.6,34.9l-3.3-1V16.6l3.3-1V34.9z"/>
-	<polygon class="st0" points="67.1,13 67.1,37.3 81.8,31.5 81.8,18.4 	"/>
-	<path class="st0" d="M52.4,16.6v16.6L64,37.3V13L52.4,16.6z M55.2,32.3l-1.8-0.7V18.4l1.8-0.5V32.3z M58.5,33.5L56,32.7V17.6
-		l2.5-0.8C58.5,16.8,58.5,33.5,58.5,33.5z M62.6,34.9l-3.3-1V16.6l3.3-1V34.9z"/>
-</g>
-</svg>

package/assets/styles/vendor/vue-js-modal.scss

@@ -1,16 +0,0 @@
-@import 'node_modules/vue-js-modal/dist/styles.css';
-
-.v--modal-overlay {
-  background-color: var(--overlay-bg);
-  z-index: z-index('modalOverlay');
-
-  .v--modal-box {
-    overflow-y: auto;
-  }
-}
-
-.v--modal {
-  background-color: var(--modal-bg) !important;
-  box-shadow: none;
-  border: 2px solid var(--modal-border);
-}

package/components/ChartPsp.vue

@@ -1,76 +0,0 @@
-<script>
-import { Checkbox } from '@components/Form/Checkbox';
-import { mapGetters } from 'vuex';
-
-export default {
-  components: { Checkbox },
-  props:      {
-    value: {
-      type:    Object,
-      default: () => {
-        return {};
-      }
-    },
-    mode: {
-      type:    String,
-      default: 'edit'
-    },
-
-    /**
-     * Optional title section prior checkbox
-     */
-    title: {
-      type:    String,
-      default: null
-    },
-
-    /**
-     * Cluster information
-     */
-    cluster: {
-      type:    Object,
-      default: null
-    }
-  },
-  created() {
-    if (!this.value.global.cattle) {
-      this.$set(this.value.global, 'cattle', { psp: { enabled: false } });
-    }
-    if (!this.value.global.cattle.psp) {
-      this.$set(this.value.global.cattle, 'psp', { enabled: false });
-    }
-  },
-  computed: {
-    ...mapGetters({ t: 'i18n/t' }),
-
-    /**
-     * Display checkbox only if contains PSP or K8S version is less than 1.25
-     */
-    hasCheckbox() {
-      const clusterVersion = this.cluster?.kubernetesVersion || '';
-      const version = clusterVersion.match(/\d+/g);
-      const isRequiredVersion = version?.length ? +version[0] === 1 && +version[1] < 25 : false;
-
-      return isRequiredVersion;
-    }
-  }
-};
-</script>
-
-<template>
-  <div
-    v-if="hasCheckbox"
-    class="mt-10 mb-10"
-  >
-    <h3 v-if="title">
-      {{ title }}
-    </h3>
-
-    <Checkbox
-      v-model="value.global.cattle.psp.enabled"
-      data-testid="psp-checkbox"
-      :mode="mode"
-      :label="t('catalog.chart.enablePSP')"
-    />
-  </div>
-</template>

package/components/EventsTable.vue

@@ -1,67 +0,0 @@
-<script>
-import { AGE, SIMPLE_TYPE, REASON, MESSAGE } from '@shell/config/table-headers';
-import SortableTable from '@shell/components/SortableTable';
-
-export default {
-  components: { SortableTable },
-  props:      {
-    resource: {
-      type:     Object,
-      required: true
-    }
-  },
-  data() {
-    const eventHeaders = [
-      SIMPLE_TYPE,
-      REASON,
-      MESSAGE,
-      AGE
-    ];
-
-    this.loopEvents();
-
-    return {
-      eventRows:      [],
-      eventHeaders,
-      intervalHandle: null
-    };
-  },
-
-  beforeDestroy() {
-    if (this.intervalHandle) {
-      clearInterval(this.intervalHandle);
-    }
-  },
-
-  methods: {
-    async loopEvents() {
-      this.eventRows = await this.fetchEvents();
-
-      this.intervalHandle = setInterval(async() => {
-        this.eventRows = await this.fetchEvents();
-      }, 10000);
-    },
-    async fetchEvents() {
-      const namespace = this.resource.namespace;
-      const name = this.resource.name;
-      const kind = this.resource.kind;
-
-      const url = `/k8s/clusters/local/api/v1/namespaces/${ namespace }/events?fieldSelector=involvedObject.name=${ name },involvedObject.kind=${ kind }`;
-      const response = await this.$store.dispatch('cluster/request', { url });
-
-      return response.items;
-    },
-  }
-};
-</script>
-
-<template>
-  <SortableTable
-    :rows="eventRows"
-    :headers="eventHeaders"
-    :table-actions="false"
-    :row-actions="false"
-    key-field="key"
-    default-sort-by="state"
-  />
-</template>

package/components/TabbedLinks/index.vue

@@ -1,94 +0,0 @@
-<script>
-export default {
-  name: 'TabbedLinks',
-
-  props: {
-    /**
-     * Default tab to display from the list
-     */
-    defaultTab: {
-      type:     String,
-      default:  null,
-      required: false,
-    },
-    /**
-     * The list of tabs to display
-     * @model
-     */
-    tabList: {
-      type:     Array,
-      required: true,
-      default:  () => [],
-    }
-  },
-
-  data() {
-    const { tabList } = this;
-
-    return { tabs: tabList };
-  },
-};
-</script>
-
-<template>
-  <div>
-    <ul
-      v-if="tabs !== null && tabs.length > 0"
-      role="tablist"
-      class="tabs clearfix"
-    >
-      <n-link
-        v-for="tab in tabs"
-        :key="tab.name"
-        :to="tab.route"
-        tag="li"
-        role="presentation"
-        class="tab"
-        exact-active-class="active"
-        exact
-      >
-        <a>
-          {{ tab.label }}
-        </a>
-      </n-link>
-    </ul>
-    <div class="tab-container">
-      <slot />
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-  .tabs {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-
-    .tab {
-      position: relative;
-      top: 1px;
-      float: left;
-      border-radius: 3px 3px 0 0;
-      margin: 0 8px 0 0;
-
-      A {
-        display: block;
-        padding: 10px 15px;
-      }
-
-      &:last-child {
-        margin-right: 0;
-      }
-
-      &.active {
-        background-color: var(--tabbed-container-bg);
-        border-bottom-color: var(--tabbed-container-bg);
-      }
-    }
-  }
-
-  .tab-container {
-    padding: 20px;
-    background-color: var(--tabbed-container-bg);
-  }
-</style>

package/components/__tests__/ChartPsp.test.ts

@@ -1,75 +0,0 @@
-import { shallowMount, mount } from '@vue/test-utils';
-import ChartPsp from '@shell/components/ChartPsp.vue';
-
-describe('component: ChartPsp', () => {
-  it.each([
-    true, false
-  ])('should render checkbox referencing value.global.cattle.psp.enabled as %p', (value) => {
-    const version = 'v1.24.11+rke2r1';
-    const wrapper = shallowMount(ChartPsp, {
-      propsData: {
-        value:   { global: { cattle: { psp: { enabled: value } } } },
-        cluster: { kubernetesVersion: version }
-      }
-    });
-
-    expect(wrapper.findComponent({ name: 'Checkbox' }).props().value).toBe(value);
-  });
-
-  it.each([
-    ['v1.24.11+rke2r1'],
-  ])('should display the checkbox for cluster with k8s version %p', (version) => {
-    const wrapper = shallowMount(ChartPsp, {
-      propsData: {
-        value:   { global: { cattle: { psp: { enabled: false } } } },
-        cluster: { kubernetesVersion: version }
-      }
-    });
-
-    const input = wrapper.find(`[data-testid="psp-checkbox"]`).element as HTMLInputElement;
-
-    expect(input).toBeDefined();
-  });
-
-  it.each([
-    ['v1.25.11+rke2r1'],
-  ])('should not display the checkbox for cluster with k8s version %p', (version) => {
-    const wrapper = shallowMount(ChartPsp, {
-      propsData: {
-        value:   { global: { cattle: { psp: { enabled: false } } } },
-        cluster: { kubernetesVersion: version }
-      }
-    });
-
-    const input = wrapper.find(`[data-testid="psp-checkbox"]`).element as HTMLInputElement;
-
-    expect(input).toBeUndefined();
-  });
-
-  it('should update value.global.cattle.psp.enabled when checkbox is toggled', async() => {
-    const chartValues = { global: {} } as any;
-    const version = 'v1.24.11+rke2r1';
-    const wrapper = mount(ChartPsp, {
-      propsData: {
-        value:   chartValues,
-        cluster: { kubernetesVersion: version }
-      }
-    });
-
-    await wrapper.find('.checkbox-container').trigger('click');
-
-    expect(chartValues.global.cattle.psp.enabled).toBe(true);
-
-    await wrapper.find('.checkbox-container').trigger('click');
-    expect(chartValues.global.cattle.psp.enabled).toBe(false);
-  });
-
-  it.each([
-    { global: {} } as any,
-    { global: { cattle: {} } } as any,
-  ])('should define cattle.psp.enabled and set to false', (chartValues) => {
-    shallowMount(ChartPsp, { propsData: { value: chartValues } });
-
-    expect(chartValues.global.cattle.psp.enabled).toBe(false);
-  });
-});

package/components/formatter/__tests__/ClusterProvider.test.ts

@@ -1,28 +0,0 @@
-import { mount } from '@vue/test-utils';
-import ClusterProvider from '@shell/components/formatter/ClusterProvider.vue';
-
-describe('component: ClusterProvider', () => {
-  const importedGkeClusterInfo = { mgmt: { spec: { gkeConfig: { imported: true } } } };
-  const importedAksClusterInfo = { mgmt: { spec: { aksConfig: { imported: true } } } };
-  const importedEksClusterInfo = { mgmt: { spec: { eksConfig: { imported: true } } } };
-  const notImportedGkeClusterInfo = { mgmt: { spec: { gkeConfig: { imported: false } } } };
-  const importedClusterInfoWithProviderForEmberParam = { mgmt: { providerForEmberParam: 'import' } };
-
-  describe('isImported', () => {
-    const testCases = [
-      [importedGkeClusterInfo, true],
-      [importedAksClusterInfo, true],
-      [importedEksClusterInfo, true],
-      [notImportedGkeClusterInfo, false],
-      [importedClusterInfoWithProviderForEmberParam, true],
-      [{}, false],
-    ];
-
-    it.each(testCases)('should return the isImported value properly based on the props data', (row, expected) => {
-      const wrapper = mount(ClusterProvider, { propsData: { row } });
-
-      expect(wrapper.vm.$data.isImported).toBe(expected);
-    }
-    );
-  });
-});

package/components/nuxt/nuxt-link.server.js

@@ -1,16 +0,0 @@
-import Vue from 'vue'
-
-export default {
-  name: 'NuxtLink',
-  extends: Vue.component('RouterLink'),
-  props: {
-    prefetch: {
-      type: Boolean,
-      default: false
-    },
-    noPrefetch: {
-      type: Boolean,
-      default: false
-    }
-  }
-}

package/components/nuxt/nuxt.js

@@ -1,101 +0,0 @@
-import Vue from 'vue'
-import { compile } from '../../utils/nuxt'
-
-import NuxtError from '../../layouts/error.vue'
-
-import NuxtChild from './nuxt-child'
-
-export default {
-  name: 'Nuxt',
-  components: {
-    NuxtChild,
-    NuxtError
-  },
-  props: {
-    nuxtChildKey: {
-      type: String,
-      default: undefined
-    },
-    keepAlive: Boolean,
-    keepAliveProps: {
-      type: Object,
-      default: undefined
-    },
-    name: {
-      type: String,
-      default: 'default'
-    }
-  },
-  errorCaptured (error) {
-    // if we receive and error while showing the NuxtError component
-    // capture the error and force an immediate update so we re-render
-    // without the NuxtError component
-    if (this.displayingNuxtError) {
-      this.errorFromNuxtError = error
-      this.$forceUpdate()
-    }
-  },
-  computed: {
-    routerViewKey () {
-      // If nuxtChildKey prop is given or current route has children
-      if (typeof this.nuxtChildKey !== 'undefined' || this.$route.matched.length > 1) {
-        return this.nuxtChildKey || compile(this.$route.matched[0].path)(this.$route.params)
-      }
-
-      const [matchedRoute] = this.$route.matched
-
-      if (!matchedRoute) {
-        return this.$route.path
-      }
-
-      const Component = matchedRoute.components.default
-
-      if (Component && Component.options) {
-        const { options } = Component
-
-        if (options.key) {
-          return (typeof options.key === 'function' ? options.key(this.$route) : options.key)
-        }
-      }
-
-      const strict = /\/$/.test(matchedRoute.path)
-      return strict ? this.$route.path : this.$route.path.replace(/\/$/, '')
-    }
-  },
-  beforeCreate () {
-    Vue.util.defineReactive(this, 'nuxt', this.$root.$options.nuxt)
-  },
-  render (h) {
-    // if there is no error
-    if (!this.nuxt.err) {
-      // Directly return nuxt child
-      return h('NuxtChild', {
-        key: this.routerViewKey,
-        props: this.$props
-      })
-    }
-
-    // if an error occurred within NuxtError show a simple
-    // error message instead to prevent looping
-    if (this.errorFromNuxtError) {
-      this.$nextTick(() => (this.errorFromNuxtError = false))
-
-      return h('div', {}, [
-        h('h2', 'An error occurred while showing the error page'),
-        h('p', 'Unfortunately an error occurred and while showing the error page another error occurred'),
-        h('p', `Error details: ${this.errorFromNuxtError.toString()}`),
-        h('nuxt-link', { props: { to: '/' } }, 'Go back to home')
-      ])
-    }
-
-    // track if we are showing the NuxtError component
-    this.displayingNuxtError = true
-    this.$nextTick(() => (this.displayingNuxtError = false))
-
-    return h(NuxtError, {
-      props: {
-        error: this.nuxt.err
-      }
-    })
-  }
-}