🚀 [FET-245] HdCheckbox shouldn't directly change the prop `indetermin…

…ate`

🚀  [FET-245] HdCheckbox shouldn't directly change the prop `indeterminate`

src/components/form/HdCheckbox.vue

@@ -19,7 +19,7 @@
         ['checkbox--active']: isActive,
         ['checkbox--disabled']: disabled,
         ['checkbox--checked']: isChecked,
-        ['checkbox--indeterminate']: indeterminate,
+        ['checkbox--indeterminate']: boundIndeterminate,
         ['checkout--use-mouse']: isUsingMouse,
       }"
       :key="name+error+isChecked"
@@ -125,6 +125,7 @@ export default {
       isActive: false,
       isUsingMouse: false,
       helper: null,
+      boundIndeterminate: this.indeterminate,
     };
   },
   computed: {
@@ -140,7 +141,7 @@ export default {
       },
     },
     statusIcon() {
-      if (this.indeterminate) return minusIcon;
+      if (this.boundIndeterminate) return minusIcon;
       if (this.isChecked) return checkIcon;
       return null;
     },
@@ -175,10 +176,12 @@ export default {
   },
   watch: {
     isChecked() {
-      // TODO: Don't mutate the prop
-      // https://homeday.atlassian.net/browse/FET-245
-      // eslint-disable-next-line vue/no-mutating-props
-      this.indeterminate = false;
+      if (this.boundIndeterminate) {
+        this.boundIndeterminate = false;
+      }
+    },
+    indeterminate(newIndeterminate) {
+      this.boundIndeterminate = newIndeterminate;
     },
   },
 };