@gitlab/ui 38.1.0 → 38.3.0

package/dist/utils/use_mock_intersection_observer.js

@@ -25,7 +25,7 @@ class MockObserver {
     this.$_observers = [];
   }
 
-  takeRecords() {} // eslint-disable-next-line babel/camelcase
+  takeRecords() {} // eslint-disable-next-line camelcase
 
 
   $_triggerObserve(nodeParam) {
@@ -42,7 +42,7 @@ class MockObserver {
         }]);
       }
     });
-  } // eslint-disable-next-line babel/camelcase
+  } // eslint-disable-next-line camelcase
 
 
   $_hasObserver(node) {

package/documentation/components_documentation.js

@@ -2,7 +2,6 @@
 // ADD EXPORTS - needed for yarn generate:component. Do not remove
 export { default as GlTableLiteDocumentation } from '../src/components/base/table_lite/table_lite.documentation';
 export { default as GlRichTextEditorDocumentation } from '../src/components/editors/rich_text_editor/rich_text_editor.documentation';
-export { default as GlDropdownFormDocumentation } from '../src/components/base/dropdown/dropdown_form.documentation';
 export { default as GlKeysetPaginationDocumentation } from '../src/components/base/keyset_pagination/keyset_pagination.documentation';
 export { default as GlInputGroupTextDocumentation } from '../src/components/base/form/input_group_text/input_group_text.documentation';
 export { default as GlFormTextDocumentation } from '../src/components/base/form/form_text/form_text.documentation';
@@ -56,9 +55,6 @@ export { default as GlSearchBoxByTypeDocumentation } from '../src/components/bas
 export { default as GlSearchBoxByClickDocumentation } from '../src/components/base/search_box_by_click/search_box_by_click.documentation';
 export { default as GlDropdownDocumentation } from '../src/components/base/dropdown/dropdown.documentation';
 export { default as GlDropdownItemDocumentation } from '../src/components/base/dropdown/dropdown_item.documentation';
-export { default as GlDropdownDividerDocumentation } from '../src/components/base/dropdown/dropdown_divider.documentation';
-export { default as GlDropdownSectionHeaderDocumentation } from '../src/components/base/dropdown/dropdown_section_header.documentation';
-export { default as GlDropdownTextDocumentation } from '../src/components/base/dropdown/dropdown_text.documentation';
 export { default as GlTableDocumentation } from '../src/components/base/table/table.documentation';
 export { default as GlBreadcrumbDocumentation } from '../src/components/base/breadcrumb/breadcrumb.documentation';
 export { default as GlHeatmapDocumentation } from '../src/components/charts/heatmap/heatmap.documentation';

package/documentation/documented_stories.js

@@ -64,6 +64,8 @@ export const setupStorybookReadme = () =>
         'GlSprintf',
         'GlLink',
         'GlChart',
+        'GlDropdown',
+        'GlDropdownItem',
         'GlBadge',
         'GlButtonGroup',
         'GlOutsideDirective',
@@ -82,6 +84,7 @@ export const setupStorybookReadme = () =>
         'GlDashboardSkeleton',
         'GlToggle',
         'GlNavbar',
+        'GlFormCheckboxTree',
         'GlProgressBar',
         'GlPath',
         'GlFriendlyWrap',
@@ -184,7 +187,7 @@ export const setupStorybookReadme = () =>
       },
       template: `
       <div>
-          <div class="story-container" v-if="$options.disableForComponents.includes(componentName)">
+          <div class="story-container" v-if="!componentName || $options.disableForComponents.includes(componentName)">
               <slot></slot>
           </div>
           <template v-else>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "38.1.0",
+  "version": "38.3.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -83,24 +83,24 @@
     "sane": "^5.0.1"
   },
   "devDependencies": {
-    "@arkweid/lefthook": "^0.7.6",
+    "@arkweid/lefthook": "0.7.7",
     "@babel/core": "^7.10.2",
     "@babel/preset-env": "^7.10.2",
-    "@gitlab/eslint-plugin": "11.0.0",
+    "@gitlab/eslint-plugin": "12.0.1",
     "@gitlab/stylelint-config": "4.0.0",
-    "@gitlab/svgs": "2.6.0",
+    "@gitlab/svgs": "2.7.0",
     "@rollup/plugin-commonjs": "^11.1.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@rollup/plugin-replace": "^2.3.2",
-    "@storybook/addon-a11y": "6.4.19",
-    "@storybook/addon-docs": "6.4.19",
-    "@storybook/addon-essentials": "6.4.19",
+    "@storybook/addon-a11y": "6.4.20",
+    "@storybook/addon-docs": "6.4.20",
+    "@storybook/addon-essentials": "6.4.20",
     "@storybook/addon-knobs": "6.4.0",
-    "@storybook/addon-storyshots": "6.4.19",
-    "@storybook/addon-storyshots-puppeteer": "6.4.19",
-    "@storybook/addon-viewport": "6.4.19",
-    "@storybook/theming": "6.4.19",
-    "@storybook/vue": "6.4.19",
+    "@storybook/addon-storyshots": "6.4.20",
+    "@storybook/addon-storyshots-puppeteer": "6.4.20",
+    "@storybook/addon-viewport": "6.4.20",
+    "@storybook/theming": "6.4.20",
+    "@storybook/vue": "6.4.20",
     "@vue/test-utils": "1.3.0",
     "autoprefixer": "^9.7.6",
     "babel-jest": "^26.6.3",

package/src/components/base/avatar_link/avatar_link.stories.js

@@ -2,7 +2,7 @@ import { GlAvatarLink, GlAvatar, GlAvatarLabeled } from '../../../index';
 import { avatarSizeOptions, avatarShapeOptions } from '../../../utils/constants';
 import readme from './avatar_link.md';
 
-const components = { GlAvatarLink, GlAvatar };
+const components = { GlAvatarLink, GlAvatar, GlAvatarLabeled };
 
 const generateDefaultProps = ({
   href = 'https://gitlab.com/gitlab-org/gitlab',
@@ -37,7 +37,7 @@ export const Default = (args, { argTypes }) => ({
 Default.args = { ...generateDefaultProps(), ...generateImageProps() };
 
 export const WithLabeledAvatar = (args, { argTypes }) => ({
-  components: { GlAvatarLink, GlAvatarLabeled },
+  components,
   props: Object.keys(argTypes),
   template: `
   <gl-avatar-link target="blank" :href="href">

package/src/components/base/dropdown/dropdown.documentation.js

@@ -1,9 +1,6 @@
 import description from './dropdown.md';
-import examples from './examples';
 
 export default {
   description,
-  bootstrapComponent: 'b-dropdown',
-  examples,
   followsDesignSystem: false,
 };

package/src/components/base/dropdown/dropdown.md

@@ -1,5 +1,3 @@
-## Usage
-
 The dropdown component offers a user multiple items or actions to choose from which are initially
 collapsed behind a button.
 
@@ -55,3 +53,10 @@ loading spinner, icon, and dropdown caret:
       </template>
     </gl-dropdown>
     ```
+
+### GlDropdownForm
+
+Unlike `b-dropdown-form`, we do _not_ add any additional padding with the `gl-dropdown-form` component.
+This is to prevent double padding with `gl-dropdown-item` and similar components, so in most cases
+shouldn't be needed. To add padding, either add a padding utility class to your form, or an inner
+element with some padding.