@rancher/shell 0.3.19 → 0.3.20

package/assets/translations/en-us.yaml

@@ -3041,6 +3041,7 @@ login:
     noResponse: "No response received"
   error: An error occurred logging in. Please try again.
   clientError: Invalid username or password. Please try again.
+  specificError: 'An error occured logging in: {msg}'
   useLocal: Use a local user
   loginWithProvider: Log in with {provider}
   username: Username

package/components/PromptModal.vue

@@ -42,6 +42,9 @@ export default {
       const isSticky = !!this.modalData?.modalSticky;
 
       return !isSticky ? '' : 'display: flex; flex-direction: column; ';
+    },
+    closeOnClickOutside() {
+      return this.modalData?.closeOnClickOutside;
     }
   },
 
@@ -85,6 +88,7 @@ export default {
     :styles="`background-color: var(--nav-bg); border-radius: var(--border-radius); ${stickyProps} max-height: 95vh; ${cssProps}`"
     height="auto"
     :scrollable="true"
+    :click-to-close="closeOnClickOutside"
     @closed="close()"
   >
     <component

package/components/ResourceTable.vue

@@ -400,7 +400,10 @@ export default {
 
     pagingParams() {
       if ( !this.schema ) {
-        return {};
+        return {
+          singularLabel: '',
+          pluralLabel:   ''
+        };
       }
 
       return {

package/core/types.ts

@@ -364,6 +364,23 @@ export interface ConfigureTypeOptions {
   // showConfigView
 }
 
+export interface ConfigureVirtualTypeOptions extends ConfigureTypeOptions {
+  /**
+   * The translation key displayed anywhere this type is referenced
+   */
+  labelKey: string;
+
+  /**
+   * An identifier that should be unique across all types
+   */
+  name: string;
+
+  /**
+   * The route that this type should correspond to {@link PluginRouteConfig} {@link RouteConfig}
+   */
+  route: PluginRouteConfig | RouteConfig;
+}
+
 export interface DSLReturnType {
   /**
    * Register multiple types by name and place them all in a group if desired. Primarily used for grouping things in the cluster explorer navigation.
@@ -404,6 +421,13 @@ export interface DSLReturnType {
    */
   mapGroup: (groupName: string, label: string) => void;
 
+  /**
+   * Create and configure a myriad of options for a type
+   * @param options {@link ConfigureVirtualTypeOptions}
+   * @returns {@link void}
+   */
+  virtualType: (options: ConfigureVirtualTypeOptions) => void;
+
   /**
    * Leaving these here for completeness but I don't think these should be advertised as useable to plugin creators.
    */
@@ -417,7 +441,6 @@ export interface DSLReturnType {
   // moveType: (match, group)
   // setGroupDefaultType: (input, defaultType)
   // spoofedType: (obj)
-  // virtualType: (obj)
   // weightGroup: (input, weight, forBasic)
   // weightType: (input, weight, forBasic)
 }

package/detail/node.vue

@@ -82,8 +82,8 @@ export default {
         }
       ],
       imageTableHeaders: [
-        { ...SIMPLE_NAME, width: 400 },
-        IMAGE_SIZE
+        { ...SIMPLE_NAME, width: null },
+        { ...IMAGE_SIZE, width: 100 } // Ensure one header has a size, all other columns will scale
       ],
       taintTableHeaders: [
         KEY,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rancher/shell",
-  "version": "0.3.19",
+  "version": "0.3.20",
   "description": "Rancher Dashboard Shell",
   "repository": "https://github.com/rancherlabs/dashboard",
   "license": "Apache-2.0",

package/pages/auth/login.vue

@@ -149,7 +149,7 @@ export default {
         return this.t('login.error');
       }
 
-      return this.err;
+      return this.err?.length ? this.t('login.specificError', { msg: this.err }) : '';
     },
 
     errorToDisplay() {

package/store/auth.js

@@ -334,6 +334,8 @@ export const actions = {
     } catch (err) {
       if (err._status === 401) {
         return Promise.reject(LOGIN_ERRORS.CLIENT_UNAUTHORIZED);
+      } else if (err.message) {
+        return Promise.reject(err.message);
       } else if ( err._status >= 400 && err._status <= 499 ) {
         return Promise.reject(LOGIN_ERRORS.CLIENT);
       }