@rancher/shell 0.3.17 → 0.3.19

package/assets/translations/en-us.yaml

@@ -3512,10 +3512,13 @@ navLink:
         label: Group name
         tooltip: Assign link to a group
       sideLabel:
-        label: Link Label
+        label: Link label
       description:
         label: Link description
+    groupImage:
+      label: Group Image
       iconSrc:
+        tip: 'Image height should be 21 pixels with a max width of 200 pixels. Max file size is 20KB. Accepted formats: JPEG, PNG, SVG.'
         label: Add image
 networkpolicy:
   egress:
@@ -3703,7 +3706,7 @@ persistentVolume:
       label: Storage Policy ID
       placeholder: e.g. sp1
   csi:
-    label: CSI (Unsupported)
+    label: CSI
     suffix: (CSI)
     driver:
       label: Driver
@@ -4147,7 +4150,7 @@ plugins:
     title: Extensions Safe Mode
     message: Extensions were not loaded
   addRepos:
-    banner: There are new extensions repositories available. To enable them, click the menu button at the top right of this page and select “Add Rancher Repositories”.
+    banner: There are new extensions repositories available. To enable these repositories, click the button on the right.
     bannerBtn: Add repositories
     title: Add Extensions repositories
     prompt: You can install multiple Rancher extension repositories to increase your extensions catalog
@@ -4167,7 +4170,7 @@ plugins:
       airgap: Air-gapped installations should NOT enable this feature
       addRancherRepo: Add Official Rancher Extensions Repository
       addPartnersRancherRepo: Add Partners Extensions Repository
-      addCommunityRancherRepo: Add Community Extension sRepository
+      addCommunityRancherRepo: Add Community Extensions Repository
     remove:
       label: Disable Extension Support
       title: Disable Extension Support?
@@ -5766,6 +5769,7 @@ wm:
   containerShell:
     clear: Clear
     containerName: "Container: {label}"
+    failed: "Unable to open a shell to the container (none of the shell commmands succeeded)\n\r"
   kubectlShell:
     title: "Kubectl: {name}"
 

package/assets/translations/zh-hans.yaml

@@ -197,6 +197,12 @@ nav:
     accountAndKeys: 账号 & API 密钥
     logOut: 登出
   failWhale:
+    authMiddleware: 认证中间件
+    clusterNotFound: 未找到集群 { clusterId }
+    productNotFound: 未找到产品 {productNotFound}
+    resourceNotFound: 未找到资源类型 { resource }
+    resourceListNotFound: 未找到资源类型 { resource }，无法显示列表
+    resourceIdNotFound: 未找到 ID 为 { fqid } 的资源 { resources }，无法显示资源详细信息
     reload: 重新加载
     separator: 或者
 
@@ -589,6 +595,10 @@ asyncButton:
     action: 应用
     success: 已应用
     waiting: 正在应用…
+  add:
+    action: 添加
+    success: 已添加
+    waiting: 正在添加…
   continue:
     action: 继续
     success: 已保存
@@ -2157,8 +2167,10 @@ fleet:
       protocolBanner: 输入指向 git 仓库的有效 HTTPS 或 SSH URL。
     resources:
       label: '资源处理'
-      keepResources: 删除后保留资源
-      resourceBanner: 启用时，删除 GitRepo 或 Bundle 后将保留资源，只会删除 Helm Release Secret。
+      keepResources: 永远保留资源
+      keepResourcesBanner: 启用时，删除 GitRepo 或 Bundle 后将保留资源，只会删除 Helm Release Secret。
+      correctDrift: 启用自我修复
+      correctDriftBanner: 启用后，Fleet 将确保集群资源与 Git 仓库保持同步。在 ecluster 上进行的所有资源更改都将丢失。
     add:
       steps:
         repoInfo:
@@ -2399,11 +2411,32 @@ hpa:
     name:
       label: 引用名称
       placeholder: 例如：php-apache
