@gitlab/ui 80.7.1 → 80.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [80.7.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.7.1...v80.7.2) (2024-05-09)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **DuoChat:** refactor error styles ([6f76567](https://gitlab.com/gitlab-org/gitlab-ui/commit/6f7656781c80a7919c9f38093012570f8b6a09b9))
|
|
7
|
+
|
|
1
8
|
## [80.7.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.7.0...v80.7.1) (2024-05-09)
|
|
2
9
|
|
|
3
10
|
|
package/dist/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.js
CHANGED
|
@@ -178,10 +178,11 @@ const __vue_script__ = script;
|
|
|
178
178
|
/* template */
|
|
179
179
|
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-p-4 gl-mb-4 gl-rounded-lg gl-line-height-20 gl-word-break-word duo-chat-message",class:{
|
|
180
180
|
'gl-ml-auto gl-bg-blue-100 gl-text-blue-900 gl-rounded-bottom-right-none': _vm.isUserMessage,
|
|
181
|
-
'gl-rounded-bottom-left-none gl-text-gray-900 gl-
|
|
181
|
+
'gl-rounded-bottom-left-none gl-text-gray-900 gl-border-1 gl-border-solid gl-border-gray-50':
|
|
182
182
|
_vm.isAssistantMessage,
|
|
183
|
+
'gl-bg-white': _vm.isAssistantMessage && !_vm.error,
|
|
183
184
|
'gl-bg-red-50 gl-border-none!': _vm.error,
|
|
184
|
-
}},[(_vm.error)?_c('gl-icon',{staticClass:"gl-text-red-600 gl-border gl-border-red-500 gl-rounded-full gl-mr-3 gl-flex-shrink-0 error-icon",attrs:{"aria-label":_vm.$options.i18n.MESSAGE_ERROR,"name":"status_warning_borderless","size":16,"data-testid":"error"}}):_vm._e(),_vm._v(" "),_c('div',{ref:"content-wrapper",class:{ 'has-error': _vm.error }},[(_vm.error)?_c('div',{ref:"error-message"
|
|
185
|
+
}},[(_vm.error)?_c('gl-icon',{staticClass:"gl-text-red-600 gl-border gl-border-red-500 gl-rounded-full gl-mr-3 gl-flex-shrink-0 error-icon",attrs:{"aria-label":_vm.$options.i18n.MESSAGE_ERROR,"name":"status_warning_borderless","size":16,"data-testid":"error"}}):_vm._e(),_vm._v(" "),_c('div',{ref:"content-wrapper",class:{ 'has-error': _vm.error }},[(_vm.error)?_c('div',{ref:"error-message"},[_vm._v(_vm._s(_vm.error))]):_c('div',[_c('div',{directives:[{name:"safe-html",rawName:"v-safe-html:[$options.safeHtmlConfigExtension]",value:(_vm.messageContent),expression:"messageContent",arg:_vm.$options.safeHtmlConfigExtension}],ref:"content"}),_vm._v(" "),(_vm.isAssistantMessage)?[(_vm.sources)?_c('documentation-sources',{attrs:{"sources":_vm.sources}}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-display-flex gl-align-items-flex-end gl-mt-4 duo-chat-message-feedback"},[_c('gl-duo-user-feedback',{attrs:{"feedback-received":_vm.hasFeedback,"modal-title":_vm.$options.i18n.MODAL.TITLE,"modal-alert":_vm.$options.i18n.MODAL.ALERT_TEXT},on:{"feedback":_vm.logEvent},scopedSlots:_vm._u([{key:"feedback-extra-fields",fn:function(){return [_c('gl-form-group',{attrs:{"label":_vm.$options.i18n.MODAL.DID_WHAT,"optional":""}},[_c('gl-form-textarea',{attrs:{"placeholder":_vm.$options.i18n.MODAL.INTERACTION},model:{value:(_vm.didWhat),callback:function ($$v) {_vm.didWhat=$$v;},expression:"didWhat"}})],1),_vm._v(" "),_c('gl-form-group',{attrs:{"label":_vm.$options.i18n.MODAL.IMPROVE_WHAT,"optional":""}},[_c('gl-form-textarea',{attrs:{"placeholder":_vm.$options.i18n.MODAL.BETTER_RESPONSE},model:{value:(_vm.improveWhat),callback:function ($$v) {_vm.improveWhat=$$v;},expression:"improveWhat"}})],1)]},proxy:true}],null,false,419229417)})],1)]:_vm._e()],2)])],1)};
|
|
185
186
|
var __vue_staticRenderFns__ = [];
|
|
186
187
|
|
|
187
188
|
/* style */
|
package/package.json
CHANGED
package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.vue
CHANGED
|
@@ -176,8 +176,9 @@ export default {
|
|
|
176
176
|
class="gl-p-4 gl-mb-4 gl-rounded-lg gl-line-height-20 gl-word-break-word duo-chat-message"
|
|
177
177
|
:class="{
|
|
178
178
|
'gl-ml-auto gl-bg-blue-100 gl-text-blue-900 gl-rounded-bottom-right-none': isUserMessage,
|
|
179
|
-
'gl-rounded-bottom-left-none gl-text-gray-900 gl-
|
|
179
|
+
'gl-rounded-bottom-left-none gl-text-gray-900 gl-border-1 gl-border-solid gl-border-gray-50':
|
|
180
180
|
isAssistantMessage,
|
|
181
|
+
'gl-bg-white': isAssistantMessage && !error,
|
|
181
182
|
'gl-bg-red-50 gl-border-none!': error,
|
|
182
183
|
}"
|
|
183
184
|
>
|
|
@@ -190,7 +191,7 @@ export default {
|
|
|
190
191
|
data-testid="error"
|
|
191
192
|
/>
|
|
192
193
|
<div ref="content-wrapper" :class="{ 'has-error': error }">
|
|
193
|
-
<div v-if="error" ref="error-message"
|
|
194
|
+
<div v-if="error" ref="error-message">{{ error }}</div>
|
|
194
195
|
<div v-else>
|
|
195
196
|
<div ref="content" v-safe-html:[$options.safeHtmlConfigExtension]="messageContent"></div>
|
|
196
197
|
|