@gitlab/ui 55.3.0 → 55.3.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [55.3.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v55.3.0...v55.3.1) (2023-02-16)
+
+
+### Bug Fixes
+
+* **GlDisclosureDropdown:** Improve markup semantics of dropdown wrapper ([79b1922](https://gitlab.com/gitlab-org/gitlab-ui/commit/79b19229c617904cc300a58d54c6ff04b742bb53))
+
 # [55.3.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v55.2.1...v55.3.0) (2023-02-16)
 
 

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

@@ -0,0 +1,4 @@
+const DISCLOSURE_DROPDOWN_ITEM_NAME = 'GlDisclosureDropdownItem';
+const DISCLOSURE_DROPDOWN_GROUP_NAME = 'GlDisclosureDropdownGroup';
+
+export { DISCLOSURE_DROPDOWN_GROUP_NAME, DISCLOSURE_DROPDOWN_ITEM_NAME };

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

@@ -6,7 +6,7 @@ import { buttonCategoryOptions, dropdownVariantOptions, buttonSizeOptions, dropd
 import GlBaseDropdown from '../base_dropdown/base_dropdown';
 import GlDisclosureDropdownItem, { ITEM_CLASS } from './disclosure_dropdown_item';
 import GlDisclosureDropdownGroup from './disclosure_dropdown_group';
-import { itemsValidator, isAllItems, isAllGroups, isItem } from './utils';
+import { itemsValidator, hasOnlyListItems, isItem } from './utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
@@ -157,21 +157,12 @@ var script = {
     };
   },
   computed: {
-    disclosureOptions() {
-      if (this.items) {
-        if (isAllItems(this.items)) {
-          return {
-            tag: 'ul'
-          };
-        }
-        if (isAllGroups(this.items)) return {
-          tag: 'div',
-          role: 'group'
-        };
+    disclosureTag() {
+      var _this$items;
+      if ((_this$items = this.items) !== null && _this$items !== void 0 && _this$items.length || hasOnlyListItems(this.$scopedSlots)) {
+        return 'ul';
       }
-      return {
-        tag: 'div'
-      };
+      return 'div';
     },
     hasCustomToggle() {
       return Boolean(this.$scopedSlots.toggle);
@@ -265,7 +256,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('gl-base-dropdown',{ref:"baseDropdown",staticClass:"gl-disclosure-dropdown",attrs:{"aria-labelledby":_vm.toggleAriaLabelledBy,"toggle-id":_vm.toggleId,"toggle-text":_vm.toggleText,"toggle-class":_vm.toggleClass,"text-sr-only":_vm.textSrOnly,"category":_vm.category,"variant":_vm.variant,"size":_vm.size,"icon":_vm.icon,"disabled":_vm.disabled,"loading":_vm.loading,"no-caret":_vm.noCaret,"placement":_vm.placement},on:_vm._d({},[_vm.$options.events.GL_DROPDOWN_SHOWN,_vm.onShow,_vm.$options.events.GL_DROPDOWN_HIDDEN,_vm.onHide]),scopedSlots:_vm._u([(_vm.hasCustomToggle)?{key:"toggle",fn:function(){return [_vm._t("toggle")]},proxy:true}:null],null,true)},[_vm._v(" "),_vm._t("header"),_vm._v(" "),_c(_vm.disclosureOptions.tag,{ref:"content",tag:"component",staticClass:"gl-new-dropdown-contents",attrs:{"id":_vm.disclosureId,"role":_vm.disclosureOptions.role,"aria-labelledby":_vm.listAriaLabelledBy || _vm.toggleId,"data-testid":"disclosure-content","tabindex":"-1"},on:{"keydown":_vm.onKeydown}},[_vm._t("default",function(){return [_vm._l((_vm.items),function(item,index){return [(_vm.isItem(item))?[_c('gl-disclosure-dropdown-item',{key:item.text,attrs:{"item":item},on:{"action":_vm.handleAction}},[_vm._t("list-item",null,{"item":item})],2)]:[_c('gl-disclosure-dropdown-group',{key:item.name,attrs:{"bordered":index !== 0,"group":item},on:{"action":_vm.handleAction},scopedSlots:_vm._u([(_vm.$scopedSlots['group-label'])?{key:"group-label",fn:function(){return [_vm._t("group-label",null,{"group":item})]},proxy:true}:null],null,true)},[_vm._v(" "),(_vm.$scopedSlots['list-item'])?_vm._l((item.items),function(groupItem){return _c('gl-disclosure-dropdown-item',{key:groupItem.text,attrs:{"item":groupItem},on:{"action":_vm.handleAction}},[_vm._t("list-item",null,{"item":groupItem})],2)}):_vm._e()],2)]]})]})],2),_vm._v(" "),_vm._t("footer")],2)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-base-dropdown',{ref:"baseDropdown",staticClass:"gl-disclosure-dropdown",attrs:{"aria-labelledby":_vm.toggleAriaLabelledBy,"toggle-id":_vm.toggleId,"toggle-text":_vm.toggleText,"toggle-class":_vm.toggleClass,"text-sr-only":_vm.textSrOnly,"category":_vm.category,"variant":_vm.variant,"size":_vm.size,"icon":_vm.icon,"disabled":_vm.disabled,"loading":_vm.loading,"no-caret":_vm.noCaret,"placement":_vm.placement},on:_vm._d({},[_vm.$options.events.GL_DROPDOWN_SHOWN,_vm.onShow,_vm.$options.events.GL_DROPDOWN_HIDDEN,_vm.onHide]),scopedSlots:_vm._u([(_vm.hasCustomToggle)?{key:"toggle",fn:function(){return [_vm._t("toggle")]},proxy:true}:null],null,true)},[_vm._v(" "),_vm._t("header"),_vm._v(" "),_c(_vm.disclosureTag,{ref:"content",tag:"component",staticClass:"gl-new-dropdown-contents",attrs:{"id":_vm.disclosureId,"aria-labelledby":_vm.listAriaLabelledBy || _vm.toggleId,"data-testid":"disclosure-content","tabindex":"-1"},on:{"keydown":_vm.onKeydown}},[_vm._t("default",function(){return [_vm._l((_vm.items),function(item,index){return [(_vm.isItem(item))?[_c('gl-disclosure-dropdown-item',{key:item.text,attrs:{"item":item},on:{"action":_vm.handleAction}},[_vm._t("list-item",null,{"item":item})],2)]:[_c('gl-disclosure-dropdown-group',{key:item.name,attrs:{"bordered":index !== 0,"group":item},on:{"action":_vm.handleAction},scopedSlots:_vm._u([(_vm.$scopedSlots['group-label'])?{key:"group-label",fn:function(){return [_vm._t("group-label",null,{"group":item})]},proxy:true}:null],null,true)},[_vm._v(" "),(_vm.$scopedSlots['list-item'])?_vm._l((item.items),function(groupItem){return _c('gl-disclosure-dropdown-item',{key:groupItem.text,attrs:{"item":groupItem},on:{"action":_vm.handleAction}},[_vm._t("list-item",null,{"item":groupItem})],2)}):_vm._e()],2)]]})]})],2),_vm._v(" "),_vm._t("footer")],2)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

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

@@ -1,10 +1,12 @@
 import _uniqueId from 'lodash/uniqueId';
 import GlDisclosureDropdownItem from './disclosure_dropdown_item';
 import { isGroup } from './utils';
+import { DISCLOSURE_DROPDOWN_GROUP_NAME } from './constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const GROUP_TOP_BORDER_CLASSES = 'gl-border-t gl-pt-2 gl-mt-2';
 var script = {
+  name: DISCLOSURE_DROPDOWN_GROUP_NAME,
   components: {
     GlDisclosureDropdownItem
   },
@@ -54,7 +56,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',{class:_vm.borderClass},[(_vm.showHeader)?_c('div',{staticClass:"gl-pl-4 gl-py-2 gl-font-sm gl-font-weight-bold",attrs:{"id":_vm.nameId,"aria-hidden":"true"}},[_vm._t("group-label",function(){return [_vm._v(_vm._s(_vm.group.name))]})],2):_vm._e(),_vm._v(" "),_c('ul',{staticClass:"gl-mb-0 gl-pl-0 gl-list-style-none",attrs:{"role":"group","aria-labelledby":_vm.groupLabeledBy}},[_vm._t("default",function(){return _vm._l((_vm.group.items),function(item){return _c('gl-disclosure-dropdown-item',{key:item.text,attrs:{"item":item},on:{"action":_vm.handleAction}},[_vm._t("list-item",null,{"item":item})],2)})})],2)])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:_vm.borderClass},[(_vm.showHeader)?_c('div',{staticClass:"gl-pl-4 gl-py-2 gl-font-sm gl-font-weight-bold",attrs:{"id":_vm.nameId,"aria-hidden":"true"}},[_vm._t("group-label",function(){return [_vm._v(_vm._s(_vm.group.name))]})],2):_vm._e(),_vm._v(" "),_c('ul',{staticClass:"gl-mb-0 gl-pl-0 gl-list-style-none",attrs:{"role":"group","aria-labelledby":_vm.groupLabeledBy}},[_vm._t("default",function(){return _vm._l((_vm.group.items),function(item){return _c('gl-disclosure-dropdown-item',{key:item.text,attrs:{"item":item},on:{"action":_vm.handleAction}},[_vm._t("list-item",null,{"item":item})],2)})})],2)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

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

@@ -1,10 +1,12 @@
 import { ENTER, SPACE } from '../constants';
 import { stopEvent } from '../../../../utils/utils';
 import { isItem } from './utils';
+import { DISCLOSURE_DROPDOWN_ITEM_NAME } from './constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const ITEM_CLASS = 'gl-new-dropdown-item';
 var script = {
+  name: DISCLOSURE_DROPDOWN_ITEM_NAME,
   ITEM_CLASS,
   props: {
     item: {

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

@@ -1,3 +1,6 @@
+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);
@@ -5,7 +8,24 @@ const itemValidator = item => {
 const isItem = item => Boolean(item) && itemValidator(item);
 const isGroup = group => Boolean(group) && Array.isArray(group.items) && Boolean(group.items.length) && group.items.every(isItem);
 const itemsValidator = items => items.every(isItem) || items.every(isGroup);
-const isAllItems = items => items.every(isItem);
-const isAllGroups = items => 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();
+  return Array.isArray(nodes) && nodes.filter(vNode => vNode.tag).length && (nodes.filter(vNode => vNode.tag).every(isValidSlotTagVue2) || nodes.filter(vNode => vNode.tag).every(isValidSlotTag));
+};
 
-export { isAllGroups, isAllItems, isGroup, isItem, itemsValidator };
+export { hasOnlyListItems, isGroup, isItem, itemsValidator };

package/package.json

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

package/src/components/base/new_dropdowns/disclosure/constants.js

@@ -0,0 +1,2 @@
+export const DISCLOSURE_DROPDOWN_ITEM_NAME = 'GlDisclosureDropdownItem';
+export const DISCLOSURE_DROPDOWN_GROUP_NAME = 'GlDisclosureDropdownGroup';

package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.spec.js

@@ -22,6 +22,7 @@ describe('GlDisclosureDropdown', () => {
   const buildWrapper = (propsData, slots = {}) => {
     wrapper = mount(GlDisclosureDropdown, {
       propsData,
+      components: { GlDisclosureDropdownItem, GlDisclosureDropdownGroup },
       slots,
       attachTo: document.body,
     });
@@ -216,23 +217,65 @@ describe('GlDisclosureDropdown', () => {
     });
   });
 
-  describe('disclosure options', () => {
-    it('should render the `ul` as content tag and not add `role` attribute when it is a list of items only', () => {
+  describe('disclosure tag', () => {
+    it('should render `ul` as content tag when items is a list of items', () => {
       buildWrapper({ items: mockItems });
       expect(findDisclosureContent().element.tagName).toBe('UL');
-      expect(findDisclosureContent().attributes('role')).toBeUndefined();
     });
 
-    it('should render the `div` as content tag and add `role` attribute when it is a list of groups', () => {
+    it('should render `ul` as content tag when items is a list of groups', () => {
       buildWrapper({ items: mockGroups });
+      expect(findDisclosureContent().element.tagName).toBe('UL');
+    });
+
+    it('should render `ul` as content tag when default slot contains only groups', () => {
+      const slots = {
+        default: `
+          <gl-disclosure-dropdown-group>
+            <gl-disclosure-dropdown-item>Item</gl-disclosure-dropdown-item>
+            <gl-disclosure-dropdown-item>Item</gl-disclosure-dropdown-item>
+          </gl-disclosure-dropdown-group>
+          <gl-disclosure-dropdown-group>
+            <gl-disclosure-dropdown-item>Item</gl-disclosure-dropdown-item>
+          </gl-disclosure-dropdown-group>
+        `,
+      };
+
+      buildWrapper({}, slots);
+      expect(findDisclosureContent().element.tagName).toBe('UL');
+    });
+
+    it('should render `ul` as content tag when default slot contains only items', () => {
+      const slots = {
+        default: `
+          <gl-disclosure-dropdown-item>Item</gl-disclosure-dropdown-item>
+          <gl-disclosure-dropdown-item>Item</gl-disclosure-dropdown-item>
+          <gl-disclosure-dropdown-item>Item</gl-disclosure-dropdown-item>
+        `,
+      };
+
+      buildWrapper({}, slots);
+      expect(findDisclosureContent().element.tagName).toBe('UL');
+    });
+
+    it('should render `div` as content tag when default slot does not contain valid list item', () => {
+      const slots = {
+        default: `
+          <div>Item</div>
+          <gl-disclosure-dropdown-group>
+            <gl-disclosure-dropdown-item>Item</gl-disclosure-dropdown-item>
+            <gl-disclosure-dropdown-item>Item</gl-disclosure-dropdown-item>
+          </gl-disclosure-dropdown-group>
+        `,
+      };
+
+      buildWrapper({}, slots);
       expect(findDisclosureContent().element.tagName).toBe('DIV');
-      expect(findDisclosureContent().attributes('role')).toBe('group');
     });
 
-    it('should render the `div` as content tag and NOT add `role` otherwise', () => {
-      buildWrapper({ items: null }, { default: 'Some other content' });
+    it('should render `div` as content tag when slot is not a list item', () => {
+      buildWrapper({}, { default: 'Some other content' });
       expect(findDisclosureContent().element.tagName).toBe('DIV');
-      expect(findDisclosureContent().attributes('role')).toBeUndefined();
     });
   });
 });

package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.stories.js

@@ -52,13 +52,16 @@ function openDisclosure(component) {
   });
 }
 
-const template = (content, { bindingOverrides = {} } = {}) => `
+const template = (content, { bindingOverrides = {} } = {}, after) => `
+  <div>
     <gl-disclosure-dropdown
       ref="disclosure"
       ${makeBindings(bindingOverrides)}
     >
       ${content || ''}
     </gl-disclosure-dropdown>
+    ${after || ''}
+  </div>
 `;
 
 const TOGGLE_ID = 'custom-toggle-id';
@@ -217,15 +220,14 @@ CustomGroupsAndItems.args = {
 CustomGroupsAndItems.decorators = [makeContainer({ height: '200px' })];
 
 export const CustomGroupsItemsAndToggle = makeGroupedExample({
-  template: template(`
-    <template #toggle>
-      <span class="gl-sr-only">
-        Orange Fox user's menu
-      </span>
-      <gl-avatar :size="32" entity-name="Orange Fox" aria-hidden="true"></gl-avatar>
-    </template>
-
-    <div role="group">
+  template: template(
+    `
+      <template #toggle>
+        <span class="gl-sr-only">
+          Orange Fox user's menu
+        </span>
+        <gl-avatar :size="32" entity-name="Orange Fox" aria-hidden="true"></gl-avatar>
+      </template>
       <gl-disclosure-dropdown-group>
         <gl-disclosure-dropdown-item>
           <span class="gl-display-flex gl-flex-direction-column">
@@ -256,15 +258,18 @@ export const CustomGroupsItemsAndToggle = makeGroupedExample({
           <gl-toggle label="New navigation" label-position="left" v-model="newNavigation"/>
         </gl-disclosure-dropdown-item>
         <gl-disclosure-dropdown-item @action="toggleModalVisibility(true)">
-          <a>Provide feedback</a>
+          Provide feedback
         </gl-disclosure-dropdown-item>
       </gl-disclosure-dropdown-group>
       <gl-disclosure-dropdown-group bordered :group="$options.groups[1]"> </gl-disclosure-dropdown-group>
+    `,
+    {},
+    `
       <gl-modal :visible="feedBackModalVisible" @change="toggleModalVisibility" modal-id="feedbackModal" size="sm">
         <textarea class="gl-w-full">Tell us what you think!</textarea>
       </gl-modal>
-    </div>
-  `),
+    `
+  ),
   data() {
     return {
       newNavigation: true,

package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.vue

@@ -19,7 +19,7 @@ import {
 import GlBaseDropdown from '../base_dropdown/base_dropdown.vue';
 import GlDisclosureDropdownItem, { ITEM_CLASS } from './disclosure_dropdown_item.vue';
 import GlDisclosureDropdownGroup from './disclosure_dropdown_group.vue';
-import { itemsValidator, isItem, isAllItems, isAllGroups } from './utils';
+import { itemsValidator, isItem, hasOnlyListItems } from './utils';
 
 export default {
   events: {
@@ -169,22 +169,11 @@ export default {
     };
   },
   computed: {
-    disclosureOptions() {
-      if (this.items) {
-        if (isAllItems(this.items)) {
-          return {
-            tag: 'ul',
-          };
-        }
-
-        if (isAllGroups(this.items))
-          return {
-            tag: 'div',
-            role: 'group',
-          };
+    disclosureTag() {
+      if (this.items?.length || hasOnlyListItems(this.$scopedSlots)) {
+        return 'ul';
       }
-
-      return { tag: 'div' };
+      return 'div';
     },
     hasCustomToggle() {
       return Boolean(this.$scopedSlots.toggle);
@@ -305,10 +294,9 @@ export default {
     <slot name="header"></slot>
 
     <component
-      :is="disclosureOptions.tag"
+      :is="disclosureTag"
       :id="disclosureId"
       ref="content"
-      :role="disclosureOptions.role"
       :aria-labelledby="listAriaLabelledBy || toggleId"
       data-testid="disclosure-content"
       class="gl-new-dropdown-contents"

package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.vue

@@ -2,10 +2,12 @@
 import { uniqueId } from 'lodash';
 import GlDisclosureDropdownItem from './disclosure_dropdown_item.vue';
 import { isGroup } from './utils';
+import { DISCLOSURE_DROPDOWN_GROUP_NAME } from './constants';
 
 export const GROUP_TOP_BORDER_CLASSES = 'gl-border-t gl-pt-2 gl-mt-2';
 
 export default {
+  name: DISCLOSURE_DROPDOWN_GROUP_NAME,
   components: {
     GlDisclosureDropdownItem,
   },
@@ -52,7 +54,7 @@ export default {
 </script>
 
 <template>
-  <div :class="borderClass">
+  <li :class="borderClass">
     <div
       v-if="showHeader"
       :id="nameId"
@@ -73,5 +75,5 @@ export default {
         </gl-disclosure-dropdown-item>
       </slot>
     </ul>
-  </div>
+  </li>
 </template>

package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.vue

@@ -2,10 +2,12 @@
 import { ENTER, SPACE } from '../constants';
 import { stopEvent } from '../../../../utils/utils';
 import { isItem } from './utils';
+import { DISCLOSURE_DROPDOWN_ITEM_NAME } from './constants';
 
 export const ITEM_CLASS = 'gl-new-dropdown-item';
 
 export default {
+  name: DISCLOSURE_DROPDOWN_ITEM_NAME,
   ITEM_CLASS,
   props: {
     item: {

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

@@ -1,3 +1,6 @@
+import { isFunction } from 'lodash';
+import { DISCLOSURE_DROPDOWN_ITEM_NAME, DISCLOSURE_DROPDOWN_GROUP_NAME } from './constants';
+
 const itemValidator = (item) => item?.text?.length > 0 && !Array.isArray(item?.items);
 
 const isItem = (item) => Boolean(item) && itemValidator(item);
@@ -10,8 +13,30 @@ const isGroup = (group) =>
 
 const itemsValidator = (items) => items.every(isItem) || items.every(isGroup);
 
-const isAllItems = (items) => items.every(isItem);
+const isListItem = (tag) =>
+  ['gl-disclosure-dropdown-group', 'gl-disclosure-dropdown-item', 'li'].includes(tag);
+
+const isValidSlotTagVue2 = (vNode) =>
+  Boolean(vNode) && isListItem(vNode.componentOptions?.tag || vNode.tag);
+
+const isValidSlotTag = (vNode) => {
+  return (
+    [DISCLOSURE_DROPDOWN_ITEM_NAME, DISCLOSURE_DROPDOWN_GROUP_NAME].includes(vNode.type?.name) ||
+    vNode.type === 'li'
+  );
+};
 
-const isAllGroups = (items) => items.every(isGroup);
+const hasOnlyListItems = ({ default: defaultSlot }) => {
+  if (!isFunction(defaultSlot)) {
+    return false;
+  }
+  const nodes = defaultSlot();
+  return (
+    Array.isArray(nodes) &&
+    nodes.filter((vNode) => vNode.tag).length &&
+    (nodes.filter((vNode) => vNode.tag).every(isValidSlotTagVue2) ||
+      nodes.filter((vNode) => vNode.tag).every(isValidSlotTag))
+  );
+};
 
-export { itemsValidator, isItem, isGroup, isAllItems, isAllGroups };
+export { itemsValidator, isItem, isGroup, hasOnlyListItems };