@rancher/shell 0.3.14 → 0.3.15

package/components/GrowlManager.vue

@@ -10,7 +10,7 @@ export default {
     ...mapState('growl', ['stack']),
 
     shouldRun() {
-      return this.stack.length && this.stack.find(x => x.timeout > 0);
+      return this.stack.length && this.stack.find((x) => x.timeout > 0);
     }
   },
 

package/components/HarvesterServiceAddOnConfig.vue

@@ -98,7 +98,7 @@ export default {
     portOptions() {
       const ports = this.value?.spec?.ports || [];
 
-      return ports.filter(p => p.port && p.protocol === 'TCP').map(p => p.port) || [];
+      return ports.filter((p) => p.port && p.protocol === 'TCP').map((p) => p.port) || [];
     },
 
     serviceOptions() {
@@ -116,7 +116,7 @@ export default {
                 namespaces[s.metadata.namespace];
       });
 
-      return out.map(s => s.id);
+      return out.map((s) => s.id);
     },
 
     shareIPEnabled() {
@@ -124,7 +124,7 @@ export default {
       const kubernetesVersionExtension = this.currentCluster.kubernetesVersionExtension;
 
       if (kubernetesVersionExtension.startsWith('+rke2')) {
-        const charts = ((this.rke2Versions?.data || []).find(v => v.id === kubernetesVersion) || {}).charts;
+        const charts = ((this.rke2Versions?.data || []).find((v) => v.id === kubernetesVersion) || {}).charts;
         let ccmVersion = charts?.['harvester-cloud-provider']?.version || '';
 
         if (ccmVersion.endsWith('00')) {
@@ -188,6 +188,7 @@ export default {
           :mode="mode"
           :options="ipamOptions"
           :label="t('servicesPage.harvester.ipam.label')"
+          :disabled="mode === 'edit'"
         />
         <div
           v-if="mode === 'create'"

package/components/IconOrSvg.vue

@@ -18,7 +18,7 @@
  */
 import Vue from 'vue';
 import { Solver } from '@shell/utils/svg-filter';
-import { colorToRgb, mapStandardColors } from '@shell/utils/color';
+import { colorToRgb, mapStandardColors, normalizeHex } from '@shell/utils/color';
 
 const filterCache = {};
 const cssCache = {};
@@ -75,11 +75,18 @@ export default {
         if (stylesheet && stylesheet.cssRules) {
           for (let x = 0; x < Object.keys(stylesheet.cssRules).length; x++) {
             const cssRules = stylesheet.cssRules[x];
-            const selectorText = currTheme === 'light' ? 'body, .theme-light' : '.theme-dark';
 
-            if (cssRules.selectorText && cssRules.selectorText === selectorText) {
+            if (cssRules.selectorText && ((currTheme === 'light' && cssRules.selectorText.includes('body') &&
+              cssRules.selectorText.includes('.theme-light') && cssRules.style.cssText.includes('--link:')) ||
+              (currTheme === 'dark' && cssRules.selectorText.includes('.theme-dark')))) {
+              // grab the colors to be used on the icon from the css rules
               uiColor = mapStandardColors(cssRules.style.getPropertyValue(colors[this.color].color).trim());
               hoverColor = mapStandardColors(cssRules.style.getPropertyValue(colors[this.color].hover).trim());
+
+              // normalize hex colors (#xxx to #xxxxxx)
+              uiColor = normalizeHex(uiColor);
+              hoverColor = normalizeHex(hoverColor);
+
               found = true;
               break;
             }

package/components/LandingPagePreference.vue

@@ -35,7 +35,7 @@ export default {
     routeFromDropdown: {
       get() {
         const route = this.customRoute || {};
-        const out = this.routeDropdownOptions.find(opt => opt.value.name === route.name && opt.value.params?.cluster === route.params?.cluster);
+        const out = this.routeDropdownOptions.find((opt) => opt.value.name === route.name && opt.value.params?.cluster === route.params?.cluster);
 
         return out || this.routeDropdownOptions[0];
       },
@@ -72,7 +72,7 @@ export default {
     routeDropdownOptions() {
       // Drop-down shows list of clusters that can ber set as login landing page
       const out = [];
-      const kubeClusters = filterHiddenLocalCluster(filterOnlyKubernetesClusters(this.clusters), this.$store);
+      const kubeClusters = filterHiddenLocalCluster(filterOnlyKubernetesClusters(this.clusters, this.$store), this.$store);
 
       kubeClusters.forEach((c) => {
         if (c.isReady) {

package/components/MoveModal.vue

@@ -27,7 +27,7 @@ export default {
     ...mapGetters(['currentCluster']),
 
     excludedProjects() {
-      return this.toMove.filter(namespace => !!namespace.project).map(namespace => namespace.project.shortId);
+      return this.toMove.filter((namespace) => !!namespace.project).map((namespace) => namespace.project.shortId);
     },
 
     projectOptions() {

package/components/PodSecurityAdmission.vue

@@ -83,7 +83,7 @@ export default Vue.extend({
       // Generate PSA form controls
       psaControls:           toDictionary(PSAModes, getPsaControl) as Record<PSAMode, PSAControl>,
       psaExemptionsControls: toDictionary(PSADimensions, getExemptionControl) as Record<PSADimension, PSAExemptionControl>,
-      options:               PSALevels.map(level => ({
+      options:               PSALevels.map((level) => ({
         value: level,
         label: this.t(`podSecurityAdmission.labels.${ level }`)
       })),
@@ -145,7 +145,7 @@ export default Vue.extend({
      */
     updateExemptions(): void {
       const exemptions = PSADimensions.reduce((acc, dimension) => {
-        const value = this.psaExemptionsControls[dimension].value.split(',').map(value => value.trim());
+        const value = this.psaExemptionsControls[dimension].value.split(',').map((value) => value.trim());
         const active = this.psaExemptionsControls[dimension].active;
 
         return {
@@ -182,7 +182,7 @@ export default Vue.extend({
      */
     getPsaExemptions(): Record<PSADimension, PSAExemptionControl> {
       return PSADimensions.reduce((acc, dimension) => {
-        const values = (this.exemptions[dimension] || []).map(value => value.trim()).join(',');
+        const values = (this.exemptions[dimension] || []).map((value) => value.trim()).join(',');
 
         return {
           ...acc,

package/components/ProgressBarMulti.vue

@@ -68,7 +68,7 @@ export default {
       if ( !this.max ) {
         max = 100;
         if ( out.length ) {
-          max = out.map(x => x.value).reduce((a, b) => a + b);
+          max = out.map((x) => x.value).reduce((a, b) => a + b);
         }
       }
 
@@ -88,7 +88,7 @@ export default {
         obj.style = `width: ${ obj.percent }%`;
       }
 
-      return out.filter(obj => obj.percent);
+      return out.filter((obj) => obj.percent);
     },
   }
 };

package/components/PromptRemove.vue

@@ -9,11 +9,13 @@ import { uniq } from '@shell/utils/array';
 import AsyncButton from '@shell/components/AsyncButton';
 import { CATALOG as CATALOG_ANNOTATIONS } from '@shell/config/labels-annotations';
 import { CATALOG } from '@shell/config/types';
+import { LabeledInput } from '@components/Form/LabeledInput';
+
 export default {
   name: 'PromptRemove',
 
   components: {
-    Card, Checkbox, AsyncButton
+    Card, Checkbox, AsyncButton, LabeledInput
   },
   props: {
     /**
@@ -42,7 +44,7 @@ export default {
   },
   computed: {
     names() {
-      return this.toRemove.map(obj => obj.nameDisplay).slice(0, 5);
+      return this.toRemove.map((obj) => obj.nameDisplay).slice(0, 5);
     },
 
     nameToMatchPosition() {
@@ -100,6 +102,11 @@ export default {
       if (this.toRemove.length > 1) {
         return null;
       }
+
+      if (this.toRemove[0].doneLocationRemove) {
+        return this.toRemove[0].doneLocationRemove;
+      }
+
       const currentRoute = this.toRemove[0].currentRoute();
       const out = {};
       const params = { ...currentRoute.params };
@@ -184,7 +191,7 @@ export default {
     // if none found (delete is allowed), then check for any resources with a warning message
     toRemove(neu) {
       let message;
-      const preventDeletionMessages = neu.filter(item => item.preventDeletionMessage);
+      const preventDeletionMessages = neu.filter((item) => item.preventDeletionMessage);
 
       this.preventDelete = false;
 
@@ -192,7 +199,7 @@ export default {
         this.preventDelete = true;
         message = preventDeletionMessages[0].preventDeletionMessage;
       } else {
-        const warnDeletionMessages = neu.filter(item => item.warnDeletionMessage);
+        const warnDeletionMessages = neu.filter((item) => item.warnDeletionMessage);
 
         if (!!warnDeletionMessages.length) {
           message = warnDeletionMessages[0].warnDeletionMessage;
@@ -224,6 +231,7 @@ export default {
         // doneLocation will recompute to undefined when delete request completes
         this.cachedDoneLocation = { ...this.doneLocation };
       }
+
       if (this.hasCustomRemove && this.$refs?.customPrompt?.remove) {
         let handled = this.$refs.customPrompt.remove(btnCB);
 
@@ -247,7 +255,7 @@ export default {
           return;
         }
       }
-      const serialRemove = this.toRemove.some(resource => resource.removeSerially);
+      const serialRemove = this.toRemove.some((resource) => resource.removeSerially);
 
       if (serialRemove) {
         this.serialRemove(btnCB);
@@ -272,10 +280,16 @@ export default {
     },
     async parallelRemove(btnCB) {
       try {
+        if (typeof this.toRemove[0].bulkRemove !== 'undefined') {
+          await this.toRemove[0].bulkRemove(this.toRemove, {});
+        } else {
+          await Promise.all(this.toRemove.map((resource) => resource.remove()));
+        }
+
         const spoofedTypes = this.getSpoofedTypes(this.toRemove);
 
-        await Promise.all(this.toRemove.map(resource => resource.remove()));
         await this.refreshSpoofedTypes(spoofedTypes);
+
         this.done();
       } catch (err) {
         this.error = err.message || err;
@@ -289,7 +303,7 @@ export default {
       this.close();
     },
     getSpoofedTypes(resources) {
-      const uniqueResourceTypes = uniq(this.toRemove.map(resource => resource.type));
+      const uniqueResourceTypes = uniq(this.toRemove.map((resource) => resource.type));
 
       return uniqueResourceTypes.filter(this.$store.getters['type-map/isSpoofed']);
     },
@@ -297,7 +311,7 @@ export default {
     // If spoofed we need to reload the values as the server can't have watchers for them.
     refreshSpoofedTypes(types) {
       const inStore = this.$store.getters['currentProduct'].inStore;
-      const promises = types.map(type => this.$store.dispatch(`${ inStore }/findAll`, { type, opt: { force: true } }, { root: true }));
+      const promises = types.map((type) => this.$store.dispatch(`${ inStore }/findAll`, { type, opt: { force: true } }, { root: true }));
 
       return Promise.all(promises);
     },
@@ -372,32 +386,42 @@ export default {
             </div>
           </template>
         </div>
-        <input
+        <LabeledInput
           v-if="needsConfirm"
           id="confirm"
           v-model="confirmName"
+          v-focus
           :data-testid="componentTestid + '-input'"
           type="text"
         >
-        <div class="text-warning mb-10 mt-10">
-          {{ warning }}
-        </div>
-        <div class="text-error mb-10 mt-10">
-          {{ error }}
-        </div>
-        <div
-          v-if="!needsConfirm"
-          class="text-info mt-20"
-        >
-          {{ protip }}
-        </div>
-        <Checkbox
-          v-if="chartsToRemoveIsApp"
-          v-model="chartsDeleteCrd"
-          label-key="promptRemoveApp.removeCrd"
-          class="mt-10 type"
-          @input="chartAddCrdToRemove"
-        />
+          <div class="text-warning mb-10 mt-10">
+            {{ warning }}
+          </div>
+          <div class="text-error mb-10 mt-10">
+            {{ error }}
+          </div>
+          <div
+            v-if="!needsConfirm"
+            class="text-info mt-20"
+          >
+            {{ protip }}
+          </div>
+          <Checkbox
+            v-if="chartsToRemoveIsApp"
+            v-model="chartsDeleteCrd"
+            label-key="promptRemoveApp.removeCrd"
+            class="mt-10 type"
+            @input="chartAddCrdToRemove"
+          />
+        </labeledinput>
+        <template v-else>
+          <div class="text-warning mb-10 mt-10">
+            {{ warning }}
+          </div>
+          <div class="text-error mb-10 mt-10">
+            {{ error }}
+          </div>
+        </template>
       </div>
       <template #actions>
         <button

package/components/PromptRestore.vue

@@ -70,7 +70,7 @@ export default {
 
     clusterSnapshots() {
       if (this.sortedSnapshots) {
-        return this.sortedSnapshots.map(snapshot => ({ label: this.snapshotLabel(snapshot), value: snapshot.name }));
+        return this.sortedSnapshots.map((snapshot) => ({ label: this.snapshotLabel(snapshot), value: snapshot.name }));
       } else {
         return [];
       }
@@ -115,13 +115,13 @@ export default {
 
       if (!cluster.isRke2) {
         promise = this.$store.dispatch('rancher/findAll', { type: NORMAN.ETCD_BACKUP }).then((snapshots) => {
-          return snapshots.filter(s => s.clusterId === cluster.metadata.name);
+          return snapshots.filter((s) => s.clusterId === cluster.metadata.name);
         });
       } else {
         promise = this.$store.dispatch('management/findAll', { type: SNAPSHOT }).then((snapshots) => {
           const toRestoreClusterName = cluster?.clusterName || cluster?.metadata?.name;
 
-          return snapshots.filter(s => s.clusterName === toRestoreClusterName);
+          return snapshots.filter((s) => s.clusterName === toRestoreClusterName);
         });
       }
 

package/components/Questions/index.vue

@@ -67,9 +67,9 @@ function migrate(expr) {
   let out;
 
   if ( expr.includes('||') ) {
-    out = expr.split('||').map(x => migrate(x)).join(' || ');
+    out = expr.split('||').map((x) => migrate(x)).join(' || ');
   } else if ( expr.includes('&&') ) {
-    out = expr.split('&&').map(x => migrate(x)).join(' && ');
+    out = expr.split('&&').map((x) => migrate(x)).join(' && ');
   } else {
     const parts = expr.match(/^(.*)(!?=)(.*)$/);
 
@@ -311,9 +311,9 @@ export default {
       let result;
 
       if ( get(or, 'length') > 1 ) {
-        result = or.some(showIf => this.calExpression(showIf, allQuestions));
+        result = or.some((showIf) => this.calExpression(showIf, allQuestions));
       } else {
-        result = and.every(showIf => this.calExpression(showIf, allQuestions));
+        result = and.every((showIf) => this.calExpression(showIf, allQuestions));
       }
 
       return result;
@@ -368,7 +368,7 @@ export default {
       return null;
     },
     getAnswer(variable, questions) {
-      const found = questions.find(q => q.variable === variable);
+      const found = questions.find((q) => q.variable === variable);
 
       if ( found ) {
         // Equivalent to finding question.answer in Ember

package/components/RelatedWorkloadsTable.vue

@@ -22,7 +22,7 @@ export default {
       WORKLOAD_TYPES.JOB,
       WORKLOAD_TYPES.STATEFUL_SET
     ];
-    const allWorkloadsNested = await Promise.all(types.map(type => this.$store.dispatch('cluster/findAll', { type })));
+    const allWorkloadsNested = await Promise.all(types.map((type) => this.$store.dispatch('cluster/findAll', { type })));
     const allWorkloads = allWorkloadsNested.flat();
 
     this.relatedWorkloadRows = allWorkloads.filter(this.filter);

package/components/ResourceList/Masthead.vue

@@ -139,7 +139,7 @@ export default {
       }
 
       // blocked-post means you can post through norman, but not through steve.
-      if ( this.schema && !this.schema?.collectionMethods.find(x => ['blocked-post', 'post'].includes(x.toLowerCase())) ) {
+      if ( this.schema && !this.schema?.collectionMethods.find((x) => ['blocked-post', 'post'].includes(x.toLowerCase())) ) {
         return false;
       }
 

package/components/ResourceTable.vue

@@ -225,7 +225,7 @@ export default {
 
       // If only one namespace is selected, hide the namespace column
       if ( !showNamespace ) {
-        const idx = headers.findIndex(header => header.name === NAMESPACE.name);
+        const idx = headers.findIndex((header) => header.name === NAMESPACE.name);
 
         if ( idx >= 0 ) {
           headers.splice(idx, 1);
@@ -236,7 +236,7 @@ export default {
       const custom = this.listGroupMapped[this.group];
 
       if (custom?.hideColumn) {
-        const idx = headers.findIndex(header => header.name === custom.hideColumn);
+        const idx = headers.findIndex((header) => header.name === custom.hideColumn);
 
         if ( idx >= 0 ) {
           headers.splice(idx, 1);
@@ -291,7 +291,7 @@ export default {
     group: {
       get() {
         // Check group is valid
-        const exists = this.groupOptions.find(g => g.value === this._group);
+        const exists = this.groupOptions.find((g) => g.value === this._group);
 
         if (!exists) {
           return DEFAULT_GROUP;

package/components/ResourceYaml.vue

@@ -166,7 +166,7 @@ export default {
       try {
         const parsed = jsyaml.load(this.currentYaml);
         const annotations = Object.keys(parsed?.metadata?.annotations || {});
-        const regexes = ANNOTATIONS_TO_FOLD.map(x => ensureRegex(x));
+        const regexes = ANNOTATIONS_TO_FOLD.map((x) => ensureRegex(x));
 
         let foldAnnotations = false;
 

package/components/RoleBindings.vue

@@ -179,7 +179,7 @@ export default {
     },
 
     existingBindings() {
-      const roles = this.roles.map(x => x.name);
+      const roles = this.roles.map((x) => x.name);
 
       const out = this.allBindings.filter((binding) => {
         if ( binding.roleRef.kind !== this.roleScope || !binding.roleRef?.name) {
@@ -197,7 +197,7 @@ export default {
     },
 
     unremovedRows() {
-      return this.rows.filter(x => x.remove !== true);
+      return this.rows.filter((x) => x.remove !== true);
     },
   },
 

package/components/SingleClusterInfo.vue

@@ -37,7 +37,7 @@ export default {
     },
 
     accessibleResources() {
-      return RESOURCES.filter(resource => this.$store.getters['cluster/schemaFor'](resource));
+      return RESOURCES.filter((resource) => this.$store.getters['cluster/schemaFor'](resource));
     },
 
     totalCountGaugeInput() {

package/components/SortableTable/actions.js

@@ -38,11 +38,11 @@ export default {
 
   computed: {
     availableActions() {
-      return this.bulkActionsForSelection.filter(act => !act.external);
+      return this.bulkActionsForSelection.filter((act) => !act.external);
     },
 
     keyedAvailableActions() {
-      return this.availableActions.map(aa => aa.action);
+      return this.availableActions.map((aa) => aa.action);
     },
 
     selectedRowsText() {
@@ -139,7 +139,7 @@ export default {
             // Collate the actions in an array and hide in the normal row
             const id = ba.attributes.getNamedItem('id').value;
 
-            this.hiddenActions.push(this.availableActions.find(aa => aa.action === id));
+            this.hiddenActions.push(this.availableActions.find((aa) => aa.action === id));
             ba.style.display = 'none';
           }
         }

package/components/SortableTable/advanced-filtering.js

@@ -83,7 +83,7 @@ export default {
 
   computed: {
     advFilterSelectOptions() {
-      return this.columnOptions.filter(c => c.isFilter && !c.preventFiltering);
+      return this.columnOptions.filter((c) => c.isFilter && !c.preventFiltering);
     },
 
     advGroupOptions() {
@@ -102,7 +102,7 @@ export default {
 
       this.columnOptions.forEach((advCol) => {
         if (advCol.isTableOption) {
-          const index = allCols.findIndex(col => col.name === advCol.name);
+          const index = allCols.findIndex((col) => col.name === advCol.name);
 
           if (index !== -1) {
             allCols[index].isColVisible = advCol.isColVisible;
@@ -122,7 +122,7 @@ export default {
       const headerProps = [];
 
       // Filter out any columns that are too heavy to show for large page sizes
-      const filteredHeaders = this.headers.slice().filter(c => (!c.maxPageSize || (c.maxPageSize && c.maxPageSize >= this.perPage)));
+      const filteredHeaders = this.headers.slice().filter((c) => (!c.maxPageSize || (c.maxPageSize && c.maxPageSize >= this.perPage)));
 
       // add table cols from config (headers)
       filteredHeaders.forEach((prop) => {
@@ -152,7 +152,7 @@ export default {
 
         // maintain current visibility of cols if they exist already
         if (this.columnOptions?.length) {
-          const opt = this.columnOptions.find(colOpt => colOpt.name === name && colOpt.label === label);
+          const opt = this.columnOptions.find((colOpt) => colOpt.name === name && colOpt.label === label);
 
           if (opt) {
             isColVisible = opt.isColVisible;
@@ -188,14 +188,14 @@ export default {
 
               // maintain current visibility of cols if they exist already
               if (this.columnOptions?.length) {
-                const opt = this.columnOptions.find(colOpt => colOpt.name === label && colOpt.label === label);
+                const opt = this.columnOptions.find((colOpt) => colOpt.name === label && colOpt.label === label);
 
                 if (opt) {
                   res.isColVisible = opt.isColVisible;
                 }
               }
 
-              if (!rowLabels.filter(row => row.label === label).length) {
+              if (!rowLabels.filter((row) => row.label === label).length) {
                 rowLabels.push(res);
               }
             });
@@ -262,7 +262,7 @@ export default {
 
     // cols visibility
     changeColVisibility(colData) {
-      const index = this.columnOptions.findIndex(col => col.label === colData.label);
+      const index = this.columnOptions.findIndex((col) => col.label === colData.label);
 
       if (index !== -1) {
         this.columnOptions[index].isColVisible = colData.value;

package/components/SortableTable/filtering.js

@@ -186,7 +186,7 @@ function columnsToSearchField(columns) {
     }
   });
 
-  return out.filter(x => !!x);
+  return out.filter((x) => !!x);
 }
 
 const ipLike = /^[0-9a-f\.:]+$/i;

package/components/SortableTable/index.vue

@@ -487,10 +487,10 @@ export default {
 
     columns() {
       // Filter out any columns that are too heavy to show for large page sizes
-      const out = this.headers.slice().filter(c => !c.maxPageSize || (c.maxPageSize && c.maxPageSize >= this.perPage));
+      const out = this.headers.slice().filter((c) => !c.maxPageSize || (c.maxPageSize && c.maxPageSize >= this.perPage));
 
       if ( this.groupBy ) {
-        const entry = out.find(x => x.name === this.groupBy);
+        const entry = out.find((x) => x.name === this.groupBy);
 
         if ( entry ) {
           removeObject(out, entry);
@@ -498,10 +498,10 @@ export default {
       }
 
       // If all columns have a width, try to remove it from a column that can be variable (name)
-      const missingWidth = out.find(x => !x.width);
+      const missingWidth = out.find((x) => !x.width);
 
       if ( !missingWidth ) {
-        const variable = out.find(x => x.canBeVariable);
+        const variable = out.find((x) => x.canBeVariable);
 
         if ( variable ) {
           const neu = clone(variable);
@@ -547,13 +547,13 @@ export default {
 
     // Do we have any live columns?
     hasLiveColumns() {
-      const liveColumns = this.columns.find(c => c.formatter?.startsWith('Live') || c.liveUpdates);
+      const liveColumns = this.columns.find((c) => c.formatter?.startsWith('Live') || c.liveUpdates);
 
       return !!liveColumns;
     },
 
     hasDelayedColumns() {
-      const delaeydColumns = this.columns.find(c => c.delayLoading);
+      const delaeydColumns = this.columns.find((c) => c.delayLoading);
 
       return !!delaeydColumns;
     },
@@ -683,7 +683,7 @@ export default {
         return;
       }
 
-      const delayedColumns = this.$refs.column.filter(c => c.startDelayedLoading && !c.__delayedLoading);
+      const delayedColumns = this.$refs.column.filter((c) => c.startDelayedLoading && !c.__delayedLoading);
       // We add 100 pixels here - so we will render the delayed columns for a few extra rows below what is visible
       // This way if you scroll slowly, you won't see the columns being loaded
       const clientHeight = (window.innerHeight || document.documentElement.clientHeight) + 100;
@@ -718,7 +718,7 @@ export default {
       }
 
       const clientHeight = window.innerHeight || document.documentElement.clientHeight;
-      const liveColumns = this.$refs.column.filter(c => !!c.liveUpdate);
+      const liveColumns = this.$refs.column.filter((c) => !!c.liveUpdate);
       const now = day();
       let next = Number.MAX_SAFE_INTEGER;
 
@@ -805,7 +805,7 @@ export default {
         return false;
       }
 
-      const matchingResourceAction = resource.availableActions.find(a => a.action === this.actionOfInterest.action);
+      const matchingResourceAction = resource.availableActions.find((a) => a.action === this.actionOfInterest.action);
 
       return matchingResourceAction?.enabled;
     },