@gitlab/ui 49.0.0 → 49.0.2

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

@@ -27,7 +27,6 @@ var script = {
        */
       this.$emit('input', e);
     },
-
     onChange(e) {
       /**
        * Emitted when the selected value is changed.
@@ -36,7 +35,6 @@ var script = {
        */
       this.$emit('change', e);
     }
-
   }
 };
 

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

@@ -27,7 +27,6 @@ var script = {
       if (this.size === null) {
         return [];
       }
-
       if (_isObject(this.size)) {
         const {
           default: defaultSize,
@@ -38,10 +37,8 @@ var script = {
           return `gl-${breakpoint}-form-select-${size}`;
         })];
       }
-
       return [`gl-form-select-${this.size}`];
     }
-
   }
 };
 

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

@@ -33,15 +33,14 @@ var script = {
   computed: {
     listeners() {
       var _this = this;
-
-      return { ...this.$listeners,
+      return {
+        ...this.$listeners,
         // Swap purpose of input and update events from underlying BFormTextarea.
         // See https://gitlab.com/gitlab-org/gitlab-ui/-/issues/631.
         input: function () {
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
           }
-
           /**
            * Emitted to update the v-model
            */
@@ -51,7 +50,6 @@ var script = {
           for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
             args[_key2] = arguments[_key2];
           }
-
           /**
            * Triggered by user interaction.
            * Emitted after any formatting (not including 'trim' or 'number' props).
@@ -61,11 +59,9 @@ var script = {
         }
       };
     },
-
     keypressEvent() {
       return this.submitOnEnter ? 'keyup' : null;
     }
-
   },
   methods: {
     handleKeyPress(e) {
@@ -73,7 +69,6 @@ var script = {
         this.$emit('submit');
       }
     }
-
   }
 };
 

package/dist/components/base/icon/icon.js

@@ -3,31 +3,27 @@ import { iconSizeOptions } from '../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
-
 let iconValidator = () => true;
+
 /*
  During development/tests we want to validate that we are just using icons that are actually defined
 */
-
-
 if (process.env.NODE_ENV !== 'production') {
   // eslint-disable-next-line global-require
   const data = require('@gitlab/svgs/dist/icons.json');
-
   const {
     icons
   } = data;
-
   iconValidator = value => {
     if (icons.includes(value)) {
       return true;
-    } // eslint-disable-next-line no-console
-
-
+    }
+    // eslint-disable-next-line no-console
     console.warn(`Icon '${value}' is not a known icon of @gitlab/svgs`);
     return false;
   };
 }
+
 /** This is a re-usable vue component for rendering a svg sprite icon
  *  @example
  *  <icon
@@ -36,8 +32,6 @@ if (process.env.NODE_ENV !== 'production') {
  *    class="top"
  *  />
  */
-
-
 var script = {
   props: {
     /**
@@ -49,7 +43,6 @@ var script = {
       required: false,
       default: undefined
     },
-
     /**
      * One of the icons from https://gitlab-org.gitlab.io/gitlab-svgs/ project
      */
@@ -58,7 +51,6 @@ var script = {
       required: true,
       validator: iconValidator
     },
-
     /**
      * Icon size
      */
@@ -73,11 +65,9 @@ var script = {
     spriteHref() {
       return `${iconsPath}#${this.name}`;
     },
-
     iconSizeClass() {
       return this.size ? `s${this.size}` : '';
     }
-
   }
 };
 

package/dist/components/base/infinite_scroll/infinite_scroll.js

@@ -6,7 +6,6 @@ const throttleDuration = 1000;
  * After adding more items, scroll will adjust slightly.
  * Values in pixels, should be a small amount.
  */
-
 const adjustScrollGap = 5;
 const THRESHOLD = 1;
 var script = {
@@ -19,7 +18,6 @@ var script = {
       required: false,
       default: 0
     },
-
     /**
      * Numbers of items fetched before scrolling
      */
@@ -27,7 +25,6 @@ var script = {
       type: Number,
       required: true
     },
-
     /**
      * Max height of the list before the scrollbar appears
      */
@@ -43,15 +40,12 @@ var script = {
         maxHeight: this.maxListHeight ? `${this.maxListHeight}px` : 'auto'
       };
     },
-
     legendText() {
       if (this.totalItems > 0) {
         return `Showing ${this.fetchedItems} of ${this.totalItems} items`;
       }
-
       return `Showing ${this.fetchedItems} items`;
     }
-
   },
   watch: {
     fetchedItems(newVal, oldVal) {
@@ -60,22 +54,23 @@ var script = {
         const {
           scrollHeight,
           scrollTop
-        } = this.$refs.infiniteContainer; // Only when scrolled to the top
-
+        } = this.$refs.infiniteContainer;
+        // Only when scrolled to the top
         if (scrollHeight !== 0 && scrollTop === 0) {
           // Wait until the DOM is fully updated to adjust scroll
           this.$nextTick(() => {
             const {
               scrollHeight: newScrollHeight
-            } = this.$refs.infiniteContainer; // New scrollTop is the new height, minus the old height
-            // minus a small space to allow the user to trigger a scroll once more
+            } = this.$refs.infiniteContainer;
 
-            let top = newScrollHeight - scrollHeight - adjustScrollGap; // Never adjust to 0, or a new event may be be triggered
+            // New scrollTop is the new height, minus the old height
+            // minus a small space to allow the user to trigger a scroll once more
+            let top = newScrollHeight - scrollHeight - adjustScrollGap;
 
+            // Never adjust to 0, or a new event may be be triggered
             if (top < 1) {
               top = 1;
             }
-
             this.scrollTo({
               top
             });
@@ -83,9 +78,7 @@ var script = {
         }
       }
     }
-
   },
-
   mounted() {
     // Scroll to bottom for reverse effect
     this.$nextTick(() => {
@@ -94,7 +87,6 @@ var script = {
       }
     });
   },
-
   methods: {
     /**
      * Scroll to the top of the container, leaving a gap
@@ -105,7 +97,6 @@ var script = {
         top: adjustScrollGap
       });
     },
-
     /**
      * Scroll to the bottom of the container, leaving a gap
      * to avoid triggering the event.
@@ -118,7 +109,6 @@ var script = {
         top: scrollHeight - adjustScrollGap
       });
     },
-
     /**
      * Scroll to a location in the container
      *
@@ -133,7 +123,6 @@ var script = {
         top
       });
     },
-
     topReached: throttle(function topReachedThrottled() {
       /**
        * Emitted when item container is scrolled to the top
@@ -146,15 +135,12 @@ var script = {
        */
       this.$emit('bottomReached');
     }, throttleDuration),
-
     itemsListHeight() {
       return this.$refs.infiniteContainer.scrollHeight;
     },
-
     scrollTop() {
       return this.$refs.infiniteContainer.scrollTop;
     },
-
     handleScroll: throttle(function handleScrollThrottled() {
       if (Math.abs(this.itemsListHeight() - this.maxListHeight - this.scrollTop()) < THRESHOLD) {
         this.bottomReached();

package/dist/components/base/keyset_pagination/keyset_pagination.js

@@ -16,7 +16,6 @@ var script = {
     // GraphQL type, allowing the returned `pageInfo` object to
     // be bound directly to this component:
     // `<gl-keyset-pagination v-bind="pageInfo">`
-
     /**
      * Whether or not the "Prev" button should be enabled
      */
@@ -25,7 +24,6 @@ var script = {
       required: false,
       default: false
     },
-
     /**
      * Whether or not the "Next" button should be enabled
      */
@@ -34,7 +32,6 @@ var script = {
       required: false,
       default: false
     },
-
     /**
      * A cursor that points to the first item in the current page.
      * Will be passed as an event parameter when the "prev" event is fired.
@@ -44,7 +41,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * A cursor that points to the last item in the current page.
      * Will be passed as an event parameter when the "next" event is fired.
@@ -54,7 +50,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * The text that will be rendered inside the "Prev" button.
      * It\'s important to provide this parameter since the default text is not translatable.
@@ -64,7 +59,6 @@ var script = {
       required: false,
       default: 'Prev'
     },
-
     /**
      * A link that will be used as the "Prev" button\'s "href" attribute.
      * If provided, the "Prev" button renders as a link button; otherwise, it is rendered as a regular button.
@@ -74,7 +68,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * The text that will be rendered inside the "Next" button.
      * It\'s important to provide this parameter since the default text is not translatable.
@@ -84,7 +77,6 @@ var script = {
       required: false,
       default: 'Next'
     },
-
     /**
      * A link that will be used as the "Next" button\'s "href" attribute.
      * If provided, the "Next" button renders as a link button; otherwise, it is rendered as a regular button.
@@ -94,7 +86,6 @@ var script = {
       required: false,
       default: null
     },
-
     /**
      * Whether or not both buttons should be disabled (regardless of the "hasPreviousPage" and "hasNextPage" values).
      */

package/dist/components/base/label/label.js

@@ -59,13 +59,11 @@ var script = {
       default: false
     }
   },
-
   data() {
     return {
       splitScopedLabelIndex: this.title.lastIndexOf('::')
     };
   },
-
   computed: {
     cssClasses() {
       const textColorVariant = colorFromBackground(this.backgroundColor);
@@ -76,40 +74,32 @@ var script = {
         'gl-label-text-light': textColorVariant === labelColorOptions.light
       };
     },
-
     cssVariables() {
       return {
         '--label-background-color': this.backgroundColor,
         '--label-inset-border': `inset 0 0 0 ${this.size === 'sm' ? '1px' : '2px'} ${this.backgroundColor}`
       };
     },
-
     scopedKey() {
       return this.scoped ? this.title.slice(0, this.splitScopedLabelIndex) : this.title;
     },
-
     scopedValue() {
       return this.title.slice(this.splitScopedLabelIndex + 2);
     },
-
     closeIconSize() {
       return this.size === 'sm' ? 12 : 16;
     },
-
     labelComponent() {
       return this.target ? GlLink : 'span';
     },
-
     tooltipTarget() {
       return this.target ? this.$refs.labelTitle.$el : this.$refs.labelTitle;
     }
-
   },
   watch: {
     title() {
       this.splitScopedLabelIndex = this.title.lastIndexOf('::');
     }
-
   },
   methods: {
     onClick(e) {
@@ -121,7 +111,6 @@ var script = {
        */
       this.$emit('click', e);
     },
-
     onClose(e) {
       /**
        * Emitted when x is clicked
@@ -131,7 +120,6 @@ var script = {
        */
       this.$emit('close', e);
     }
-
   }
 };
 

package/dist/components/base/loading_icon/loading_icon.js

@@ -1,10 +1,14 @@
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
-const sizes = ['sm', // -> 16px
-'md', // -> 24px
-'lg', // -> 32px
+const sizes = ['sm',
+// -> 16px
+'md',
+// -> 24px
+'lg',
+// -> 32px
 'xl' // -> 64px
 ];
+
 const colors = {
   dark: 'dark',
   light: 'light'
@@ -25,23 +29,18 @@ var script = {
       type: String,
       required: false,
       default: 'sm',
-
       validator(value) {
         return sizes.indexOf(value) !== -1;
       }
-
     },
     color: {
       type: String,
       required: false,
       default: defaultColor,
-
       validator(value) {
         return Object.keys(colors).includes(value);
       }
-
     },
-
     /**
      * Wrap in a span or div.
      */
@@ -55,11 +54,9 @@ var script = {
     rootElementType() {
       return this.inline ? 'span' : 'div';
     },
-
     cssClasses() {
       return [baseCssClass, `${baseCssClass}-${colors[this.color]}`, `${baseCssClass}-${this.size}`];
     }
-
   }
 };
 

package/dist/components/base/markdown/markdown.js

@@ -1,6 +1,7 @@
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 var script = {
   props: {
     compact: {

package/dist/components/base/modal/modal.js

@@ -6,11 +6,9 @@ import GlButton from '../button/button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
-
 function validatorHelper(obj) {
   return Object.keys(obj).every(val => val === 'text' || val === 'attributes');
 }
-
 var script = {
   components: {
     BModal,
@@ -92,95 +90,77 @@ var script = {
       // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return Boolean(this.$slots['modal-ok']);
     },
-
     shouldRenderModalCancel() {
       // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return Boolean(this.$slots['modal-cancel']);
     },
-
     shouldRenderModalFooter() {
-      return Boolean(this.actionCancel || this.actionSecondary || this.actionPrimary || // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
+      return Boolean(this.actionCancel || this.actionSecondary || this.actionPrimary ||
+      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       this.$slots['modal-footer']);
     }
-
   },
-
   mounted() {
     if (!this.ariaLabel && !this.title) {
       logWarning('[gl-modal]: Accessible name for modal missing. Please add title prop or aria-label.');
     }
   },
-
   methods: {
     show() {
       this.$refs.modal.show();
     },
-
     hide() {
       this.$refs.modal.hide();
     },
-
     toggle() {
       this.$refs.modal.toggle();
     },
-
     ok() {
       this.$refs.modal.onOk();
     },
-
     cancel() {
       this.$refs.modal.onCancel();
     },
-
     close() {
       this.$refs.modal.onClose();
     },
-
     primary(event) {
       this.$emit('primary', event);
     },
-
     canceled(event) {
       this.$emit('canceled', event);
     },
-
     secondary(event) {
       this.$emit('secondary', event);
-
       if (!(event !== null && event !== void 0 && event.defaultPrevented)) {
         this.close();
       }
     },
-
     // set default variant button styling
     buttonBinding(prop, name) {
       if (!prop.attributes) {
         return modalButtonDefaults[name];
       }
-
       return prop.attributes;
     },
-
     setFocus() {
       if (this.noFocusOnShow) return;
       const btnElts = [...this.$refs.modal.$refs.modal.querySelectorAll('button')];
-      const modalElts = [...this.$refs.modal.$refs.body.querySelectorAll(focusableTags.join(COMMA))]; // Iterate over the array and if you find the close button,
-      // move it to the end
+      const modalElts = [...this.$refs.modal.$refs.body.querySelectorAll(focusableTags.join(COMMA))];
 
+      // Iterate over the array and if you find the close button,
+      // move it to the end
       const closeBtnIndex = btnElts.findIndex(elt => {
         var _this$$refs$closeBut;
-
         return elt === ((_this$$refs$closeBut = this.$refs['close-button']) === null || _this$$refs$closeBut === void 0 ? void 0 : _this$$refs$closeBut.$el);
       });
-
       if (closeBtnIndex > -1) {
         btnElts.push(...btnElts.splice(closeBtnIndex, 1));
-      } // ModalElts are the first choice, the btnElts are a backup
-
+      }
 
+      // ModalElts are the first choice, the btnElts are a backup
       focusFirstFocusableElement([...modalElts, ...btnElts]);
     }
-
   }
 };