@shane_donnelly/dsi-internal-react-utils 1.0.0 → 1.1.0

package/dist/SessionContainer-DGTMKCFX.js

@@ -0,0 +1,50 @@
+import { useTheme as e } from "./chatbot/theme/useTheme.js";
+import { t } from "./SessionHistory-BUYwbZjE.js";
+import { t as n } from "./InputBar-CxSc2du6.js";
+import { useEffect as r, useMemo as i, useRef as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region lib/chatbot/SessionContainer/styles.module.css
+var l = {
+	"dsi-session-container": "_dsi-session-container_1iida_1",
+	"dsi-session-container-history": "_dsi-session-container-history_1iida_11",
+	"dsi-session-container-inputbar": "_dsi-session-container-inputbar_1iida_18"
+};
+//#endregion
+//#region lib/chatbot/SessionContainer/index.tsx
+function u({ userMessages: u, botMessages: d, orderedIds: f, botMessageRegistry: p, userMessageSlots: m, alternativeScreenComponent: h, isAlternativeScreenActive: g = !1, value: _, onChange: v, placeholder: y, actionButtonType: b, actionButtonEnabled: x, onActionButtonClick: S, plusSlot: C, upperSlot: w }) {
+	let T = e(), E = a(null), D = i(() => {
+		let e = new Map(u.map((e) => [e.id, e]));
+		return f.filter((t) => e.has(t)).map((t) => e.get(t).text);
+	}, [u, f]);
+	return r(() => {
+		E.current?.scrollIntoView({ behavior: "smooth" });
+	}, [f.length]), /* @__PURE__ */ c("div", {
+		className: l["dsi-session-container"],
+		style: { "--dsi-bg": T.background },
+		children: [/* @__PURE__ */ s("div", {
+			className: l["dsi-session-container-history"],
+			children: g ? h ?? null : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(t, {
+				userMessages: u,
+				botMessages: d,
+				orderedIds: f,
+				botMessageRegistry: p,
+				userMessageSlots: m
+			}), /* @__PURE__ */ s("div", { ref: E })] })
+		}), /* @__PURE__ */ s("div", {
+			className: l["dsi-session-container-inputbar"],
+			children: /* @__PURE__ */ s(n, {
+				value: _,
+				onChange: v,
+				placeholder: y,
+				actionButtonType: b,
+				actionButtonEnabled: x,
+				onActionButtonClick: S,
+				plusSlot: C,
+				upperSlot: w,
+				messageHistory: D
+			})
+		})]
+	});
+}
+//#endregion
+export { u as t };

package/dist/chatbot/SessionContainer/index.d.ts

@@ -1,13 +1,28 @@
+import { ReactNode } from 'react';
 import { SessionHistoryProps } from '../SessionHistory';
 import { InputBarProps } from '../InputBar';
-export type SessionContainerProps<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>> = SessionHistoryProps<TTop, TBottom, TLeft, TRight> & InputBarProps;
+export type SessionContainerProps<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>> = SessionHistoryProps<TTop, TBottom, TLeft, TRight> & InputBarProps & {
+    /**
+     * Composant alternatif affiché à la place de `SessionHistory`
+     * quand `isAlternativeScreenActive` est `true`.
+     */
+    alternativeScreenComponent?: ReactNode;
+    /**
+     * Quand `true`, affiche `alternativeScreenComponent` à la place de
+     * `SessionHistory`. Par défaut `false`.
+     */
+    isAlternativeScreenActive?: boolean;
+};
 /**
  * Composant tout-en-un combinant `SessionHistory` et `InputBar`.
  *
  * Fait défiler automatiquement vers le dernier message à chaque
  * mise à jour de la conversation.
  *
- * Ses props sont la somme des props de `SessionHistory` et `InputBar`.
+ * Ses props sont la somme des props de `SessionHistory` et `InputBar`,
+ * plus deux props optionnelles pour un écran alternatif :
+ * - `alternativeScreenComponent` : contenu affiché à la place de `SessionHistory`
+ * - `isAlternativeScreenActive` : active l'affichage de l'écran alternatif (défaut `false`)
  *
  * @example
  * ```tsx
@@ -23,4 +38,4 @@ export type SessionContainerProps<TTop = Record<string, never>, TBottom = Record
  * />
  * ```
  */
-export declare function SessionContainer<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>>({ userMessages, botMessages, orderedIds, botMessageRegistry, userMessageSlots, value, onChange, placeholder, actionButtonType, actionButtonEnabled, onActionButtonClick, plusSlot, upperSlot, }: SessionContainerProps<TTop, TBottom, TLeft, TRight>): import("react/jsx-runtime").JSX.Element;
+export declare function SessionContainer<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>>({ userMessages, botMessages, orderedIds, botMessageRegistry, userMessageSlots, alternativeScreenComponent, isAlternativeScreenActive, value, onChange, placeholder, actionButtonType, actionButtonEnabled, onActionButtonClick, plusSlot, upperSlot, }: SessionContainerProps<TTop, TBottom, TLeft, TRight>): import("react/jsx-runtime").JSX.Element;