+  scaleDownRules:
+    label: 缩减行为
+    enable: 配置缩减行为
+  scaleUpRules:
+    label: 扩展行为
+    enable: 配置扩展行为
+  scalingRule:
+    policyHeader: 策略
+    addPolicy: 添加策略
+    selectPolicy: 选择策略
+    selectPolicyTooltip: 选择具有最大值、最小值或禁用缩放的策略。
+    stabilizationWindowSeconds: 稳定窗口秒数
+    stabilizationWindowSecondsTooltip: 在扩展或缩减时应考虑过去建议的秒数。
+    policy:
+      type: 类型
+      typeTooltip: 根据要扩展的 Pod 数量或要扩展的当前副本百分比设置策略。
+      value: 值
+      valueTooltip: 策略允许的变更数量。
+      periodSeconds: 周期秒数
+      periodSecondsTooltip: 策略生效的时间窗口。
   tabs:
     labels: 标签
     metrics: 指标
     target: 目标
     workload: 工作负载
+    behavior: 行为
   types:
     cpu: CPU
     memory: 内存
@@ -3030,6 +3063,9 @@ login:
   remember:
     label: 记住用户名
 
+logout:
+  message: 正在登出...
+
 managementNode:
   customName: 自定义名称
 
@@ -3677,7 +3713,7 @@ persistentVolume:
       label: 存储策略 ID
       placeholder: 例如：sp1
   csi:
-    label: CSI（不支持）
+    label: CSI
     suffix: (CSI)
     driver:
       label: 驱动
@@ -3999,6 +4035,8 @@ inactivity:
 # Rancher Extensions
 plugins:
   incompatibleRancherVersion: "此扩展的最新版本 ({ version }) 与当前的 Rancher 版本 ({ rancherVersion }) 不兼容。"
+  incompatibleKubeVersion: "此扩展的最新版本 ({ version }) 与当前的 Kube 版本 ({ kubeVersion }) 不兼容。"
+  currentInstalledVersionBlockedByKubeVersion: "此版本与当前 Kubernetes 版本 ({ kubeVersion }  Vs  { kubeVersionToCheck }) 不兼容。"
   labels:
     builtin: 内置角色
     experimental: 实验功能
@@ -4036,6 +4074,7 @@ plugins:
     versions: 版本
     versionError: 无法加载版本信息
     requiresRancherVersion: "需要 Rancher {version}"
+    requiresKubeVersion: "需要 Kube {version}"
   empty:
     all: 扩展未安装或不可用
     available: 没有可用的扩展
@@ -4045,6 +4084,7 @@ plugins:
   loadError: 加载此扩展的代码时出错
   helmError: "通过 Helm 安装扩展时出错"
   manageRepos: 管理仓库
+  addRancherRepos: 添加 Rancher 仓库
   manageCharts: 管理扩展 Chart
   manageCatalog:
     label: 管理扩展商店
@@ -4116,23 +4156,39 @@ plugins:
   safeMode:
     title: 扩展安全模式
     message: 未加载扩展
+  addRepos:
+    banner: 有新的扩展仓库可用。要启用这些仓库，请单击右侧的按钮。
+    bannerBtn: 添加仓库
+    title: 添加扩展仓库
+    prompt: 你可以安装多个 Rancher 扩展仓库来增加你的扩展商店
   setup:
+    installed: 已安装
+    uninstalled: 已卸载
     title: 未启用扩展支持
     prompt:
       cant: 自动安装不可用 - 找不到所需的 Helm Chart
       can: 你需要安装 Extension Operator
+      official: Official Rancher Extensions 仓库提供了由 Rancher 发布的扩展。
+      partners: Partners Extensions 仓库提供了由 Rancher 合作伙伴发布的扩展。
+      community: Community Extensions 仓库提供了由 Rancher 社区发布的扩展。
     install:
       title: 启用扩展支持？
-      prompt: 这将安装 Helm Chart 以启用扩展支持
-      airgap: Rancher Extensions 仓库提供了由 Rancher 发布的扩展。如果你的 Rancher 是离线的，请取消选中。
-      addRancherRepo: 添加 Rancher Extension 仓库
+      prompt: 这将安装启用扩展支持所需的 Helm Chart
+      airgap: 离线安装环境请不要启用此功能
+      addRancherRepo: 添加 Official Rancher Extensions 仓库
+      addPartnersRancherRepo: 添加 Partners Extensions 仓库
+      addCommunityRancherRepo: 添加 Community Extensions 仓库
     remove:
       label: 禁用扩展支持
       title: 禁用扩展支持？
       prompt: 这将卸载启用扩展支持的 Helm Chart
       registry:
