@gitlab/ui 32.17.0 → 32.20.0

package/dist/components/base/form/form_checkbox/examples/form_checkbox_group.options_array.example.js

@@ -1,58 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      selected: [],
-      options: ['String option', {
-        text: 'Object option',
-        value: 'object'
-      }, {
-        html: '<i>HTML</i> option',
-        value: 'html'
-      }, {
-        text: 'Disabled option',
-        disabled: true
-      }]
-    };
-  }
-
-};
-
-/* 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-form-checkbox-group',{attrs:{"options":_vm.options},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v;},expression:"selected"}})};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/base/form/form_checkbox/examples/form_checkbox_group.slots.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-form-checkbox-group',[_c('gl-form-checkbox',[_vm._v("One")]),_vm._v(" "),_c('gl-form-checkbox',{scopedSlots:_vm._u([{key:"help",fn:function(){return [_vm._v("Help text")]},proxy:true}])},[_vm._v("\n    Two\n    ")]),_vm._v(" "),_c('gl-form-checkbox',[_vm._v("Three")]),_vm._v(" "),_c('gl-form-checkbox',{attrs:{"disabled":""}},[_vm._v("Disabled option")])],1)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    {},
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/base/form/form_checkbox/examples/index.js

@@ -1,55 +0,0 @@
-import FormCheckboxChecked from './form_checkbox.checked.example';
-import FormCheckboxCheckedDisabled from './form_checkbox.checked_disabled.example';
-import FormCheckboxDisabled from './form_checkbox.disabled.example';
-import FormCheckboxHelp from './form_checkbox.help.example';
-import FormCheckboxIndeterminate from './form_checkbox.indeterminant.example';
-import FormCheckboxUnchecked from './form_checkbox.unchecked.example';
-import FormCheckboxValues from './form_checkbox.values.example';
-import FormCheckboxGroupOptionsArray from './form_checkbox_group.options_array.example';
-import FormCheckboxGroupSlots from './form_checkbox_group.slots.example';
-
-var index = [{
-  name: 'Checkbox',
-  items: [{
-    id: 'form-checkbox-checked',
-    name: 'Checked Form Checkbox',
-    component: FormCheckboxChecked
-  }, {
-    id: 'form-checkbox-unchecked',
-    name: 'Unchecked Form Checkbox',
-    component: FormCheckboxUnchecked
-  }, {
-    id: 'form-checkbox-disabled',
-    name: 'Disabled Form Checkbox',
-    component: FormCheckboxDisabled
-  }, {
-    id: 'form-checkbox-model',
-    name: 'Checked and Disabled Form Checkbox',
-    component: FormCheckboxCheckedDisabled
-  }, {
-    id: 'form-checkbox-values',
-    name: 'Custom Values for Form Checkbox',
-    component: FormCheckboxValues
-  }, {
-    id: 'form-checkbox-indeterminate',
-    name: 'Indeterminate State of Form Checkbox',
-    component: FormCheckboxIndeterminate
-  }, {
-    id: 'form-checkbox-help',
-    name: 'Form Checkbox with Help Text',
-    component: FormCheckboxHelp
-  }]
-}, {
-  name: 'Checkbox Group',
-  items: [{
-    id: 'form-checkbox-group-slots',
-    name: 'Form Checkbox Group using Slots',
-    component: FormCheckboxGroupSlots
-  }, {
-    id: 'form-checkbox-group-options-array',
-    name: 'Form Checkbox Group using Options Array',
-    component: FormCheckboxGroupOptionsArray
-  }]
-}];
-
-export default index;

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

@@ -1,19 +0,0 @@
-import description from './accordion.md';
-import examples from './examples';
-
-export default {
-  followsDesignSystem: true,
-  description,
-  examples,
-  bootstrapComponent: 'b-collapse',
-  propsInfo: {
-    autoCollapse: {
-      additionalInfo:
-        'When true, will have the effect of closing other accordion items when one accordion item is visible.',
-    },
-    headerLevel: {
-      additionalInfo:
-        'The header tag used in the accordion (h1/h2/h3/h4/h5/h6). This overrides the value provided by GlAccordion. For accessibility this should be set to an appropriate value in the context where the accordion is used.',
-    },
-  },
-};

package/src/components/base/accordion/accordion_item.documentation.js

@@ -1,20 +0,0 @@
-import description from './accordion_item.md';
-import examples from './examples';
-
-export default {
-  description,
-  examples,
-  bootstrapComponent: 'b-collapse',
-  propsInfo: {
-    title: {
-      additionalInfo: 'Used to set the title of accordion link.',
-    },
-    visible: {
-      additionalInfo: 'When set, it will ensure the accordion item is initially visible.',
-    },
-    headerLevel: {
-      additionalInfo:
-        'The header tag used in the accordion (h1/h2/h3/h4/h5/h6). This overrides the value provided by GlAccordion. For accessibility this should be set to an appropriate value in the context where the accordion is used.',
-    },
-  },
-};

package/src/components/base/accordion/examples/accordion.auto_collapse.example.vue

@@ -1,16 +0,0 @@
-<template>
-  <gl-accordion :header-level="3" :auto-collapse="true">
-    <gl-accordion-item title="Item 1">
-      Only one collapse in an accordion group can be open at a time by providing an accordion group
-      identifier.
-    </gl-accordion-item>
-    <gl-accordion-item title="Item 2">
-      Only one collapse in an accordion group can be open at a time by providing an accordion group
-      identifier.
-    </gl-accordion-item>
-    <gl-accordion-item title="Item 3">
-      Only one collapse in an accordion group can be open at a time by providing an accordion group
-      identifier.
-    </gl-accordion-item>
-  </gl-accordion>
-</template>

package/src/components/base/accordion/examples/accordion.basic.example.vue

@@ -1,17 +0,0 @@
-<template>
-  <gl-accordion :header-level="3">
-    <gl-accordion-item title="Item 1">
-      Each accordion can be expanded or collapsed independently of others.
-    </gl-accordion-item>
-
-    <gl-accordion-item title="Item 2">
-      If you want the other accordion items to collapse when one is open, please see
-      <code>Collapse Other</code> example.
-    </gl-accordion-item>
-
-    <gl-accordion-item title="Item 3">
-      If you want to have an accordion item to be initially visible, please see
-      <code>Initial Visible</code> example.
-    </gl-accordion-item>
-  </gl-accordion>
-</template>

package/src/components/base/accordion/examples/accordion.initial_visible.example.vue

@@ -1,16 +0,0 @@
-<template>
-  <gl-accordion :header-level="4">
-    <gl-accordion-item title="Item 1">
-      Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam, a!
-    </gl-accordion-item>
-
-    <gl-accordion-item title="Item 2">
-      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Debitis tenetur ipsa quos ullam
-      quibusdam blanditiis libero voluptas delectus corporis vitae.
-    </gl-accordion-item>
-
-    <gl-accordion-item title="Initially Visible" visible>
-      I am visible initially and expanded on start.
-    </gl-accordion-item>
-  </gl-accordion>
-</template>

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

@@ -1,29 +0,0 @@
-import AccordionAutoCollapseExample from './accordion.auto_collapse.example.vue';
-import AccordionBasicExample from './accordion.basic.example.vue';
-import AccordionInitialVisibleExample from './accordion.initial_visible.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'accordion-basic',
-        name: 'Basic',
-        description: 'Basic Accordion',
-        component: AccordionBasicExample,
-      },
-      {
-        id: 'accordion-initial-visible',
-        name: 'Initial Visible',
-        description: 'Initial visibility (start expanded)',
-        component: AccordionInitialVisibleExample,
-      },
-      {
-        id: 'accordion-auto-collapse',
-        name: 'Auto Collapse',
-        description: 'Auto collapse in an accordion group',
-        component: AccordionAutoCollapseExample,
-      },
-    ],
-  },
-];

package/src/components/base/card/examples/card.basic.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-card title="Basic Card">Hello World</gl-card>
-</template>

package/src/components/base/card/examples/card.headerfooter.example.vue

@@ -1,11 +0,0 @@
-<template>
-  <gl-card>
-    <template #header>
-      <h3 class="gl-my-0 gl-font-weight-bold">This is a custom header</h3>
-    </template>
-    Hello World
-    <template #footer>
-      <span>This is a custom footer</span>
-    </template>
-  </gl-card>
-</template>

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

@@ -1,22 +0,0 @@
-import CardBasicExample from './card.basic.example.vue';
-import CardHeaderFooter from './card.headerfooter.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'card-basic',
-        name: 'Basic',
-        description: 'Basic Card',
-        component: CardBasicExample,
-      },
-      {
-        id: 'card-with-header-footer',
-        name: 'Card with Header and Footer',
-        description: 'Card with Header and Footer',
-        component: CardHeaderFooter,
-      },
-    ],
-  },
-];

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

@@ -1,34 +0,0 @@
-import description from './daterange_picker.md';
-import examples from './examples';
-
-export default {
-  followsDesignSystem: true,
-  description,
-  examples,
-  events: [
-    {
-      event: 'start-picker-open',
-      description: 'Emitted when the start date datepicker becomes visible.',
-    },
-    {
-      event: 'start-picker-close',
-      description: 'Emitted when the start date datepicker is hidden.',
-    },
-    {
-      event: 'end-picker-open',
-      description: 'Emitted when the end date datepicker becomes visible.',
-    },
-    {
-      event: 'end-picker-close',
-      description: 'Emitted when the end date datepicker is hidden.',
-    },
-  ],
-  slots: [
-    {
-      name: 'default',
-      description:
-        'Content to display for days selected. The value is -1 when no date range is selected.',
-      scopedProps: 'daysSelected (Number)',
-    },
-  ],
-};

package/src/components/base/daterange_picker/examples/daterange_picker.basic.example.vue

@@ -1,13 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      defaultStartDate: null,
-      defaultEndDate: null,
-    };
-  },
-};
-</script>
-<template>
-  <gl-daterange-picker class="d-flex" />
-</template>

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

@@ -1,14 +0,0 @@
-import DaterangePickerBasicExample from './daterange_picker.basic.example.vue';
-
-export default [
-  {
-    name: 'Daterange Picker',
-    items: [
-      {
-        id: 'basic-daterange-picker',
-        name: 'Basic daterange picker',
-        component: DaterangePickerBasicExample,
-      },
-    ],
-  },
-];

package/src/components/base/form/form_checkbox/examples/form_checkbox.checked.example.vue

@@ -1,13 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      checked: true,
-    };
-  },
-};
-</script>
-
-<template>
-  <gl-form-checkbox v-model="checked">Checked Form Checkbox</gl-form-checkbox>
-</template>

package/src/components/base/form/form_checkbox/examples/form_checkbox.checked_disabled.example.vue

@@ -1,13 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      checked: true,
-    };
-  },
-};
-</script>
-
-<template>
-  <gl-form-checkbox v-model="checked" disabled>Disabled and Checked Form Checkbox</gl-form-checkbox>
-</template>

package/src/components/base/form/form_checkbox/examples/form_checkbox.disabled.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-form-checkbox disabled>Disabled Form Checkbox</gl-form-checkbox>
-</template>

package/src/components/base/form/form_checkbox/examples/form_checkbox.help.example.vue

@@ -1,6 +0,0 @@
-<template>
-  <gl-form-checkbox>
-    Checkbox with help text
-    <template #help>Help text</template>
-  </gl-form-checkbox>
-</template>

package/src/components/base/form/form_checkbox/examples/form_checkbox.indeterminant.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-form-checkbox :indeterminate="true">Indeterminate status</gl-form-checkbox>
-</template>

package/src/components/base/form/form_checkbox/examples/form_checkbox.unchecked.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-form-checkbox>Unchecked Form Checkbox</gl-form-checkbox>
-</template>

package/src/components/base/form/form_checkbox/examples/form_checkbox.values.example.vue

@@ -1,15 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      status: 'not-accepted',
-    };
-  },
-};
-</script>
-
-<template>
-  <gl-form-checkbox v-model="status" value="accepted" unchecked-value="not-accepted">
-    Accepted or Not Accepted
-  </gl-form-checkbox>
-</template>

package/src/components/base/form/form_checkbox/examples/form_checkbox_group.options_array.example.vue

@@ -1,27 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      selected: [],
-      options: [
-        'String option',
-        { text: 'Object option', value: 'object' },
-        { html: '<i>HTML</i> option', value: 'html' },
-        { text: 'Disabled option', disabled: true },
-      ],
-    };
-  },
-};
-</script>
-
-<template>
-  <!--
-    options: [
-      'String option',
-      { text: 'Object option', value: 'object' },
-      { html: '<i>HTML</i> option', value: 'html' },
-      { text: 'Disabled option', disabled: true },
-    ],
-    -->
-  <gl-form-checkbox-group v-model="selected" :options="options" />
-</template>

package/src/components/base/form/form_checkbox/examples/form_checkbox_group.slots.example.vue

@@ -1,11 +0,0 @@
-<template>
-  <gl-form-checkbox-group>
-    <gl-form-checkbox>One</gl-form-checkbox>
-    <gl-form-checkbox>
-      Two
-      <template #help>Help text</template>
-    </gl-form-checkbox>
-    <gl-form-checkbox>Three</gl-form-checkbox>
-    <gl-form-checkbox disabled>Disabled option</gl-form-checkbox>
-  </gl-form-checkbox-group>
-</template>

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

@@ -1,67 +0,0 @@
-import FormCheckboxChecked from './form_checkbox.checked.example.vue';
-import FormCheckboxCheckedDisabled from './form_checkbox.checked_disabled.example.vue';
-import FormCheckboxDisabled from './form_checkbox.disabled.example.vue';
-import FormCheckboxHelp from './form_checkbox.help.example.vue';
-import FormCheckboxIndeterminate from './form_checkbox.indeterminant.example.vue';
-import FormCheckboxUnchecked from './form_checkbox.unchecked.example.vue';
-import FormCheckboxValues from './form_checkbox.values.example.vue';
-import FormCheckboxGroupOptionsArray from './form_checkbox_group.options_array.example.vue';
-import FormCheckboxGroupSlots from './form_checkbox_group.slots.example.vue';
-
-export default [
-  {
-    name: 'Checkbox',
-    items: [
-      {
-        id: 'form-checkbox-checked',
-        name: 'Checked Form Checkbox',
-        component: FormCheckboxChecked,
-      },
-      {
-        id: 'form-checkbox-unchecked',
-        name: 'Unchecked Form Checkbox',
-        component: FormCheckboxUnchecked,
-      },
-      {
-        id: 'form-checkbox-disabled',
-        name: 'Disabled Form Checkbox',
-        component: FormCheckboxDisabled,
-      },
-      {
-        id: 'form-checkbox-model',
-        name: 'Checked and Disabled Form Checkbox',
-        component: FormCheckboxCheckedDisabled,
-      },
-      {
-        id: 'form-checkbox-values',
-        name: 'Custom Values for Form Checkbox',
-        component: FormCheckboxValues,
-      },
-      {
-        id: 'form-checkbox-indeterminate',
-        name: 'Indeterminate State of Form Checkbox',
-        component: FormCheckboxIndeterminate,
-      },
-      {
-        id: 'form-checkbox-help',
-        name: 'Form Checkbox with Help Text',
-        component: FormCheckboxHelp,
-      },
-    ],
-  },
-  {
-    name: 'Checkbox Group',
-    items: [
-      {
-        id: 'form-checkbox-group-slots',
-        name: 'Form Checkbox Group using Slots',
-        component: FormCheckboxGroupSlots,
-      },
-      {
-        id: 'form-checkbox-group-options-array',
-        name: 'Form Checkbox Group using Options Array',
-        component: FormCheckboxGroupOptionsArray,
-      },
-    ],
-  },
-];