@gitlab/ui 38.1.0 → 38.3.0

package/src/components/base/dropdown/examples/dropdown.with_search.example.vue

@@ -1,38 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      searchTerm: '',
-      tagNames: [],
-    };
-  },
-
-  computed: {
-    filteredTagNames() {
-      return this.tagNames.filter((tagName) => tagName.includes(this.searchTerm.toLowerCase()));
-    },
-    filteredTagNamesLength() {
-      return this.filteredTagNames.length === 0;
-    },
-  },
-
-  mounted() {
-    const tagNames = new Set();
-    const elements = document.querySelectorAll('*');
-    elements.forEach((element) => tagNames.add(element.tagName.toLowerCase()));
-    this.tagNames = Array.from(tagNames).sort();
-  },
-};
-</script>
-
-<template>
-  <gl-dropdown text="Select HTML tag" header-text="Header">
-    <template #header>
-      <gl-search-box-by-type v-model.trim="searchTerm" />
-    </template>
-    <gl-dropdown-item v-for="tagName in filteredTagNames" :key="tagName">
-      {{ tagName }}
-    </gl-dropdown-item>
-    <div v-show="filteredTagNamesLength" class="text-secondary p-2">Nothing found…</div>
-  </gl-dropdown>
-</template>

package/src/components/base/dropdown/examples/dropdown.with_section_headers.example.vue

@@ -1,10 +0,0 @@
-<template>
-  <gl-dropdown text="Some dropdown">
-    <gl-dropdown-section-header>First group</gl-dropdown-section-header>
-    <gl-dropdown-item>First item</gl-dropdown-item>
-    <gl-dropdown-item>Second item</gl-dropdown-item>
-    <gl-dropdown-divider />
-    <gl-dropdown-section-header>Second group</gl-dropdown-section-header>
-    <gl-dropdown-item>Last item</gl-dropdown-item>
-  </gl-dropdown>
-</template>

package/src/components/base/dropdown/examples/index.js

@@ -1,99 +0,0 @@
-import DropdownDefaultExample from './dropdown.default.example.vue';
-import DropdownLinksExample from './dropdown.links.example.vue';
-import DropdownWithAvatarAndSecondaryText from './dropdown.with_avatar_and_secondary_text.example.vue';
-import DropdownWithCheckedItemsExample from './dropdown.with_checked_items.example.vue';
-import DropdownClearAllExample from './dropdown.with_clear_all.example.vue';
-import DropdownWithDividerExample from './dropdown.with_divider.example.vue';
-import DropdownWithFormExample from './dropdown.with_form.example.vue';
-import DropdownWithHeaderExample from './dropdown.with_header.example.vue';
-import DropdownWithHighlightedItemsExample from './dropdown.with_highlighted_items.example.vue';
-import DropdownWithIcons from './dropdown.with_icons.example.vue';
-import DropdownWithRightAlignExample from './dropdown.with_right_align.example.vue';
-import DropdownWithSearchExample from './dropdown.with_search.example.vue';
-import DropdownWithSectionHeadersExample from './dropdown.with_section_headers.example.vue';
-
-export default [
-  {
-    name: 'Dropdown',
-    items: [
-      {
-        id: 'new-dropdown-default',
-        name: 'Default',
-        description: 'Default Dropdown',
-        component: DropdownDefaultExample,
-      },
-      {
-        id: 'new-dropdown-links',
-        name: 'With Links',
-        description: 'Dropdown with links as items',
-        component: DropdownLinksExample,
-      },
-      {
-        id: 'new-dropdown-with-divider',
-        name: 'With Divider',
-        description: 'Dropdown with divider',
-        component: DropdownWithDividerExample,
-      },
-      {
-        id: 'new-dropdown-with-header',
-        name: 'With Header',
-        description: 'Dropdown with section header',
-        component: DropdownWithHeaderExample,
-      },
-      {
-        id: 'new-dropdown-with-highlighted-items',
-        name: 'With Highlighted items',
-        description: 'Dropdown with highlighted items',
-        component: DropdownWithHighlightedItemsExample,
-      },
-      {
-        id: 'new-dropdown-with-section-headers',
-        name: 'With Section Headers',
-        description: 'Dropdown with section headers',
-        component: DropdownWithSectionHeadersExample,
-      },
-      {
-        id: 'new-dropdown-with-right-align',
-        name: 'With Right Alignment',
-        description: 'Dropdown aligned to the right side',
-        component: DropdownWithRightAlignExample,
-      },
-      {
-        id: 'new-dropdown-with-search',
-        name: 'With Search',
-        description: 'Dropdown with search field',
-        component: DropdownWithSearchExample,
-      },
-      {
-        id: 'new-dropdown-with-checked-items',
-        name: 'With Checked Items',
-        description: 'Dropdown with checked items',
-        component: DropdownWithCheckedItemsExample,
-      },
-      {
-        id: 'new-dropdown-with-avatar-and-secondary-text',
-        name: 'With Avatar and Secondary Text',
-        description: 'Dropdown with avatar and secondary text',
-        component: DropdownWithAvatarAndSecondaryText,
-      },
-      {
-        id: 'new-dropdown-with-icons',
-        name: 'With Icons',
-        description: 'Dropdown with icons',
-        component: DropdownWithIcons,
-      },
-      {
-        id: 'new-dropdown-with-form',
-        name: 'With Form',
-        description: 'Dropdown with form',
-        component: DropdownWithFormExample,
-      },
-      {
-        id: 'new-dropdown-with-clear-all',
-        name: 'With Clear all',
-        description: 'Dropdown with clear all',
-        component: DropdownClearAllExample,
-      },
-    ],
-  },
-];

package/src/components/base/form/form_checkbox_tree/examples/form_checkbox_tree.basic.example.vue

@@ -1,77 +0,0 @@
-<template>
-  <gl-form-checkbox-tree
-    :value="[1, 11, 12, 121, 122, 2113, 3]"
-    :options="[
-      {
-        value: 1,
-        label: 'Felidae',
-        children: [
-          {
-            value: 11,
-            label: 'Lion',
-          },
-          {
-            value: 12,
-            label: 'Felinae',
-            children: [
-              {
-                value: 121,
-                label: 'Cheetah',
-              },
-              {
-                value: 122,
-                label: 'Ocelot',
-              },
-            ],
-          },
-        ],
-      },
-      {
-        value: 2,
-        label: 'Canidae',
-        children: [
-          {
-            value: 21,
-            label: 'Caninae',
-            children: [
-              {
-                value: 211,
-                label: 'Canis lupus',
-                children: [
-                  {
-                    value: 2112,
-                    label: 'Wolf',
-                  },
-                  {
-                    value: 2113,
-                    label: 'Himalayan wolf',
-                  },
-                  {
-                    value: 2114,
-                    label: 'Dingo',
-                  },
-                ],
-              },
-              {
-                value: 212,
-                label: 'Black-backed jackal',
-              },
-            ],
-          },
-          {
-            value: 22,
-            label: 'Fennec fox',
-          },
-        ],
-      },
-      {
-        value: 3,
-        label: 'Karabair',
-      },
-      {
-        value: 4,
-        label: 'Okapi',
-      },
-    ]"
-  />
-</template>

package/src/components/base/form/form_checkbox_tree/examples/index.js

@@ -1,15 +0,0 @@
-import BasicExample from './form_checkbox_tree.basic.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'form-checkbox-tree-basic',
-        name: 'Basic',
-        description: 'Basic Form Checkbox Tree',
-        component: BasicExample,
-      },
-    ],
-  },
-];