-        title: 删除 Rancher Rancher Extensions 仓库
-        prompt: Rancher Extensions 仓库提供了由 Rancher 发布的扩展。
+        official:
+          title: 删除 Official Rancher Extensions 仓库
+        partners:
+          title: 删除 Partners Rancher Extensions 仓库
+        community:
+          title: 删除 Community Extensions 仓库
       crd:
         title: 删除 Rancher Extensions CRD
         prompt: 目前已安装了一个或多个扩展 - 如果你后续需要重新启用扩展支持，删除 CRD 后你需要手动重新安装这些扩展。

package/components/AsyncButton.vue

@@ -14,7 +14,7 @@ const TOOLTIP = 'tooltip';
 
 export type AsyncButtonCallback = (success: boolean) => void;
 
-export default Vue.extend({
+export default Vue.extend<{ phase: string}, any, any, any>({
   props: {
     /**
      * Mode maps to keys in asyncButton.* translations

package/components/Inactivity.vue

@@ -6,6 +6,8 @@ import throttle from 'lodash/throttle';
 import { MANAGEMENT } from '@shell/config/types';
 import { DEFAULT_PERF_SETTING, SETTING } from '@shell/config/settings';
 
+let globalId;
+
 export default {
   name:       'Inactivity',
   components: {
@@ -22,6 +24,7 @@ export default {
       courtesyTimerId:     null,
       courtesyCountdown:   null,
       trackInactivity:     throttle(this._trackInactivity, 1000),
+      id:                  null,
     };
   },
   async mounted() {
@@ -72,9 +75,16 @@ export default {
       this.clearAllTimeouts();
       const endTime = Date.now() + this.showModalAfter * 1000;
 
+      this.id = endTime;
+      globalId = endTime;
+
       const checkInactivityTimer = () => {
         const now = Date.now();
 
+        if (this.id !== globalId) {
+          return;
+        }
+
         if (now >= endTime) {
           this.isOpen = true;
           this.startCountdown();

package/components/LazyImage.vue

@@ -3,12 +3,12 @@ export default {
   props: {
     initialSrc: {
       type:    String,
-      default: require('~shell/assets/images/generic-catalog.svg'),
+      default: require('@shell/assets/images/generic-catalog.svg'),
     },
 
     errorSrc: {
       type:    String,
-      default: require('~shell/assets/images/generic-catalog.svg'),
+      default: require('@shell/assets/images/generic-catalog.svg'),
     },
 
     src: {

package/components/PromptRestore.vue

@@ -14,6 +14,7 @@ import { DATE_FORMAT, TIME_FORMAT } from '@shell/store/prefs';
 import { escapeHtml } from '@shell/utils/string';
 import day from 'dayjs';
 import { sortBy } from '@shell/utils/sort';
+import { STATES_ENUM } from '@shell/plugins/dashboard-store/resource-class';
 
 export default {
   components: {
@@ -51,7 +52,7 @@ export default {
     // Was the dialog opened to restore a specific snapshot, or opened on a cluster to choose
     isCluster() {
       const isSnapshot = this.toRestore[0]?.type.toLowerCase() === NORMAN.ETCD_BACKUP ||
-        this.toRestore[0]?.type.toLowerCase() === SNAPSHOT;
+      this.toRestore[0]?.type.toLowerCase() === SNAPSHOT;
 
       return !isSnapshot;
     },
@@ -113,20 +114,21 @@ export default {
       const cluster = this.toRestore?.[0];
       let promise;
 
-      if (!cluster.isRke2) {
+      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.state === STATES_ENUM.ACTIVE && 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?.snapshotFile?.status === STATES_ENUM.SUCCESSFUL && s.clusterName === toRestoreClusterName
+          );
         });
       }
 
       // Map of snapshots by name
-      const allSnapshosts = await promise.then((snapshots) => {
+      const allSnapshots = await promise.then((snapshots) => {
         return snapshots.reduce((v, s) => {
           v[s.name] = s;
 
@@ -136,7 +138,7 @@ export default {
         this.errors = exceptionToErrorsArray(err);
       });
 
-      this.allSnapshots = allSnapshosts;
+      this.allSnapshots = allSnapshots;
       this.sortedSnapshots = sortBy(Object.values(this.allSnapshots), ['snapshotFile.createdAt', 'created', 'metadata.creationTimestamp'], true);
     },
 

package/components/ResourceDetail/Masthead.vue

@@ -216,7 +216,7 @@ export default {
     },
 
     parent() {
-      const displayName = this.value.parentNameOverride || this.$store.getters['type-map/labelFor'](this.schema);
+      const displayName = this.value?.parentNameOverride || this.$store.getters['type-map/labelFor'](this.schema);
       const product = this.$store.getters['currentProduct'].name;
 
       const defaultLocation = {

package/components/ResourceDetail/index.vue

@@ -83,16 +83,18 @@ export default {
       default: 'resource-details'
     }
   },
+
   async fetch() {
     const store = this.$store;
     const route = this.$route;
     const params = route.params;
-    const inStore = this.storeOverride || store.getters['currentStore'](params.resource);
+    let resource = this.resourceOverride || params.resource;
+
+    const inStore = this.storeOverride || store.getters['currentStore'](resource);
     const realMode = this.realMode;
 
     // eslint-disable-next-line prefer-const
     let { namespace, id } = params;
-    let resource = this.resourceOverride || params.resource;
 
     // There are 6 "real" modes that can be put into the query string
     // These are mapped down to the 3 regular page "mode"s that create-edit-view components

package/components/__tests__/PromptRestore.test.ts

@@ -0,0 +1,142 @@
+import { shallowMount, createLocalVue } from '@vue/test-utils';
+import PromptRestore from '@shell/components/PromptRestore.vue';
+import Vuex from 'vuex';
+import { ExtendedVue, Vue } from 'vue/types/vue';
+import { DefaultProps } from 'vue/types/options';
+import { CAPI, NORMAN } from '@shell/config/types';
+import { STATES_ENUM } from '@shell/plugins/dashboard-store/resource-class';
+
+const RKE2_CLUSTER_NAME = 'rke2_cluster_name';
+const RKE2_SUCCESSFUL_SNAPSHOT_1 = {
+  clusterName:  RKE2_CLUSTER_NAME,
+  type:         CAPI.RANCHER_CLUSTER,
+  created:      'Thu Jul 20 2023 11:11:39',
+  snapshotFile: { status: STATES_ENUM.SUCCESSFUL },
+  id:           'rke2_id_1',
+  name:         'rke2_name_1'
+};
+const RKE2_SUCCESSFUL_SNAPSHOT_2 = {
+  clusterName:  RKE2_CLUSTER_NAME,
+  type:         CAPI.RANCHER_CLUSTER,
+  created:      'Thu Jul 20 2022 11:11:39',
+  snapshotFile: { status: STATES_ENUM.SUCCESSFUL },
+  id:           'rke2_id_2',
+  name:         'rke2_name_2'
+};
+const RKE2_FAILED_SNAPSHOT = {
+  clusterName:  RKE2_CLUSTER_NAME,
+  type:         CAPI.RANCHER_CLUSTER,
+  created:      'Thu Jul 20 2021 11:11:39',
+  snapshotFile: { status: STATES_ENUM.FAILED },
+  id:           'rke2_id_3',
+  name:         'rke2_name_3'
+};
+
+const RKE1_CLUSTER_NAME = 'rke1_cluster_name';
+const RKE1_SUCCESSFUL_SNAPSHOT_1 = {
+  clusterId: RKE1_CLUSTER_NAME,
+  type:      NORMAN.ETCD_BACKUP,
+  state:     STATES_ENUM.ACTIVE,
+  created:   'Thu Jul 30 2023 11:11:39',
+  id:        'rke1_id_1',
+  name:      'rke1_name_1'
+};
+const RKE1_SUCCESSFUL_SNAPSHOT_2 = {
+  clusterId: RKE1_CLUSTER_NAME,
+  type:      NORMAN.ETCD_BACKUP,
+  state:     STATES_ENUM.ACTIVE,
+  created:   'Thu Jul 30 2022 11:11:39',
+  id:        'rke1_id_2',
+  name:      'rke1_name_2'
+};
+const RKE1_WITH_ERROR_SNAPSHOT = {
+  clusterId: RKE1_CLUSTER_NAME,
+  type:      NORMAN.ETCD_BACKUP,
+  state:     STATES_ENUM.ERROR,
+  created:   'Thu Jul 30 2021 11:11:39',
+  id:        'rke1_id_3',
+  name:      'rke1_name_3'
+};
+
+describe('component: PromptRestore', () => {
+  const localVue = createLocalVue();
+
+  localVue.use(Vuex);
+
+  const rke2TestCases = [
+    [[], 0],
+    [[RKE2_FAILED_SNAPSHOT], 0],
+    [[RKE2_SUCCESSFUL_SNAPSHOT_1], 1],
+    [[RKE2_SUCCESSFUL_SNAPSHOT_1, RKE2_SUCCESSFUL_SNAPSHOT_2], 2],
+    [[RKE2_FAILED_SNAPSHOT, RKE2_SUCCESSFUL_SNAPSHOT_1, RKE2_SUCCESSFUL_SNAPSHOT_2], 2]
+  ];
+
+  it.each(rke2TestCases)('should list RKE2 snapshots properly', async(snapShots, expected) => {
+    const store = new Vuex.Store({
+      modules: {
+        'action-menu': {
+          namespaced: true,
+          state:      {
+            showPromptRestore: true,
+            toRestore:         [{
+              isRke2:   true,
+              type:     CAPI.RANCHER_CLUSTER,
+              metadata: { name: RKE2_CLUSTER_NAME },
+              snapShots
+            }]
+          },
+        },
+      },
+      getters: { 'i18n/t': () => jest.fn(), 'prefs/get': () => jest.fn() },
+      actions: { 'management/findAll': jest.fn().mockResolvedValue(snapShots), 'rancher/findAll': jest.fn().mockResolvedValue([]) }
+    });
+
+    const wrapper = shallowMount(PromptRestore as unknown as ExtendedVue<Vue, {}, {}, {}, DefaultProps>, {
+      store,
+      localVue
+    });
+
+    await wrapper.vm.fetchSnapshots();
+    await wrapper.vm.$nextTick();
+
+    expect(wrapper.vm.clusterSnapshots).toHaveLength(expected);
+  });
+
+  const rke1TestCases = [
+    [[], 0],
+    [[RKE1_WITH_ERROR_SNAPSHOT], 0],
+    [[RKE1_SUCCESSFUL_SNAPSHOT_1], 1],
+    [[RKE1_SUCCESSFUL_SNAPSHOT_1, RKE1_SUCCESSFUL_SNAPSHOT_2], 2],
+    [[RKE1_WITH_ERROR_SNAPSHOT, RKE1_SUCCESSFUL_SNAPSHOT_1, RKE1_SUCCESSFUL_SNAPSHOT_2], 2]
+  ];
+
+  it.each(rke1TestCases)('should list RKE1 snapshots properly', async(snapShots, expected) => {
+    const store = new Vuex.Store({
+      modules: {
+        'action-menu': {
+          namespaced: true,
+          state:      {
+            showPromptRestore: true,
+            toRestore:         [{
+              type:     CAPI.RANCHER_CLUSTER,
+              metadata: { name: RKE1_CLUSTER_NAME },
+              snapShots
+            }]
+          },
+        },
+      },
+      getters: { 'i18n/t': () => jest.fn(), 'prefs/get': () => jest.fn() },
+      actions: { 'rancher/findAll': jest.fn().mockResolvedValue(snapShots) }
+    });
+
+    const wrapper = shallowMount(PromptRestore as unknown as ExtendedVue<Vue, {}, {}, {}, DefaultProps>, {
+      store,
+      localVue
+    });
+
+    await wrapper.vm.fetchSnapshots();
+    await wrapper.vm.$nextTick();
+
+    expect(wrapper.vm.clusterSnapshots).toHaveLength(expected);
+  });
+});

package/components/auth/AzureWarning.vue

@@ -3,7 +3,7 @@
 import { NORMAN, MANAGEMENT } from '@shell/config/types';
 import { get } from '@shell/utils/object';
 import { AZURE_MIGRATED } from '@shell/config/labels-annotations';
-import { BLANK_CLUSTER } from '@shell/store';
+import { BLANK_CLUSTER } from '@shell/store/store-types.js';
 
 export default {
   async fetch() {

package/components/auth/RoleDetailEdit.vue

@@ -579,6 +579,7 @@ export default {
             name="storageSource"
             :label="defaultLabel"
             class="mb-10"
+            data-testid="roletemplate-creator-default-options"
             :options="newUserDefaultOptions"
             :mode="mode"
           />
@@ -592,6 +593,7 @@ export default {
             name="storageSource"
             :label="t('rbac.roletemplate.locked.label')"
             class="mb-10"
+            data-testid="roletemplate-locked-options"
             :options="lockedOptions"
             :mode="mode"
           />

package/components/fleet/FleetResources.vue

@@ -1,9 +1,6 @@
 <script>
-import { colorForState, stateDisplay, stateSort, STATES_ENUM } from '@shell/plugins/dashboard-store/resource-class';
 import SortableTable from '@shell/components/SortableTable';
-import { NAME as EXPLORER } from '@shell/config/product/explorer';
-import { FLEET as FLEET_ANNOTATIONS } from '@shell/config/labels-annotations';
-import { randomStr } from '@shell/utils/string';
+import { AGE } from '@shell/config/table-headers';
 
 export default {
   name: 'FleetResources',
@@ -19,66 +16,7 @@ export default {
 
   computed: {
     computedResources() {
-      const clusters = this.value.targetClusters || [];
-      const resources = this.value.status?.resources || [];
-      const out = [];
-
-      for ( const r of resources ) {
-        let namespacedName = r.name;
-
-        if ( r.namespace ) {
-          namespacedName = `${ r.namespace }:${ r.name }`;
-        }
-
-        for ( const c of clusters ) {
-          let state = r.state;
-          const perEntry = r.perClusterState?.find((x) => x.clusterId === c.id );
-          const tooMany = r.perClusterState?.length >= 10 || false;
-
-          if ( perEntry ) {
-            state = perEntry.state;
-          } else if ( tooMany ) {
-            state = STATES_ENUM.UNKNOWN;
-          } else {
-            state = STATES_ENUM.READY;
-          }
-
-          const color = colorForState(state).replace('text-', 'bg-');
-          const display = stateDisplay(state);
-
-          const detailLocation = {
-            name:   `c-cluster-product-resource${ r.namespace ? '-namespace' : '' }-id`,
-            params: {
-              product:   EXPLORER,
-              cluster:   c.metadata.labels[FLEET_ANNOTATIONS.CLUSTER_NAME],
-              resource:  r.type,
-              namespace: r.namespace,
-              id:        r.name,
-            }
-          };
-
-          out.push({
-            key:             `${ r.id }-${ c.id }-${ r.type }-${ r.namespace }-${ r.name }`,
-            tableKey:        `${ r.id }-${ c.id }-${ r.type }-${ r.namespace }-${ r.name }-${ randomStr(8) }`,
-            kind:            r.kind,
-            apiVersion:      r.apiVersion,
-            type:            r.type,
-            id:              r.id,
-            namespace:       r.namespace,
-            name:            r.name,
-            clusterId:       c.id,
-            clusterName:     c.nameDisplay,
-            state,
-            stateBackground: color,
-            stateDisplay:    display,
-            stateSort:       stateSort(color, display),
-            namespacedName,
-            detailLocation,
-          });
-        }
-      }
-
-      return out;
+      return this.value.resourcesStatuses;
     },
 
     resourceHeaders() {
@@ -122,6 +60,7 @@ export default {
           sort:  'namespace',
           label: 'Namespace',
         },
+        { ...AGE }
       ];
     },
   }

package/components/form/FileImageSelector.vue

@@ -31,6 +31,10 @@ export default {
       type:    Number,
       default: 200000
     },
+    accept: {
+      type:    String,
+      default: 'image/*'
+    }
   },
   computed: {
     isView() {
@@ -44,6 +48,9 @@ export default {
      */
     setIcon(event) {
       this.$emit('input', event);
+    },
+    setError(error) {
+      this.$emit('error', error);
     }
   }
 };
@@ -58,7 +65,9 @@ export default {
     :read-as-data-url="true"
     :byte-limit="byteLimit"
     :label="label"
+    :accept="accept"
     @selected="setIcon"
+    @error="setError"
   />
 
   <div

package/components/form/FileSelector.vue

@@ -63,7 +63,8 @@ export default {
     accept: {
       type:    String,
       default: '*'
-    }
+    },
+
   },
 
   computed: {

package/components/form/MatchExpressions.vue

@@ -218,12 +218,10 @@ export default {
 
           if ( rule.operator === 'Exists' || rule.operator === 'DoesNotExist') {
             val = null;
-          } else if (!val) {
-            return;
           }
 
           if ( val !== null ) {
-            expression.values = val.split(/\s*,\s*/).filter((x) => !!x);
+            expression.values = val.split(/\s*,\s*/);
           }
 
           return expression;