@gitlab/ui 37.3.0 → 37.4.0

package/src/components/base/search_box_by_click/examples/search_box_by_click.default.example.vue

@@ -1,14 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      value: '',
-    };
-  },
-};
-</script>
-<template>
-  <div id="tooltipcontainer">
-    <gl-search-box-by-click v-model="value" tooltip-container="#tooltipcontainer" />
-  </div>
-</template>

package/src/components/base/search_box_by_click/examples/search_box_by_click.history.example.vue

@@ -1,23 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      value: '',
-      history: ['author:@admin', 'assignee:@admin milestone:%12.5', 'label:~test'],
-    };
-  },
-};
-</script>
-<template>
-  <div id="tooltipcontainer">
-    <gl-search-box-by-click
-      v-model="value"
-      :history-items="history"
-      tooltip-container="#tooltipcontainer"
-    >
-      <template #history-item="{ historyItem }">
-        {{ historyItem }}
-      </template>
-    </gl-search-box-by-click>
-  </div>
-</template>

package/src/components/base/search_box_by_click/examples/search_box_by_click.v_model.example.vue

@@ -1,23 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      text: '',
-    };
-  },
-  methods: {
-    setText() {
-      this.text = 'Something else';
-    },
-  },
-};
-</script>
-
-<template>
-  <div id="tooltipcontainer">
-    <gl-search-box-by-click v-model="text" tooltip-container="#tooltipcontainer" />
-    <gl-button class="gl-mt-4" @click="setText"
-      >Click here to set text to "Something else" using v-model</gl-button
-    >
-  </div>
-</template>

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

@@ -1,20 +0,0 @@
-import SearchBoxByTypeDefaultExample from './search_box_by_type.default.example.vue';
-import SearchBoxByTypeLoadingExample from './search_box_by_type.loading.example.vue';
-
-export default [
-  {
-    name: 'Search Box By Type',
-    items: [
-      {
-        id: 'search-box-by-type',
-        name: 'default',
-        component: SearchBoxByTypeDefaultExample,
-      },
-      {
-        id: 'search-box-by-type-loading',
-        name: 'loading',
-        component: SearchBoxByTypeLoadingExample,
-      },
-    ],
-  },
-];

package/src/components/base/search_box_by_type/examples/search_box_by_type.default.example.vue

@@ -1,14 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      value: '',
-    };
-  },
-};
-</script>
-<template>
-  <div id="tooltipcontainer">
-    <gl-search-box-by-type v-model="value" tooltip-container="#tooltipcontainer" />
-  </div>
-</template>

package/src/components/base/search_box_by_type/examples/search_box_by_type.loading.example.vue

@@ -1,34 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      value: '',
-      isLoading: false,
-    };
-  },
-  watch: {
-    value(newValue) {
-      if (newValue) {
-        clearTimeout(this.loader);
-        this.isLoading = true;
-        this.loader = setTimeout(() => {
-          this.isLoading = false;
-        }, 2000);
-      } else if (this.loader) {
-        this.isLoading = false;
-        clearTimeout(this.loader);
-        this.loader = null;
-      }
-    },
-  },
-};
-</script>
-<template>
-  <div id="tooltipcontainer">
-    <gl-search-box-by-type
-      v-model="value"
-      :is-loading="isLoading"
-      tooltip-container="#tooltipcontainer"
-    />
-  </div>
-</template>

package/src/directives/resize_observer/examples/index.js

@@ -1,14 +0,0 @@
-import BasicExample from './resize_observer.basic.example.vue';
-
-export default [
-  {
-    name: 'ResizeObserver directive',
-    items: [
-      {
-        id: 'resize-observer-directive-example',
-        name: 'ResizeObserver directive example',
-        component: BasicExample,
-      },
-    ],
-  },
-];

package/src/directives/resize_observer/examples/resize_observer.basic.example.vue

@@ -1,21 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      width: 0,
-      height: 0,
-    };
-  },
-  methods: {
-    handleResize({ contentRect: { width, height } }) {
-      this.width = width;
-      this.height = height;
-    },
-  },
-};
-</script>
-<template>
-  <div v-gl-resize-observer-directive="handleResize">
-    <p>{{ width }} x {{ height }}</p>
-  </div>
-</template>