@gitlab/ui 122.1.0 → 122.1.1

package/dist/components/base/form/form_checkbox/form_checkbox.js

@@ -26,7 +26,7 @@ var script = {
     id: {
       type: String,
       required: false,
-      default: () => uniqueId()
+      default: undefined
     },
     /**
      * The current value of the checkbox(es). Must be an array when there are multiple checkboxes bound to the same v-model.
@@ -112,6 +112,7 @@ var script = {
   data() {
     const group = this.getGroup();
     return {
+      internalId: this.id ? this.id : uniqueId('gitlab_ui_checkbox_'),
       localChecked: group ? group.checked : this.checked
     };
   },
@@ -177,7 +178,7 @@ var script = {
       } = this;
       return {
         ...this.$attrs,
-        id: this.id,
+        id: this.internalId,
         name: this.computedName,
         disabled,
         required,
@@ -295,7 +296,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-form-checkbox custom-checkbox custom-control"},[_c('input',_vm._b({key:"input",ref:"input",staticClass:"custom-control-input",class:_vm.stateClass,attrs:{"type":"checkbox"},on:{"change":_vm.handleChange}},'input',_vm.computedAttrs,false)),_vm._v(" "),_c('label',{staticClass:"custom-control-label",attrs:{"for":_vm.id}},[_vm._t("default"),_vm._v(" "),(Boolean(_vm.$scopedSlots.help))?_c('p',{staticClass:"help-text"},[_vm._t("help")],2):_vm._e()],2)])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-form-checkbox custom-checkbox custom-control"},[_c('input',_vm._b({key:"input",ref:"input",staticClass:"custom-control-input",class:_vm.stateClass,attrs:{"type":"checkbox"},on:{"change":_vm.handleChange}},'input',_vm.computedAttrs,false)),_vm._v(" "),_c('label',{staticClass:"custom-control-label",attrs:{"for":_vm.internalId}},[_vm._t("default"),_vm._v(" "),(Boolean(_vm.$scopedSlots.help))?_c('p',{staticClass:"help-text"},[_vm._t("help")],2):_vm._e()],2)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "122.1.0",
+  "version": "122.1.1",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/components/base/form/form_checkbox/form_checkbox.vue

@@ -26,7 +26,7 @@ export default {
     id: {
       type: String,
       required: false,
-      default: () => uniqueId(),
+      default: undefined,
     },
     /**
      * The current value of the checkbox(es). Must be an array when there are multiple checkboxes bound to the same v-model.
@@ -112,6 +112,7 @@ export default {
   data() {
     const group = this.getGroup();
     return {
+      internalId: this.id ? this.id : uniqueId('gitlab_ui_checkbox_'),
       localChecked: group ? group.checked : this.checked,
     };
   },
@@ -172,7 +173,7 @@ export default {
 
       return {
         ...this.$attrs,
-        id: this.id,
+        id: this.internalId,
         name: this.computedName,
         disabled,
         required,
@@ -286,7 +287,7 @@ export default {
       :class="stateClass"
       @change="handleChange"
     />
-    <label :for="id" class="custom-control-label">
+    <label :for="internalId" class="custom-control-label">
       <slot></slot>
       <p v-if="Boolean($scopedSlots.help)" class="help-text">
         <slot name="help"></slot>