@gitlab/duo-ui 10.23.0 → 10.23.1

package/dist/components/ui/duo_layout/duo_layout.js

@@ -1,100 +0,0 @@
-import VueResizable from 'vue-resizable';
-import SideRail from '../side_rail/side_rail';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'DuoLayout',
-  components: {
-    VueResizable,
-    SideRail
-  },
-  props: {
-    /**
-     * Determines if the component should be resizable. When true, it renders inside
-     * a `vue-resizable` wrapper; otherwise, a standard `div` is used.
-     */
-    shouldRenderResizable: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * Defines the dimensions of the layout container when resizable.
-     * By default, the height is set to match the height of the browser window,
-     * and the width is fixed at 400px. The `top` position is left undefined,
-     * allowing it to be dynamically adjusted if needed.
-     */
-    dimensions: {
-      type: Object,
-      required: false,
-      default: () => ({
-        width: undefined,
-        height: undefined,
-        top: undefined,
-        left: undefined,
-        maxWidth: undefined,
-        minWidth: 400,
-        maxHeight: undefined,
-        minHeight: 400
-      })
-    },
-    /**
-     * Whether the layout is hidden
-     */
-    isHidden: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  methods: {
-    updateSize(e) {
-      /**
-       * Emitted when the layout is resized
-       * @param {Object} e The resize event data
-       */
-      this.$emit('resize', e);
-    }
-  }
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isHidden)?_c(_vm.shouldRenderResizable ? 'vue-resizable' : 'div',{tag:"component",class:{
-    'duo-chat-resizable': _vm.shouldRenderResizable,
-    'non-resizable-wrapper': !_vm.shouldRenderResizable,
-  },attrs:{"width":_vm.shouldRenderResizable ? _vm.dimensions.width : null,"height":_vm.shouldRenderResizable ? _vm.dimensions.height : null,"max-width":_vm.shouldRenderResizable ? _vm.dimensions.maxWidth : null,"max-height":_vm.shouldRenderResizable ? _vm.dimensions.maxHeight : null,"min-width":_vm.shouldRenderResizable ? _vm.dimensions.minWidth : null,"left":_vm.shouldRenderResizable ? _vm.dimensions.left : null,"top":_vm.shouldRenderResizable ? _vm.dimensions.top : null,"fit-parent":true,"min-height":_vm.shouldRenderResizable ? _vm.dimensions.minHeight : null,"active":_vm.shouldRenderResizable ? ['l', 't', 'lt'] : null,"data-testid":"duo-layout-component"},on:{"resize:end":_vm.updateSize}},[_c('aside',{staticClass:"markdown-code-block duo-chat gl-align-items gl-bottom-0 gl-flex gl-h-full gl-max-h-full gl-flex-row gl-bg-strong gl-py-3 gl-pl-3"},[_c('main',{staticClass:"content flex-none gl-flex gl-h-full gl-min-w-0 gl-grow gl-overflow-y-auto gl-rounded-[1rem] gl-bg-neutral-0"},[_vm._t("mainview")],2),_vm._v(" "),_c('aside',{staticClass:"gl-h-full gl-min-h-full gl-bg-strong gl-px-3 gl-py-2"},[_vm._t("siderail")],2)])]):_vm._e()};
-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/ui/side_rail/side_rail.js

