@gooddata/sdk-ui-gen-ai 10.16.0-alpha.17 → 10.16.0-alpha.19
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/esm/components/GenAIChat.js +1 -1
- package/esm/components/GenAIChat.js.map +1 -1
- package/esm/components/GenAIChatDialog.d.ts.map +1 -1
- package/esm/components/GenAIChatDialog.js +9 -2
- package/esm/components/GenAIChatDialog.js.map +1 -1
- package/esm/components/GenAIChatOverlay.d.ts.map +1 -1
- package/esm/components/GenAIChatOverlay.js +2 -3
- package/esm/components/GenAIChatOverlay.js.map +1 -1
- package/esm/components/GenAIChatWrapper.d.ts +1 -0
- package/esm/components/GenAIChatWrapper.d.ts.map +1 -1
- package/esm/components/GenAIChatWrapper.js +2 -2
- package/esm/components/GenAIChatWrapper.js.map +1 -1
- package/esm/components/Input.d.ts +1 -0
- package/esm/components/Input.d.ts.map +1 -1
- package/esm/components/Input.js +5 -2
- package/esm/components/Input.js.map +1 -1
- package/package.json +12 -12
- package/styles/css/main.css +12 -2
- package/styles/css/main.css.map +1 -1
- package/styles/css/messages.css +10 -0
- package/styles/css/messages.css.map +1 -1
- package/styles/scss/main.scss +8 -2
- package/styles/scss/messages.scss +12 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
// (C) 2024 GoodData Corporation
|
|
2
2
|
import React from "react";
|
|
3
|
+
import { BackendProvider, useBackendStrict, useWorkspaceStrict, WorkspaceProvider } from "@gooddata/sdk-ui";
|
|
3
4
|
import { Provider as StoreProvider } from "react-redux";
|
|
4
5
|
import { useGenAIStore } from "../hooks/useGenAIStore.js";
|
|
5
6
|
import { IntlWrapper } from "../localization/IntlWrapper.js";
|
|
6
7
|
import { GenAIChatWrapper } from "./GenAIChatWrapper.js";
|
|
7
|
-
import { BackendProvider, useBackendStrict, useWorkspaceStrict, WorkspaceProvider } from "@gooddata/sdk-ui";
|
|
8
8
|
/**
|
|
9
9
|
* UI component that renders the Gen AI chat.
|
|
10
10
|
* @alpha
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenAIChat.js","sourceRoot":"","sources":["../../src/components/GenAIChat.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"GenAIChat.js","sourceRoot":"","sources":["../../src/components/GenAIChat.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC5G,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAsBzD;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE;IACzF,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,aAAa,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,CAAC,CAAC;IAEtF,OAAO,CACH,oBAAC,WAAW;QACR,oBAAC,aAAa,IAAC,KAAK,EAAE,UAAU;YAC5B,oBAAC,eAAe,IAAC,OAAO,EAAE,gBAAgB;gBACtC,oBAAC,iBAAiB,IAAC,SAAS,EAAE,kBAAkB;oBAC5C,oBAAC,gBAAgB,OAAG,CACJ,CACN,CACN,CACN,CACjB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenAIChatDialog.d.ts","sourceRoot":"","sources":["../../src/components/GenAIChatDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"GenAIChatDialog.d.ts","sourceRoot":"","sources":["../../src/components/GenAIChatDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAM/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACtC,CAAC;AAKF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0C1D,CAAC"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
// (C) 2024 GoodData Corporation
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Provider as StoreProvider } from "react-redux";
|
|
4
|
+
import { BackendProvider, useBackendStrict, useWorkspaceStrict, WorkspaceProvider } from "@gooddata/sdk-ui";
|
|
5
|
+
import { OverlayController, OverlayControllerProvider, useOverlayController } from "@gooddata/sdk-ui-kit";
|
|
4
6
|
import { useGenAIStore } from "../hooks/useGenAIStore.js";
|
|
5
7
|
import { IntlWrapper } from "../localization/IntlWrapper.js";
|
|
6
8
|
import { GenAIChatOverlay } from "./GenAIChatOverlay.js";
|
|
7
|
-
import { BackendProvider, useBackendStrict, useWorkspaceStrict, WorkspaceProvider } from "@gooddata/sdk-ui";
|
|
8
9
|
import { isOpenSelector, setOpenAction } from "../store/index.js";
|
|
10
|
+
// To render the overlay on top of the header, we need to start at 6000
|
|
11
|
+
const DEFAULT_CHAT_Z_INDEX = 6000;
|
|
9
12
|
export const GenAIChatDialog = ({ backend, workspace, isOpen, onClose, eventHandlers, }) => {
|
|
10
13
|
const effectiveBackend = useBackendStrict(backend);
|
|
11
14
|
const effectiveWorkspace = useWorkspaceStrict(workspace);
|
|
@@ -17,12 +20,16 @@ export const GenAIChatDialog = ({ backend, workspace, isOpen, onClose, eventHand
|
|
|
17
20
|
genAIStore.dispatch(setOpenAction({ isOpen }));
|
|
18
21
|
}
|
|
19
22
|
}, [genAIStore, isOpen]);
|
|
23
|
+
// Some apps, like Dashboards, already have an overlay controller, so we need to use that one
|
|
24
|
+
const parentOverlayController = useOverlayController();
|
|
25
|
+
const chatOverlayController = React.useMemo(() => parentOverlayController ?? OverlayController.getInstance(DEFAULT_CHAT_Z_INDEX), [parentOverlayController]);
|
|
20
26
|
if (!isOpen)
|
|
21
27
|
return null;
|
|
22
28
|
return (React.createElement(IntlWrapper, null,
|
|
23
29
|
React.createElement(StoreProvider, { store: genAIStore },
|
|
24
30
|
React.createElement(BackendProvider, { backend: effectiveBackend },
|
|
25
31
|
React.createElement(WorkspaceProvider, { workspace: effectiveWorkspace },
|
|
26
|
-
React.createElement(
|
|
32
|
+
React.createElement(OverlayControllerProvider, { overlayController: chatOverlayController },
|
|
33
|
+
React.createElement(GenAIChatOverlay, { onClose: onClose })))))));
|
|
27
34
|
};
|
|
28
35
|
//# sourceMappingURL=GenAIChatDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenAIChatDialog.js","sourceRoot":"","sources":["../../src/components/GenAIChatDialog.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"GenAIChatDialog.js","sourceRoot":"","sources":["../../src/components/GenAIChatDialog.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC5G,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC1G,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAUlE,uEAAuE;AACvE,MAAM,oBAAoB,GAAG,IAAI,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC5D,OAAO,EACP,SAAS,EACT,MAAM,EACN,OAAO,EACP,aAAa,GAChB,EAAE,EAAE;IACD,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,aAAa,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,CAAC,CAAC;IAEtF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,qCAAqC;QACrC,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC;QAE1D,IAAI,WAAW,KAAK,MAAM,EAAE,CAAC;YACzB,UAAU,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QACnD,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzB,6FAA6F;IAC7F,MAAM,uBAAuB,GAAG,oBAAoB,EAAE,CAAC;IACvD,MAAM,qBAAqB,GAAG,KAAK,CAAC,OAAO,CACvC,GAAG,EAAE,CAAC,uBAAuB,IAAI,iBAAiB,CAAC,WAAW,CAAC,oBAAoB,CAAC,EACpF,CAAC,uBAAuB,CAAC,CAC5B,CAAC;IAEF,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACH,oBAAC,WAAW;QACR,oBAAC,aAAa,IAAC,KAAK,EAAE,UAAU;YAC5B,oBAAC,eAAe,IAAC,OAAO,EAAE,gBAAgB;gBACtC,oBAAC,iBAAiB,IAAC,SAAS,EAAE,kBAAkB;oBAC5C,oBAAC,yBAAyB,IAAC,iBAAiB,EAAE,qBAAqB;wBAC/D,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,GAAI,CACd,CACZ,CACN,CACN,CACN,CACjB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenAIChatOverlay.d.ts","sourceRoot":"","sources":["../../src/components/GenAIChatOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACH,iBAAiB,EAIjB,mBAAmB,EACtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE/D,KAAK,wBAAwB,GAAG;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,6BAA6B,GAAG;IACjC,WAAW,EAAE,OAAO,iBAAiB,CAAC;IACtC,aAAa,EAAE,OAAO,mBAAmB,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,GACxD,0BAA0B,GAC1B,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"GenAIChatOverlay.d.ts","sourceRoot":"","sources":["../../src/components/GenAIChatOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACH,iBAAiB,EAIjB,mBAAmB,EACtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE/D,KAAK,wBAAwB,GAAG;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,6BAA6B,GAAG;IACjC,WAAW,EAAE,OAAO,iBAAiB,CAAC;IACtC,aAAa,EAAE,OAAO,mBAAmB,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,GACxD,0BAA0B,GAC1B,6BAA6B,CAAC;AAqElC,eAAO,MAAM,gBAAgB;;;;qEAGW,CAAC"}
|
|
@@ -8,11 +8,10 @@ import { HeaderIcon } from "./HeaderIcon.js";
|
|
|
8
8
|
import { connect } from "react-redux";
|
|
9
9
|
import { injectIntl } from "react-intl";
|
|
10
10
|
const GenAIChatOverlayComponent = ({ onClose, hasMessages, clearThread, intl, isFullscreen, setFullscreen, }) => {
|
|
11
|
-
const isModal = isFullscreen;
|
|
12
11
|
const classNames = cx("gd-gen-ai-chat__window", {
|
|
13
12
|
"gd-gen-ai-chat__window--fullscreen": isFullscreen,
|
|
14
13
|
});
|
|
15
|
-
return (React.createElement(Overlay, { isModal:
|
|
14
|
+
return (React.createElement(Overlay, { isModal: isFullscreen, positionType: "fixed", alignPoints: [{ align: isFullscreen ? "cc cc" : "br br" }], closeOnEscape: true, closeOnParentScroll: false, closeOnOutsideClick: false, closeOnMouseDrag: false, onClose: onClose },
|
|
16
15
|
React.createElement("div", { className: classNames },
|
|
17
16
|
React.createElement("div", { className: "gd-gen-ai-chat__window__header" },
|
|
18
17
|
React.createElement(HeaderIcon, { Icon: Icon.Undo, className: "gd-gen-ai-chat__window__header__icon--reset", tooltip: intl.formatMessage({ id: "gd.gen-ai.header.reset-tooltip" }), onClick: () => clearThread(), disabled: !hasMessages }),
|
|
@@ -22,7 +21,7 @@ const GenAIChatOverlayComponent = ({ onClose, hasMessages, clearThread, intl, is
|
|
|
22
21
|
: intl.formatMessage({ id: "gd.gen-ai.header.expand-tooltip" }), onClick: () => setFullscreen({ isFullscreen: !isFullscreen }) }),
|
|
23
22
|
React.createElement("div", { className: "gd-gen-ai-chat__window__header__divider" }),
|
|
24
23
|
React.createElement(HeaderIcon, { Icon: Icon.Close, className: "gd-gen-ai-chat__window__header__icon--close", tooltip: intl.formatMessage({ id: "gd.gen-ai.header.close-tooltip" }), onClick: onClose })),
|
|
25
|
-
React.createElement(GenAIChatWrapper,
|
|
24
|
+
React.createElement(GenAIChatWrapper, { autofocus: true }))));
|
|
26
25
|
};
|
|
27
26
|
const mapStateToProps = (state) => ({
|
|
28
27
|
hasMessages: hasMessagesSelector(state),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenAIChatOverlay.js","sourceRoot":"","sources":["../../src/components/GenAIChatOverlay.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EACH,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EAEpB,mBAAmB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,UAAU,EAAyB,MAAM,YAAY,CAAC;AAoB/D,MAAM,yBAAyB,GAA4D,CAAC,EACxF,OAAO,EACP,WAAW,EACX,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,aAAa,GAChB,EAAE,EAAE;IACD,MAAM,
|
|
1
|
+
{"version":3,"file":"GenAIChatOverlay.js","sourceRoot":"","sources":["../../src/components/GenAIChatOverlay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { loadThreadAction, cancelAsyncAction } from "../store/index.js";
|
|
|
3
3
|
type GenAIChatWrapperProps = {
|
|
4
4
|
loadThread: typeof loadThreadAction;
|
|
5
5
|
cancelLoading: typeof cancelAsyncAction;
|
|
6
|
+
autofocus?: boolean;
|
|
6
7
|
};
|
|
7
8
|
export declare const GenAIChatWrapper: import("react-redux").ConnectedComponent<React.FC<GenAIChatWrapperProps>, import("react-redux").Omit<GenAIChatWrapperProps, "loadThread" | "cancelLoading">>;
|
|
8
9
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenAIChatWrapper.d.ts","sourceRoot":"","sources":["../../src/components/GenAIChatWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAExE,KAAK,qBAAqB,GAAG;IACzB,UAAU,EAAE,OAAO,gBAAgB,CAAC;IACpC,aAAa,EAAE,OAAO,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"GenAIChatWrapper.d.ts","sourceRoot":"","sources":["../../src/components/GenAIChatWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAExE,KAAK,qBAAqB,GAAG;IACzB,UAAU,EAAE,OAAO,gBAAgB,CAAC;IACpC,aAAa,EAAE,OAAO,iBAAiB,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAqCF,eAAO,MAAM,gBAAgB,8JAA+D,CAAC"}
|
|
@@ -11,7 +11,7 @@ import { loadThreadAction, cancelAsyncAction } from "../store/index.js";
|
|
|
11
11
|
* UI component that renders the Gen AI chat.
|
|
12
12
|
* @internal
|
|
13
13
|
*/
|
|
14
|
-
const GenAIChatWrapperComponent = ({ loadThread, cancelLoading }) => {
|
|
14
|
+
const GenAIChatWrapperComponent = ({ loadThread, cancelLoading, autofocus, }) => {
|
|
15
15
|
React.useEffect(() => {
|
|
16
16
|
loadThread();
|
|
17
17
|
return () => {
|
|
@@ -21,7 +21,7 @@ const GenAIChatWrapperComponent = ({ loadThread, cancelLoading }) => {
|
|
|
21
21
|
return (React.createElement(ErrorBoundary, null,
|
|
22
22
|
React.createElement("div", { className: "gd-gen-ai-chat" },
|
|
23
23
|
React.createElement(Messages, null),
|
|
24
|
-
React.createElement(Input,
|
|
24
|
+
React.createElement(Input, { autofocus: autofocus }),
|
|
25
25
|
React.createElement(Typography, { tagName: "p", className: "gd-gen-ai-chat__disclaimer" },
|
|
26
26
|
React.createElement(FormattedMessage, { id: "gd.gen-ai.disclaimer" })))));
|
|
27
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GenAIChatWrapper.js","sourceRoot":"","sources":["../../src/components/GenAIChatWrapper.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"GenAIChatWrapper.js","sourceRoot":"","sources":["../../src/components/GenAIChatWrapper.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAQxE;;;GAGG;AACH,MAAM,yBAAyB,GAAoC,CAAC,EAChE,UAAU,EACV,aAAa,EACb,SAAS,GACZ,EAAE,EAAE;IACD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,UAAU,EAAE,CAAC;QAEb,OAAO,GAAG,EAAE;YACR,aAAa,EAAE,CAAC;QACpB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAEhC,OAAO,CACH,oBAAC,aAAa;QACV,6BAAK,SAAS,EAAC,gBAAgB;YAC3B,oBAAC,QAAQ,OAAG;YACZ,oBAAC,KAAK,IAAC,SAAS,EAAE,SAAS,GAAI;YAC/B,oBAAC,UAAU,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,4BAA4B;gBAC1D,oBAAC,gBAAgB,IAAC,EAAE,EAAC,sBAAsB,GAAG,CACrC,CACX,CACM,CACnB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACvB,UAAU,EAAE,gBAAgB;IAC5B,aAAa,EAAE,iBAAiB;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC,yBAAyB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAwB,gBAAgB,EAAa,MAAM,mBAAmB,CAAC;AAEtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAOhF,KAAK,eAAe,GAAG;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAwB,gBAAgB,EAAa,MAAM,mBAAmB,CAAC;AAEtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAOhF,KAAK,eAAe,GAAG;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACtB,UAAU,EAAE,OAAO,gBAAgB,CAAC;CACvC,CAAC;AA6FF,eAAO,MAAM,KAAK;;;;6CAA2E,CAAC"}
|
package/esm/components/Input.js
CHANGED
|
@@ -23,15 +23,18 @@ const messages = defineMessages({
|
|
|
23
23
|
id: "gd.gen-ai.button.send",
|
|
24
24
|
},
|
|
25
25
|
});
|
|
26
|
-
const InputComponent = ({ isBusy, isEvaluating, newMessage, intl, }) => {
|
|
26
|
+
const InputComponent = ({ isBusy, isEvaluating, newMessage, autofocus = false, intl, }) => {
|
|
27
27
|
const [value, setValue] = React.useState("");
|
|
28
28
|
const textareaRef = React.useRef(null);
|
|
29
|
+
// Force focus when autofocus is enables on the first mount, right after the initial state is loaded
|
|
30
|
+
const forceFocusOnce = React.useRef(autofocus);
|
|
29
31
|
React.useEffect(() => {
|
|
30
32
|
// Autofocus the textarea when the chat is not disabled and the user is not focusing on another element
|
|
31
33
|
// Important, given the disabled states changes depending on the agent's loading state
|
|
32
34
|
// And it's loosing focus after the loading state changes
|
|
33
|
-
if (!isBusy && document.activeElement === document.body) {
|
|
35
|
+
if (!isBusy && (forceFocusOnce.current || document.activeElement === document.body)) {
|
|
34
36
|
textareaRef.current?.focus();
|
|
37
|
+
forceFocusOnce.current = false;
|
|
35
38
|
}
|
|
36
39
|
}, [isBusy]);
|
|
37
40
|
const handleSubmit = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAa,MAAM,mBAAmB,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGxD,4FAA4F;AAC5F,8GAA8G;AAC9G,+EAA+E;AAC/E,MAAM,gBAAgB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gooddata/sdk-ui-gen-ai",
|
|
3
|
-
"version": "10.16.0-alpha.
|
|
3
|
+
"version": "10.16.0-alpha.19",
|
|
4
4
|
"description": "GoodData GenAI SDK",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -45,14 +45,14 @@
|
|
|
45
45
|
"uuid": "^8.3.2",
|
|
46
46
|
"react-loading-skeleton": "^3.4.0",
|
|
47
47
|
"react-markdown": "^9.0.1",
|
|
48
|
-
"@gooddata/api-client-tiger": "10.16.0-alpha.
|
|
49
|
-
"@gooddata/sdk-
|
|
50
|
-
"@gooddata/sdk-
|
|
51
|
-
"@gooddata/sdk-
|
|
52
|
-
"@gooddata/sdk-ui-
|
|
53
|
-
"@gooddata/sdk-ui-
|
|
54
|
-
"@gooddata/util": "10.16.0-alpha.
|
|
55
|
-
"@gooddata/sdk-ui-kit": "10.16.0-alpha.
|
|
48
|
+
"@gooddata/api-client-tiger": "10.16.0-alpha.19",
|
|
49
|
+
"@gooddata/sdk-model": "10.16.0-alpha.19",
|
|
50
|
+
"@gooddata/sdk-ui": "10.16.0-alpha.19",
|
|
51
|
+
"@gooddata/sdk-backend-spi": "10.16.0-alpha.19",
|
|
52
|
+
"@gooddata/sdk-ui-charts": "10.16.0-alpha.19",
|
|
53
|
+
"@gooddata/sdk-ui-pivot": "10.16.0-alpha.19",
|
|
54
|
+
"@gooddata/util": "10.16.0-alpha.19",
|
|
55
|
+
"@gooddata/sdk-ui-kit": "10.16.0-alpha.19"
|
|
56
56
|
},
|
|
57
57
|
"peerDependencies": {
|
|
58
58
|
"react": "^16.10.0 || ^17.0.0 || ^18.0.0",
|
|
@@ -101,9 +101,9 @@
|
|
|
101
101
|
"vitest-dom": "0.1.1",
|
|
102
102
|
"@types/react-native-listener": "~1.1.3",
|
|
103
103
|
"@types/uuid": "^8.3.4",
|
|
104
|
-
"@gooddata/reference-workspace": "10.16.0-alpha.
|
|
105
|
-
"@gooddata/
|
|
106
|
-
"@gooddata/
|
|
104
|
+
"@gooddata/reference-workspace": "10.16.0-alpha.19",
|
|
105
|
+
"@gooddata/sdk-backend-mockingbird": "10.16.0-alpha.19",
|
|
106
|
+
"@gooddata/i18n-toolkit": "10.16.0-alpha.19"
|
|
107
107
|
},
|
|
108
108
|
"scripts": {
|
|
109
109
|
"clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",
|
package/styles/css/main.css
CHANGED
|
@@ -310,6 +310,16 @@
|
|
|
310
310
|
flex-direction: column;
|
|
311
311
|
gap: 15px;
|
|
312
312
|
}
|
|
313
|
+
.gd-gen-ai-chat__messages__contents .gd-hyperlink, .gd-gen-ai-chat__messages__contents .gd-hyperlink-text {
|
|
314
|
+
white-space: normal;
|
|
315
|
+
}
|
|
316
|
+
.gd-gen-ai-chat__messages__contents li {
|
|
317
|
+
font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
|
|
318
|
+
font-weight: 400;
|
|
319
|
+
line-height: 1.4rem;
|
|
320
|
+
color: var(--gd-palette-complementary-8, #464e56);
|
|
321
|
+
font-size: 14px;
|
|
322
|
+
}
|
|
313
323
|
|
|
314
324
|
.gd-gen-ai-chat__messages__content--error {
|
|
315
325
|
flex: unset;
|
|
@@ -588,11 +598,11 @@
|
|
|
588
598
|
overflow: hidden;
|
|
589
599
|
background-color: var(--gd-palette-complementary-0, #fcfcfd);
|
|
590
600
|
}
|
|
591
|
-
.gd-gen-ai-chat__disclaimer {
|
|
601
|
+
.gd-gen-ai-chat__disclaimer.gd-typography.gd-typography--p {
|
|
592
602
|
font-size: 12px;
|
|
593
603
|
color: var(--gd-palette-complementary-6, #94a1ad);
|
|
594
604
|
text-align: center;
|
|
595
|
-
margin: 0
|
|
605
|
+
margin: 0 10px 10px;
|
|
596
606
|
}
|
|
597
607
|
.gd-gen-ai-chat__global_error {
|
|
598
608
|
margin: 10px 15px;
|
package/styles/css/main.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../node_modules/react-loading-skeleton/dist/skeleton.css","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Form/_mixins.scss","../scss/input.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/messages.scss","../scss/variables.scss","../scss/agentIcon.scss","../scss/window.scss","../scss/main.scss"],"names":[],"mappings":"AAAA;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;ACuEJ;AA4DA;AClLA;AAAA;AAAA;ACIA;EACI;EACA;;AAEA;EDWA;EACA;EACA;EACA;EACA;EACA;EACA,OECY;EFAZ,YEba;EFcb;EACA,aE8Dc;EF7Dd;EDkCA,0BChC2B;EDiC3B,6BCjC2B;EDkC3B,qBClC2B;EDsC3B,0BCtCgC;EDuChC,6BCvCgC;EDwChC,qBCxCgC;ED4ChC,iCC5CuC;ED6CvC,oCC7CuC;ED8CvC,4BC9CuC;EDrBvC;EAQI;EEMA;EACA;EACA;EACA;EACA;EACA;;AFmHJ;EEhIQ;EF+CR,0BE1CuC;EF2CvC,6BE3CuC;EF4CvC,qBE5CuC;EFgDvC,0BEhD8C;EFiD9C,6BEjD8C;EFkD9C,qBElD8C;EFsD9C,iCEtDqD;EFuDrD,oCEvDqD;EFwDrD,4BExDqD;;AF+HrD;EEpIQ;EF+CR,0BE1CuC;EF2CvC,6BE3CuC;EF4CvC,qBE5CuC;EFgDvC,0BEhD8C;EFiD9C,6BEjD8C;EFkD9C,qBElD8C;EFsD9C,iCEtDqD;EFuDrD,oCEvDqD;EFwDrD,4BExDqD;;AFmIrD;EExIQ;EF+CR,0BE1CuC;EF2CvC,6BE3CuC;EF4CvC,qBE5CuC;EFgDvC,0BEhD8C;EFiD9C,6BEjD8C;EFkD9C,qBElD8C;EFsD9C,iCEtDqD;EFuDrD,oCEvDqD;EFwDrD,4BExDqD;;AFuIrD;EE5IQ;EF+CR,0BE1CuC;EF2CvC,6BE3CuC;EF4CvC,qBE5CuC;EFgDvC,0BEhD8C;EFiD9C,6BEjD8C;EFkD9C,qBElD8C;EFsD9C,iCEtDqD;EFuDrD,oCEvDqD;EFwDrD,4BExDqD;;AAUjD;EAKI,cCmGiB;;AHSzB;EE/GY,OCXA;;AH8HZ;EEnHY,OCXA;;AHkIZ;EEvHY,OCXA;;AHsIZ;EE3HY,OCXA;;ADiBR;EFrBA;EE0BI;EACA,cCRc;;ADad;EFhCJ;EEoCQ,OCrCI;EDsCJ,cC+EO;ED9EP,kBCzCC;;AD8Cb;EFEA,0BEDmC;EFEnC,6BEFmC;EFGnC,qBEHmC;EFOnC,0BEPwC;EFQxC,6BERwC;EFSxC,qBETwC;EFaxC,iCEb+C;EFc/C,oCEd+C;EFe/C,4BEf+C;EAE3C;EACA;EACA;EACA;EACA;;AAEA;EAEI,MClDI;;ADqDR;EAEI,MCxCc;;AD2ClB;EAEI;;AAEA;AAAA;AAAA;EAEI,MCrEI;;AD2EZ;AAAA;EAEI,MCzDc;;AD4DlB;EAEI;;AAEA;AAAA;AAAA;EAEI,MCtFI;;;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../node_modules/react-loading-skeleton/dist/skeleton.css","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Form/_mixins.scss","../scss/input.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/messages.scss","../scss/variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/typo-mixins.scss","../scss/agentIcon.scss","../scss/window.scss","../scss/main.scss"],"names":[],"mappings":"AAAA;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;ACuEJ;AA4DA;AClLA;AAAA;AAAA;ACIA;EACI;EACA;;AAEA;EDWA;EACA;EACA;EACA;EACA;EACA;EACA,OECY;EFAZ,YEba;EFcb;EACA,aE8Dc;EF7Dd;EDkCA,0BChC2B;EDiC3B,6BCjC2B;EDkC3B,qBClC2B;EDsC3B,0BCtCgC;EDuChC,6BCvCgC;EDwChC,qBCxCgC;ED4ChC,iCC5CuC;ED6CvC,oCC7CuC;ED8CvC,4BC9CuC;EDrBvC;EAQI;EEMA;EACA;EACA;EACA;EACA;EACA;;AFmHJ;EEhIQ;EF+CR,0BE1CuC;EF2CvC,6BE3CuC;EF4CvC,qBE5CuC;EFgDvC,0BEhD8C;EFiD9C,6BEjD8C;EFkD9C,qBElD8C;EFsD9C,iCEtDqD;EFuDrD,oCEvDqD;EFwDrD,4BExDqD;;AF+HrD;EEpIQ;EF+CR,0BE1CuC;EF2CvC,6BE3CuC;EF4CvC,qBE5CuC;EFgDvC,0BEhD8C;EFiD9C,6BEjD8C;EFkD9C,qBElD8C;EFsD9C,iCEtDqD;EFuDrD,oCEvDqD;EFwDrD,4BExDqD;;AFmIrD;EExIQ;EF+CR,0BE1CuC;EF2CvC,6BE3CuC;EF4CvC,qBE5CuC;EFgDvC,0BEhD8C;EFiD9C,6BEjD8C;EFkD9C,qBElD8C;EFsD9C,iCEtDqD;EFuDrD,oCEvDqD;EFwDrD,4BExDqD;;AFuIrD;EE5IQ;EF+CR,0BE1CuC;EF2CvC,6BE3CuC;EF4CvC,qBE5CuC;EFgDvC,0BEhD8C;EFiD9C,6BEjD8C;EFkD9C,qBElD8C;EFsD9C,iCEtDqD;EFuDrD,oCEvDqD;EFwDrD,4BExDqD;;AAUjD;EAKI,cCmGiB;;AHSzB;EE/GY,OCXA;;AH8HZ;EEnHY,OCXA;;AHkIZ;EEvHY,OCXA;;AHsIZ;EE3HY,OCXA;;ADiBR;EFrBA;EE0BI;EACA,cCRc;;ADa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","file":"main.css"}
|
package/styles/css/messages.css
CHANGED
|
@@ -115,6 +115,16 @@
|
|
|
115
115
|
flex-direction: column;
|
|
116
116
|
gap: 15px;
|
|
117
117
|
}
|
|
118
|
+
.gd-gen-ai-chat__messages__contents .gd-hyperlink, .gd-gen-ai-chat__messages__contents .gd-hyperlink-text {
|
|
119
|
+
white-space: normal;
|
|
120
|
+
}
|
|
121
|
+
.gd-gen-ai-chat__messages__contents li {
|
|
122
|
+
font-family: gdcustomfont, avenir, "Helvetica Neue", arial, sans-serif;
|
|
123
|
+
font-weight: 400;
|
|
124
|
+
line-height: 1.4rem;
|
|
125
|
+
color: var(--gd-palette-complementary-8, #464e56);
|
|
126
|
+
font-size: 14px;
|
|
127
|
+
}
|
|
118
128
|
|
|
119
129
|
.gd-gen-ai-chat__messages__content--error {
|
|
120
130
|
flex: unset;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Form/_mixins.scss","../scss/messages.scss","../scss/variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AA0HA;AA4DA;AClLA;AAAA;AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/styles/scss/mixins.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/Form/_mixins.scss","../scss/messages.scss","../scss/variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/typo-mixins.scss"],"names":[],"mappings":"AA0HA;AA4DA;AClLA;AAAA;AAAA;ACKA;EACI;EACA;EAGA;EACA,eCbQ;;;ADgBZ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,MElBQ;;;AFsBhB;AAAA;AAAA;EAGI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI,ME3BkB;EF4BlB;;AAGJ;EAEI,MEjCkB;;AFoCtB;EAEI,MEtCkB;;;AF2CtB;EAII;EACA,kBEhDkB;EFiDlB;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,mBAlBS;EAmBT;EACA;;AAGJ;EACI,OE7FK;;AFiGb;EACI,OElGS;EFmGT,kBEpEsB;;AFuE1B;EACI,kBExEsB;;;AF4E9B;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGA;EAEI;;AAIJ;EG3IA,aDuFc;ECnFd;EA+CA;EACA,OD7BY;EC8BZ;;;AH2FJ;EACI;EACA;EACA;EACA,YE/FsB;EFgGtB,OElGoB;;;AFsGpB;EAMI,OEjJY;;;AFqJpB;EACI;;;AAGJ;EACI;EACA;EACA;EACA,YEjKa;EFkKb;;AAEA;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI,OE3JkB;;AF8JtB;EACI;;AAEA;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;;AAIR;EACI;IACI;;EAEJ;IACI;;EAEJ;IACI","file":"messages.css"}
|
package/styles/scss/main.scss
CHANGED
|
@@ -18,11 +18,17 @@
|
|
|
18
18
|
overflow: hidden;
|
|
19
19
|
background-color: kit-variables.$gd-color-light;
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
// Some apps include typography after the gen-ai styles
|
|
22
|
+
// this should not happen, but we can never be sure
|
|
23
|
+
// as the component is embeddable by the end user.
|
|
24
|
+
// Need to have high specificity selectors
|
|
25
|
+
&__disclaimer.gd-typography.gd-typography--p {
|
|
22
26
|
font-size: 12px;
|
|
23
27
|
color: kit-variables.$gd-color-state-blank;
|
|
24
28
|
text-align: center;
|
|
25
|
-
|
|
29
|
+
// Use custom x margin cause some apps user slightly different
|
|
30
|
+
// font and it may not align properly with larger margin
|
|
31
|
+
margin: 0 10px variables.$y-spacing;
|
|
26
32
|
}
|
|
27
33
|
|
|
28
34
|
&__global_error {
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
@use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
|
|
6
6
|
@use "@gooddata/sdk-ui-kit/styles/scss/mixins" as kit-mixins;
|
|
7
7
|
@use "@gooddata/sdk-ui-kit/styles/scss/Form/mixins" as form-mixins;
|
|
8
|
+
@use "@gooddata/sdk-ui-kit/styles/scss/typo-mixins" as typo-mixins;
|
|
8
9
|
|
|
9
10
|
.gd-gen-ai-chat__messages {
|
|
10
11
|
flex: 1;
|
|
@@ -135,6 +136,17 @@
|
|
|
135
136
|
display: flex;
|
|
136
137
|
flex-direction: column;
|
|
137
138
|
gap: 15px;
|
|
139
|
+
|
|
140
|
+
// UI kit links have white-space nowrap, which is not desired in the chat
|
|
141
|
+
& .gd-hyperlink,
|
|
142
|
+
& .gd-hyperlink-text {
|
|
143
|
+
white-space: normal;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
// List contents should be styled same as a pargraph
|
|
147
|
+
& li {
|
|
148
|
+
@include typo-mixins.gd-paragraph;
|
|
149
|
+
}
|
|
138
150
|
}
|
|
139
151
|
|
|
140
152
|
.gd-gen-ai-chat__messages__content--error {
|