@gitlab/ui 35.0.0 → 36.2.0

package/documentation/all_components.js

@@ -1,5 +1,5 @@
-import * as chartComponents from '../charts';
-import * as components from '../index';
+import * as chartComponents from '../src/charts';
+import * as components from '../src';
 
 export const gitlabComponents = { ...components, ...chartComponents };
 export const gitlabChartComponents = { ...chartComponents };

package/documentation/components_documentation.js

@@ -9,9 +9,7 @@ export { default as GlFormTextDocumentation } from '../src/components/base/form/
 export { default as GlFormComboboxDocumentation } from '../src/components/base/form/form_combobox/form_combobox.documentation';
 export { default as GlGaugeChartDocumentation } from '../src/components/charts/gauge/gauge.documentation';
 export { default as GlTokenSelectorDocumentation } from '../src/components/base/token_selector/token_selector.documentation';
-export { default as GlNavItemDropdownDocumentation } from '../src/components/base/nav/nav_item_dropdown.documentation';
 export { default as GlNavDocumentation } from '../src/components/base/nav/nav.documentation';
-export { default as GlNavItemDocumentation } from '../src/components/base/nav/nav_item.documentation';
 export { default as GlFormCheckboxTreeDocumentation } from '../src/components/base/form/form_checkbox_tree/form_checkbox_tree.documentation';
 export { default as GlMarkdownDocumentation } from '../src/components/base/markdown/markdown.documentation';
 export { default as GlNavbarDocumentation } from '../src/components/base/navbar/navbar.documentation';

package/documentation/documented_stories.js

@@ -122,6 +122,11 @@ export const setupStorybookReadme = () =>
         'GlIntersectionObserver',
         'GlInfiniteScroll',
         'GlColumnChart',