@@ -1,67 +0,0 @@
-import { GlTooltipDirective, GlButtonGroup, GlButton, GlAvatar } from '@gitlab/ui';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'SideRail',
-  directives: {
-    GlTooltip: GlTooltipDirective
-  },
-  components: {
-    GlButtonGroup,
-    GlButton,
-    GlAvatar
-  },
-  props: {
-    /**
-     * String to display the empty state of recent content
-     */
-    buttons: {
-      type: Object,
-      required: false,
-      default: () => ({})
-    }
-  },
-  methods: {
-    onClick(buttonName) {
-      this.$emit('click', buttonName);
-    }
-  }
-};
-
-/* 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-button-group',{attrs:{"vertical":true}},[_vm._l((_vm.buttons),function(button,buttonName){return [(button.dividerBefore)?_c('div',{key:(buttonName + "-divider"),staticClass:"gl-mx-auto gl-my-3 gl-h-1 gl-w-5 gl-border-0 gl-border-t-1 gl-border-solid gl-border-[#7759C233]",attrs:{"name":"divider"}}):_vm._e(),_vm._v(" "),(button.render)?_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],key:(buttonName + "-button"),attrs:{"title":button.title,"category":"tertiary","variant":"default","size":"medium","icon":button.icon,"active-class":"gl-active"},on:{"click":function($event){return _vm.onClick(buttonName)}}},[(button.avatar)?_c('gl-avatar',{attrs:{"size":32,"entity-name":button.avatar,"shape":"circle"}}):_vm._e()],1):_vm._e()]})],2)};
-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/src/components/ui/duo_layout/duo_layout.vue

@@ -1,95 +0,0 @@
-<script>
-import VueResizable from 'vue-resizable';
-import SideRail from '../side_rail/side_rail.vue';
-
-export default {
-  name: 'DuoLayout',
-  components: {
-    VueResizable,
-    SideRail,
-  },
-  props: {
-    /**
-     * Determines if the component should be resizable. When true, it renders inside
-     * a `vue-resizable` wrapper; otherwise, a standard `div` is used.
-     */
-    shouldRenderResizable: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    /**
-     * Defines the dimensions of the layout container when resizable.
-     * By default, the height is set to match the height of the browser window,
-     * and the width is fixed at 400px. The `top` position is left undefined,
-     * allowing it to be dynamically adjusted if needed.
-     */
-    dimensions: {
-      type: Object,
-      required: false,
-      default: () => ({
-        width: undefined,
-        height: undefined,
-        top: undefined,
-        left: undefined,
-        maxWidth: undefined,
-        minWidth: 400,
-        maxHeight: undefined,
-        minHeight: 400,
-      }),
-    },
-    /**
-     * Whether the layout is hidden
-     */
-    isHidden: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-  },
-  methods: {
-    updateSize(e) {
-      /**
-       * Emitted when the layout is resized
-       * @param {Object} e The resize event data
-       */
-      this.$emit('resize', e);
-    },
-  },
-};
-</script>
-<template>
-  <component
-    :is="shouldRenderResizable ? 'vue-resizable' : 'div'"
-    v-if="!isHidden"
-    :width="shouldRenderResizable ? dimensions.width : null"
-    :height="shouldRenderResizable ? dimensions.height : null"
-    :max-width="shouldRenderResizable ? dimensions.maxWidth : null"
-    :max-height="shouldRenderResizable ? dimensions.maxHeight : null"
-    :min-width="shouldRenderResizable ? dimensions.minWidth : null"
-    :left="shouldRenderResizable ? dimensions.left : null"
-    :top="shouldRenderResizable ? dimensions.top : null"
-    :fit-parent="true"
-    :min-height="shouldRenderResizable ? dimensions.minHeight : null"
-    :class="{
-      'duo-chat-resizable': shouldRenderResizable,
-      'non-resizable-wrapper': !shouldRenderResizable,
-    }"
-    :active="shouldRenderResizable ? ['l', 't', 'lt'] : null"
-    data-testid="duo-layout-component"
-    @resize:end="updateSize"
-  >
-    <aside
-      class="markdown-code-block duo-chat gl-align-items gl-bottom-0 gl-flex gl-h-full gl-max-h-full gl-flex-row gl-bg-strong gl-py-3 gl-pl-3"
-    >
-      <main
-        class="content flex-none gl-flex gl-h-full gl-min-w-0 gl-grow gl-overflow-y-auto gl-rounded-[1rem] gl-bg-neutral-0"
-      >
-        <slot name="mainview"></slot>
-      </main>
-      <aside class="gl-h-full gl-min-h-full gl-bg-strong gl-px-3 gl-py-2">
-        <slot name="siderail"></slot>
-      </aside>
-    </aside>
-  </component>
-</template>

package/src/components/ui/side_rail/side_rail.vue

@@ -1,56 +0,0 @@
-<script>
-import { GlButtonGroup, GlButton, GlAvatar, GlTooltipDirective } from '@gitlab/ui';
-
-export default {
-  name: 'SideRail',
-  directives: {
-    GlTooltip: GlTooltipDirective,
-  },
-  components: {
-    GlButtonGroup,
-    GlButton,
-    GlAvatar,
-  },
-  props: {
-    /**
-     * String to display the empty state of recent content
-     */
-    buttons: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
-  },
-  methods: {
-    onClick(buttonName) {
-      this.$emit('click', buttonName);
-    },
-  },
-};
-</script>
-<template>
-  <gl-button-group :vertical="true">
-    <template v-for="(button, buttonName) in buttons">
-      <div
-        v-if="button.dividerBefore"
-        :key="`${buttonName}-divider`"
-        class="gl-mx-auto gl-my-3 gl-h-1 gl-w-5 gl-border-0 gl-border-t-1 gl-border-solid gl-border-[#7759C233]"
-        name="divider"
-      ></div>
-      <gl-button
-        v-if="button.render"
-        :key="`${buttonName}-button`"
-        v-gl-tooltip
-        :title="button.title"
-        category="tertiary"
-        variant="default"
-        size="medium"
-        :icon="button.icon"
-        active-class="gl-active"
-        @click="onClick(buttonName)"
-      >
-        <gl-avatar v-if="button.avatar" :size="32" :entity-name="button.avatar" shape="circle" />
-      </gl-button>
-    </template>
-  </gl-button-group>
-</template>