package/dist/chatbot/SessionContainer/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../SessionContainer-RrzUh_no.js";
+import { t as e } from "../../SessionContainer-DGTMKCFX.js";
 export { e as SessionContainer };

package/dist/chatbot/index.js

@@ -6,5 +6,5 @@ import { t as a } from "../UserMessage-CkrDUpkQ.js";
 import { n as o, t as s } from "../BotMessage-DegH8sM-.js";
 import { t as c } from "../SessionHistory-BUYwbZjE.js";
 import { t as l } from "../InputBar-CxSc2du6.js";
-import { t as u } from "../SessionContainer-RrzUh_no.js";
+import { t as u } from "../SessionContainer-DGTMKCFX.js";
 export { s as BotMessage, l as InputBar, e as MarkdownRenderer, u as SessionContainer, c as SessionHistory, a as UserMessage, o as defaultBotMessageRegistry, t as getCurrentTheme, n as getTheme, r as setTheme, i as useTheme };

package/dist/main.js

@@ -9,6 +9,6 @@ import { t as l } from "./UserMessage-CkrDUpkQ.js";
 import { n as u, t as d } from "./BotMessage-DegH8sM-.js";
 import { t as f } from "./SessionHistory-BUYwbZjE.js";
 import { t as p } from "./InputBar-CxSc2du6.js";
-import { t as m } from "./SessionContainer-RrzUh_no.js";
+import { t as m } from "./SessionContainer-DGTMKCFX.js";
 import "./chatbot/index.js";
 export { d as BotMessage, p as InputBar, r as KeycloakProvider, e as MarkdownRenderer, m as SessionContainer, f as SessionHistory, l as UserMessage, u as defaultBotMessageRegistry, a as getCurrentTheme, o as getTheme, t as logoutKeycloak, n as refreshTokenKeycloak, s as setTheme, i as useKeycloakAuth, c as useTheme };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shane_donnelly/dsi-internal-react-utils",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.1.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/dist/SessionContainer-RrzUh_no.js

@@ -1,50 +0,0 @@
-import { useTheme as e } from "./chatbot/theme/useTheme.js";
-import { t } from "./SessionHistory-BUYwbZjE.js";
-import { t as n } from "./InputBar-CxSc2du6.js";
-import { useEffect as r, useMemo as i, useRef as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region lib/chatbot/SessionContainer/styles.module.css
-var c = {
-	"dsi-session-container": "_dsi-session-container_1iida_1",
-	"dsi-session-container-history": "_dsi-session-container-history_1iida_11",
-	"dsi-session-container-inputbar": "_dsi-session-container-inputbar_1iida_18"
-};
-//#endregion
-//#region lib/chatbot/SessionContainer/index.tsx
-function l({ userMessages: l, botMessages: u, orderedIds: d, botMessageRegistry: f, userMessageSlots: p, value: m, onChange: h, placeholder: g, actionButtonType: _, actionButtonEnabled: v, onActionButtonClick: y, plusSlot: b, upperSlot: x }) {
-	let S = e(), C = a(null), w = i(() => {
-		let e = new Map(l.map((e) => [e.id, e]));
-		return d.filter((t) => e.has(t)).map((t) => e.get(t).text);
-	}, [l, d]);
-	return r(() => {
-		C.current?.scrollIntoView({ behavior: "smooth" });
-	}, [d.length]), /* @__PURE__ */ s("div", {
-		className: c["dsi-session-container"],
-		style: { "--dsi-bg": S.background },
-		children: [/* @__PURE__ */ s("div", {
-			className: c["dsi-session-container-history"],
-			children: [/* @__PURE__ */ o(t, {
-				userMessages: l,
-				botMessages: u,
-				orderedIds: d,
-				botMessageRegistry: f,
-				userMessageSlots: p
-			}), /* @__PURE__ */ o("div", { ref: C })]
-		}), /* @__PURE__ */ o("div", {
-			className: c["dsi-session-container-inputbar"],
-			children: /* @__PURE__ */ o(n, {
-				value: m,
-				onChange: h,
-				placeholder: g,
-				actionButtonType: _,
-				actionButtonEnabled: v,
-				onActionButtonClick: y,
-				plusSlot: b,
-				upperSlot: x,
-				messageHistory: w
-			})
-		})]
-	});
-}
-//#endregion
-export { l as t };