+        'GlTruncate',
+        'GlNav',
+        'GlNavItem',
+        'GlNavItemDropdown',
+        'GlPopover',
       ],
       components: {
         GlComponentDocumentation,

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@gitlab/ui",
-  "version": "35.0.0",
+  "version": "36.2.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "jsnext:main": "dist/index.js",
+  "source": "src/index.js",
   "sideEffects": [
     "*.css",
     "*.scss"
@@ -17,11 +18,7 @@
     "src",
     "dist",
     "scss_to_js",
-    "documentation",
-    "index.js",
-    "charts.js",
-    "utils.js",
-    "config.js"
+    "documentation"
   ],
   "scripts": {
     "build": "NODE_ENV=production rollup -c",
@@ -85,8 +82,8 @@
     "@arkweid/lefthook": "^0.7.6",
     "@babel/core": "^7.10.2",
     "@babel/preset-env": "^7.10.2",
-    "@gitlab/eslint-plugin": "10.0.1",
-    "@gitlab/stylelint-config": "3.0.0",
+    "@gitlab/eslint-plugin": "10.0.2",
+    "@gitlab/stylelint-config": "4.0.0",
     "@gitlab/svgs": "2.2.0",
     "@rollup/plugin-commonjs": "^11.1.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
@@ -129,7 +126,7 @@
     "npm-run-all": "^4.1.5",
     "pikaday": "^1.8.0",
     "plop": "^2.5.4",
-    "postcss": "^7.0.30",
+    "postcss": "8.4.5",
     "postcss-loader": "^3.0.0",
     "postcss-scss": "^2.1.1",
     "prettier": "2.2.1",
@@ -147,7 +144,7 @@
     "sass-true": "^5.0.0",
     "start-server-and-test": "^1.10.6",
     "storybook-readme": "5.0.9",
-    "stylelint": "13.9.0",
+    "stylelint": "14.3.0",
     "stylelint-config-prettier": "9.0.3",
     "stylelint-prettier": "2.0.0",
     "vue": "^2.6.11",

package/src/charts.js

@@ -0,0 +1,19 @@
+// Add config files
+import setConfigs from './config';
+
+setConfigs();
+
+export { default as GlChart } from './components/charts/chart/chart.vue';
+export { default as GlAreaChart } from './components/charts/area/area.vue';
+export { default as GlBarChart } from './components/charts/bar/bar.vue';
+export { default as GlGaugeChart } from './components/charts/gauge/gauge.vue';
+export { default as GlLineChart } from './components/charts/line/line.vue';
+export { default as GlChartLegend } from './components/charts/legend/legend.vue';
+export { default as GlChartSeriesLabel } from './components/charts/series_label/series_label.vue';
+export { default as GlChartTooltip } from './components/charts/tooltip/tooltip.vue';
+export { default as GlHeatmap } from './components/charts/heatmap';
+export { default as GlColumnChart } from './components/charts/column/column.vue';
+export { default as GlStackedColumnChart } from './components/charts/stacked_column/stacked_column.vue';
+export { default as GlDiscreteScatterChart } from './components/charts/discrete_scatter/discrete_scatter.vue';
+export { default as GlSingleStat } from './components/charts/single_stat/single_stat.vue';
+export { default as GlSparklineChart } from './components/charts/sparkline/sparkline.vue';

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

@@ -1,4 +1,4 @@
-import { GlAlert, GlToggle } from '../../../../index';
+import { GlAlert, GlToggle } from '../../../index';
 import { alertVariantOptions } from '../../../utils/constants';
 import readme from './alert.md';
 

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

@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import { GlAvatar } from '../../../../index';
+import { GlAvatar } from '../../../index';
 import { GlTooltipDirective } from '../../../directives/tooltip';
 import { avatarSizeOptions, avatarShapeOptions, tooltipPlacements } from '../../../utils/constants';
 import readme from './avatar.md';

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

@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import { GlAvatarLabeled, GlBadge } from '../../../../index';
+import { GlAvatarLabeled, GlBadge } from '../../../index';
 import { GlTooltipDirective } from '../../../directives/tooltip';
 import { avatarSizeOptions, avatarShapeOptions, tooltipPlacements } from '../../../utils/constants';
 import readme from './avatar_labeled.md';

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

@@ -1,4 +1,4 @@
-import { GlAvatarLink, GlAvatar, GlAvatarLabeled } from '../../../../index';
+import { GlAvatarLink, GlAvatar, GlAvatarLabeled } from '../../../index';
 import { avatarSizeOptions, avatarShapeOptions } from '../../../utils/constants';
 import readme from './avatar_link.md';
 

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

@@ -1,4 +1,4 @@
-import { GlAvatarsInline, GlAvatar, GlAvatarLink, GlTooltipDirective } from '../../../../index';
+import { GlAvatarsInline, GlAvatar, GlAvatarLink, GlTooltipDirective } from '../../../index';
 import { avatarsInlineSizeOptions } from '../../../utils/constants';
 import readme from './avatars_inline.md';
 

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

@@ -1,5 +1,5 @@
 import iconSpriteInfo from '@gitlab/svgs/dist/icons.json';
-import { GlBadge } from '../../../../index';
+import { GlBadge } from '../../../index';
 import { badgeSizeOptions, badgeVariantOptions } from '../../../utils/constants';
 import readme from './badge.md';
 

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

@@ -1,6 +1,6 @@
 import clusterPopoverSvg from '@gitlab/svgs/dist/illustrations/cluster_popover.svg';
 import serviceDeskCalloutSvg from '@gitlab/svgs/dist/illustrations/service_desk_callout.svg';
-import { GlBanner, GlButton } from '../../../../index';
+import { GlBanner, GlButton } from '../../../index';
 import { bannerVariants } from '../../../utils/constants';
 import readme from './banner.md';
 

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

@@ -1,4 +1,4 @@
-import { GlBreadcrumb } from '../../../../index';
+import { GlBreadcrumb } from '../../../index';
 import readme from './breadcrumb.md';
 
 const template = `

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

@@ -1,5 +1,5 @@
 import iconSpriteInfo from '@gitlab/svgs/dist/icons.json';
-import { GlBroadcastMessage } from '../../../../index';
+import { GlBroadcastMessage } from '../../../index';
 import { colorThemes } from '../../../utils/constants';
 import readme from './broadcast_message.md';
 

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

@@ -1,4 +1,4 @@
-import { GlButton, GlButtonGroup, GlBadge, GlDropdown, GlDropdownItem } from '../../../../index';
+import { GlButton, GlButtonGroup, GlBadge, GlDropdown, GlDropdownItem } from '../../../index';
 import {
   buttonCategoryOptions,
   buttonVariantOptions,

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

@@ -1,4 +1,4 @@
-import { GlButton, GlButtonGroup, GlDropdown, GlDropdownItem } from '../../../../index';
+import { GlButton, GlButtonGroup, GlDropdown, GlDropdownItem } from '../../../index';
 import readme from './button_group.md';
 
 const generateProps = ({ vertical = false } = {}) => ({ vertical });

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

@@ -1,4 +1,4 @@
-import { GlButton, GlCard, GlCollapse } from '../../../../index';
+import { GlButton, GlCard, GlCollapse } from '../../../index';
 import readme from './collapse.md';
 
 const generateProps = ({ visible = false } = {}) => ({ visible });

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

@@ -1,6 +1,6 @@
 import { withKnobs } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlButton } from '../../../../index';
+import { GlButton } from '../../../index';
 import readme from './drawer.md';
 import GlDrawer from './drawer.vue';
 

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

@@ -11,7 +11,7 @@ import {
   GlDropdownForm,
   GlButton,
   GlSearchBoxByType,
-} from '../../../../index';
+} from '../../../index';
 import {
   buttonCategoryOptions,
   buttonSizeOptions,

package/src/components/base/dropdown/dropdown_divider.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlDropdownDivider } from '../../../../index';
+import { GlDropdownDivider } from '../../../index';
 import readme from './dropdown_divider.md';
 
 const components = {

package/src/components/base/dropdown/dropdown_form.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlDropdownForm, GlButton } from '../../../../index';
+import { GlDropdownForm, GlButton } from '../../../index';
 import readme from './dropdown_form.md';
 
 const components = {

package/src/components/base/dropdown/dropdown_item.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlDropdownItem } from '../../../../index';
+import { GlDropdownItem } from '../../../index';
 import readme from './dropdown_item.md';
 
 const components = {

package/src/components/base/dropdown/dropdown_section_header.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlDropdownSectionHeader } from '../../../../index';
+import { GlDropdownSectionHeader } from '../../../index';
 import readme from './dropdown_section_header.md';
 
 const components = {

package/src/components/base/dropdown/dropdown_text.stories.js

@@ -1,6 +1,6 @@
 import { withKnobs } from '@storybook/addon-knobs';
 import { documentedStoriesOf } from '../../../../documentation/documented_stories';
-import { GlDropdownText } from '../../../../index';
+import { GlDropdownText } from '../../../index';
 import readme from './dropdown_text.md';
 
 const components = {

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

@@ -35,6 +35,12 @@ export default {
       additionalInfo:
         'Additional classes to add to the suggestion list menu. NOTE: this not reactive, and the value must be available and fixed when the component is instantiated',
     },
+    searchButtonAttributes: {
+      additionalInfo: 'HTML attributes to add to the search button',
+    },
+    searchInputAttributes: {
+      additionalInfo: 'HTML attributes to add to the search input',
+    },
   },
   events: [
     {