@gitlab/ui 72.12.0 → 72.12.1

package/dist/components/base/new_dropdowns/disclosure/mock_data.js

@@ -0,0 +1,147 @@
+const mockItems = [{
+  text: 'Mark as draft',
+  href: 'https://gitlab.com',
+  extraAttrs: {
+    target: '_blank',
+    rel: 'nofollow',
+    'data-method': 'put'
+  }
+}, {
+  text: 'Close merge request',
+  action: () => {
+    // eslint-disable-next-line no-console
+    console.log('CLOSED');
+  },
+  extraAttrs: {
+    class: 'gl-text-red-500!',
+    rel: 'nofollow',
+    'data-method': 'put'
+  }
+}, {
+  text: 'Create new',
+  href: 'https://gitlab.com/gitlab-org/gitlab/-/merge_requests/new',
+  extraAttrs: {
+    rel: 'nofollow',
+    target: '_blank'
+  }
+}];
+const mockItemsCustomItem = [{
+  text: 'Assigned to you',
+  href: 'https://gitlab.com/dashboard/merge_requests?assignee_username=root',
+  count: '2',
+  extraAttrs: {
+    target: '_blank',
+    rel: 'nofollow'
+  }
+}, {
+  text: 'Review requests from you',
+  href: 'https://gitlab.com/dashboard/merge_requests?reviewer_username=root',
+  count: 0,
+  extraAttrs: {
+    target: '_blank',
+    rel: 'nofollow'
+  }
+}, {
+  text: 'I am only visible on mobile!',
+  action: () => {
+    // eslint-disable-next-line no-console
+    console.log('clicked!');
+  },
+  wrapperClass: 'gl-sm-display-none!'
+}];
+const mockGroupsCustomItem = [{
+  name: 'Merge requests',
+  items: [{
+    text: 'Assigned to you',
+    href: 'https://gitlab.com/dashboard/merge_requests?assignee_username=root',
+    count: 1
+  }, {
+    text: 'Review requests from you',
+    href: 'https://gitlab.com/dashboard/merge_requests?reviewer_username=root',
+    count: 4
+  }]
+}];
+const mockGroups = [{
+  name: 'This project',
+  items: [{
+    text: 'New issue',
+    href: 'https://gitlab.com/gitlab-org/gitlab/-/issues/new',
+    extraAttrs: {
+      target: '_blank',
+      rel: 'nofollow'
+    }
+  }, {
+    text: 'New merge request',
+    href: 'https://gitlab.com/gitlab-org/gitlab/-/merge_requests/new',
+    extraAttrs: {
+      target: '_blank',
+      rel: 'nofollow'
+    }
+  }, {
+    text: 'New snippet',
+    href: 'https://gitlab.com/gitlab-org/gitlab/-/snippets/new',
+    extraAttrs: {
+      target: '_blank',
+      rel: 'nofollow'
+    }
+  }]
+}, {
+  name: 'GitLab',
+  items: [{
+    text: 'New project',
+    href: 'https://gitlab.com/projects/new',
+    extraAttrs: {
+      target: '_blank',
+      rel: 'nofollow'
+    }
+  }, {
+    text: 'New group',
+    href: 'https://gitlab.com/groups/new',
+    extraAttrs: {
+      target: '_blank',
+      rel: 'nofollow'
+    }
+  }, {
+    text: 'New snippet',
+    href: 'https://gitlab.com/snippets/new',
+    extraAttrs: {
+      target: '_blank',
+      rel: 'nofollow'
+    }
+  }]
+}];
+const mockProfileGroups = [{
+  items: [{
+    text: 'Set status',
+    href: 'https://gitlab.com',
+    icon: 'status_success',
+    extraAttrs: {
+      target: '_blank',
+      rel: 'nofollow'
+    }
+  }, {
+    text: 'Edit profile',
+    href: '#',
+    extraAttrs: {
+      target: '_blank',
+      rel: 'nofollow'
+    }
+  }, {
+    text: 'Preferences',
+    href: '#',
+    extraAttrs: {
+      target: '_blank',
+      rel: 'nofollow'
+    }
+  }]
+}, {
+  items: [{
+    text: 'Sign out',
+    action: () => {
+      // eslint-disable-next-line no-alert
+      window.confirm('Are you sure?');
+    }
+  }]
+}];
+
+export { mockGroups, mockGroupsCustomItem, mockItems, mockItemsCustomItem, mockProfileGroups };

package/dist/components/base/new_dropdowns/disclosure/utils.js

@@ -0,0 +1,39 @@
+import isFunction from 'lodash/isFunction';
+import { DISCLOSURE_DROPDOWN_ITEM_NAME, DISCLOSURE_DROPDOWN_GROUP_NAME } from './constants';
+
+const itemValidator = item => {
+  var _item$text;
+  return (item === null || item === void 0 ? void 0 : (_item$text = item.text) === null || _item$text === void 0 ? void 0 : _item$text.length) > 0 && !Array.isArray(item === null || item === void 0 ? void 0 : item.items);
+};
+const isItem = item => Boolean(item) && itemValidator(item);
+const isGroup = group => Boolean(group) && Array.isArray(group.items) && Boolean(group.items.length) &&
+// eslint-disable-next-line unicorn/no-array-callback-reference
+group.items.every(isItem);
+
+// eslint-disable-next-line unicorn/no-array-callback-reference
+const itemsValidator = items => items.every(isItem) || items.every(isGroup);
+const isListItem = tag => ['gl-disclosure-dropdown-group', 'gl-disclosure-dropdown-item', 'li'].includes(tag);
+const isValidSlotTagVue2 = vNode => {
+  var _vNode$componentOptio;
+  return Boolean(vNode) && isListItem(((_vNode$componentOptio = vNode.componentOptions) === null || _vNode$componentOptio === void 0 ? void 0 : _vNode$componentOptio.tag) || vNode.tag);
+};
+const isValidSlotTag = vNode => {
+  var _vNode$type;
+  return [DISCLOSURE_DROPDOWN_ITEM_NAME, DISCLOSURE_DROPDOWN_GROUP_NAME].includes((_vNode$type = vNode.type) === null || _vNode$type === void 0 ? void 0 : _vNode$type.name) || vNode.type === 'li';
+};
+const hasOnlyListItems = _ref => {
+  let {
+    default: defaultSlot
+  } = _ref;
+  if (!isFunction(defaultSlot)) {
+    return false;
+  }
+  const nodes = defaultSlot();
+  if (!Array.isArray(nodes)) {
+    return false;
+  }
+  const tags = nodes.filter(vNode => vNode.tag);
+  return tags.length && tags.every(tag => isValidSlotTag(tag) || isValidSlotTagVue2(tag));
+};
+
+export { hasOnlyListItems, isGroup, isItem, itemsValidator };