@opengeni/react 0.42.1 → 0.44.2

package/dist/{chunk-UWYTCQWW.js → chunk-QQRM3DO3.js}

@@ -1,10 +1,10 @@
 import {
   shouldSteerOnKey,
   shouldSubmitOnKey
-} from "./chunk-Q2NCKWTK.js";
+} from "./chunk-HFO4ERGQ.js";
 import {
   groupPickerRowsByBillingClass
-} from "./chunk-SJKT4TKW.js";
+} from "./chunk-23EJ676W.js";
 import {
   Tooltip,
   TooltipContent,
@@ -2613,16 +2613,60 @@ var defaultChatComposerMessages = {
   formatBytes,
   formatRelativeTime
 };
-function applyComposerTextareaHeight(textarea, maxPx = 220) {
-  if (textarea.scrollHeight > textarea.clientHeight + 1) {
-    textarea.style.height = `${Math.min(textarea.scrollHeight, maxPx)}px`;
-    return;
+var composerHeightMirror = null;
+function measureComposerContentHeight(textarea) {
+  if (typeof document === "undefined") {
+    return textarea.scrollHeight;
+  }
+  const width = textarea.clientWidth;
+  if (width <= 0) {
+    return textarea.offsetHeight;
+  }
+  let mirror = composerHeightMirror;
+  if (!mirror) {
+    mirror = document.createElement("textarea");
+    mirror.setAttribute("aria-hidden", "true");
+    mirror.tabIndex = -1;
+    mirror.rows = 1;
+    mirror.style.cssText = "position:absolute;top:0;left:0;visibility:hidden;pointer-events:none;height:auto;min-height:0;max-height:none;overflow:hidden;z-index:-1;";
+    composerHeightMirror = mirror;
   }
+  const style = getComputedStyle(textarea);
+  mirror.style.width = `${width}px`;
+  mirror.style.boxSizing = style.boxSizing;
+  mirror.style.font = style.font;
+  mirror.style.fontSize = style.fontSize;
+  mirror.style.fontFamily = style.fontFamily;
+  mirror.style.fontWeight = style.fontWeight;
+  mirror.style.fontStyle = style.fontStyle;
+  mirror.style.letterSpacing = style.letterSpacing;
+  mirror.style.lineHeight = style.lineHeight;
+  mirror.style.textTransform = style.textTransform;
+  mirror.style.paddingTop = style.paddingTop;
+  mirror.style.paddingRight = style.paddingRight;
+  mirror.style.paddingBottom = style.paddingBottom;
+  mirror.style.paddingLeft = style.paddingLeft;
+  mirror.style.borderTopWidth = style.borderTopWidth;
+  mirror.style.borderRightWidth = style.borderRightWidth;
+  mirror.style.borderBottomWidth = style.borderBottomWidth;
+  mirror.style.borderLeftWidth = style.borderLeftWidth;
+  mirror.style.borderStyle = style.borderStyle;
+  mirror.style.whiteSpace = style.whiteSpace;
+  mirror.style.wordBreak = style.wordBreak;
+  mirror.style.overflowWrap = style.overflowWrap;
+  mirror.value = textarea.value;
+  if (!mirror.isConnected) {
+    document.documentElement.appendChild(mirror);
+  }
+  return mirror.scrollHeight;
+}
+function applyComposerTextareaHeight(textarea, maxPx = 220, measure = measureComposerContentHeight) {
   const before = textarea.offsetHeight;
-  textarea.style.height = "auto";
-  const nextPx = Math.min(textarea.scrollHeight, maxPx);
+  const nextPx = Math.min(
+    textarea.scrollHeight > textarea.clientHeight + 1 ? textarea.scrollHeight : measure(textarea),
+    maxPx
+  );
   if (Math.abs(nextPx - before) < 1) {
-    textarea.style.height = `${before}px`;
     return;
   }
   textarea.style.height = `${nextPx}px`;
@@ -3150,7 +3194,8 @@ var Footer = forwardRef(function ComposerFooter({ className, ...props }, ref) {
       ref,
       className: cn(
         "flex items-end gap-1.5 px-2 pb-2 pt-0.5 sm:px-2.5 sm:pb-2.5",
-        "max-sm:items-center max-sm:gap-1",
+        // Mobile: one control row — never wrap into a second toolbar line.
+        "max-sm:flex-nowrap max-sm:items-center max-sm:gap-1",
         className
       )
     }
@@ -3190,7 +3235,11 @@ var Actions = forwardRef(function ComposerActions({ className, ...props }, ref)
     {
       ...props,
       ref,
-      className: cn("ml-auto flex shrink-0 items-center gap-1.5", className)
+      className: cn(
+        "ml-auto flex shrink-0 items-center gap-1.5",
+        "max-sm:flex-nowrap max-sm:gap-1",
+        className
+      )
     }
   );
 });
@@ -3743,7 +3792,8 @@ function ComposerTranscriptionControl({
   messages: overrides,
   className,
   createRecordingStore,
-  createOwnerId
+  createOwnerId,
+  suppressed = false
 }) {
   const composer = useChatComposer();
   const messages = { ...defaultMessages, ...overrides };
@@ -3751,7 +3801,7 @@ function ComposerTranscriptionControl({
     client,
     workspaceId,
     capability,
-    enabled: workspaceEnabled,
+    enabled: workspaceEnabled && !suppressed,
     value: composer.value,
     setValue: composer.setValue,
     focusInput: composer.focusInput,
@@ -3760,6 +3810,13 @@ function ComposerTranscriptionControl({
     createOwnerId
   });
   const { status } = transcription;
+  const cancelTranscription = transcription.cancel;
+  useEffect4(() => {
+    if (!suppressed) return;
+    if (status === "recording" || status === "requesting-permission") {
+      cancelTranscription();
+    }
+  }, [cancelTranscription, status, suppressed]);
   const active = status === "requesting-permission" || status === "recording" || status === "saving" || status === "transcribing";
   const recoverable = transcription.hasRecoverableRecording && (status === "recovered" || status === "transcript-ready" || status === "error");
   const savedTranscript = status === "transcript-ready" && transcription.savedTranscript !== null;
@@ -3774,12 +3831,16 @@ function ComposerTranscriptionControl({
     }
     void transcription.start();
   }
-  return /* @__PURE__ */ jsxs4(
-    "span",
+  return /* @__PURE__ */ jsx4(AnimatePresence3, { initial: false, children: suppressed ? null : /* @__PURE__ */ jsx4(
+    motion3.span,
     {
-      className: cn("inline-flex min-w-0 items-center gap-1.5", className),
+      initial: { opacity: 0, width: 0 },
+      animate: { opacity: 1, width: "auto" },
+      exit: { opacity: 0, width: 0 },
+      transition: { duration: 0.36, ease: [0.22, 1, 0.36, 1] },
+      className: cn("inline-flex min-w-0 overflow-hidden", className),
       "data-transcription-status": status,
-      children: [
+      children: /* @__PURE__ */ jsxs4("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [
         /* @__PURE__ */ jsx4(AnimatePresence3, { mode: "popLayout", initial: false, children: recoverable ? /* @__PURE__ */ jsxs4(
           motion3.span,
           {
@@ -3896,6 +3957,7 @@ function ComposerTranscriptionControl({
           motion3.button,
           {
             type: "button",
+            "data-og-composer-dictate": true,
             initial: { opacity: 0, scale: 0.96 },
             animate: { opacity: 1, scale: 1 },
             exit: { opacity: 0, scale: 0.96 },
@@ -3920,10 +3982,19 @@ function ComposerTranscriptionControl({
             children: errorMessage3
           }
         ) }) : null,
-        /* @__PURE__ */ jsx4("span", { className: "sr-only", role: status === "error" ? "alert" : "status", "aria-live": "polite", children: announcement })
-      ]
-    }
-  );
+        /* @__PURE__ */ jsx4(
+          "span",
+          {
+            className: "sr-only",
+            role: status === "error" ? "alert" : "status",
+            "aria-live": "polite",
+            children: announcement
+          }
+        )
+      ] })
+    },
+    "composer-dictate"
+  ) });
 }
 function VoiceWaveform({
   stream,
@@ -4091,4 +4162,4 @@ export {
   Status,
   ComposerTranscriptionControl
 };
-//# sourceMappingURL=chunk-UWYTCQWW.js.map
+//# sourceMappingURL=chunk-QQRM3DO3.js.map