@teammodlr/ui-kit 3.0.0-beta.37 → 3.0.0-beta.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teammodlr/ui-kit",
-  "version": "3.0.0-beta.37",
+  "version": "3.0.0-beta.38",
   "description": "",
   "main": "lib/index.cjs.js",
   "module": "lib/index.es.js",

package/src/components/select/Select.vue

@@ -233,6 +233,11 @@ export default defineComponent({
             type: Boolean,
             default: false
         },
+        // Value a single select resets to when cleared (e.g. a "Don't restrict" option)
+        clearValue: {
+            type: [String, Number, Boolean, Object] as PropType<string | number | boolean | object | null>,
+            default: undefined
+        },
         showDataOptions: {
             type: Boolean,
             default: true
@@ -624,9 +629,15 @@ export default defineComponent({
         }
 
         const hasValue = computed(() => {
-            return props.multiple
-                ? Array.isArray(selected.value) && selected.value.length > 0
-                : !!selected.value;
+            if (props.multiple) {
+                return Array.isArray(selected.value) && selected.value.length > 0;
+            }
+
+            if (props.clearValue !== undefined && selected.value === props.clearValue) {
+                return false;
+            }
+
+            return !!selected.value;
         });
 
         const showClear = computed(() => {
@@ -637,7 +648,9 @@ export default defineComponent({
         });
 
         function clearSelected() {
-            selected.value = props.multiple ? [] : '';
+            selected.value = props.multiple
+                ? []
+                : (props.clearValue !== undefined ? props.clearValue : '');
             emit('clear');
             container.value?.focus();
         }